Various fixes/notes for server compatibility

Make #mobileWordFormShow visible in all themes
Don't consider theme when checking if default
2019-06-11 12:47:12 -06:00 · 2019-06-10 20:15:53 -06:00 · 2019-06-10 20:13:01 -06:00 · 2019-06-10 13:08:08 -06:00 · 2019-06-10 12:39:45 -06:00 · 2019-06-10 11:52:37 -06:00
85 changed files with 6722 additions and 1423 deletions
--- a/.gitignore
+++ b/.gitignore
@ -2,5 +2,7 @@ node_modules/
 .cache/
 dist/
 vendor/
+processedImages/

-src/php/api/config.php
+src/php/api/config.php
+src/php/api/migrate.php
--- a/.htmlnanorc
+++ b/.htmlnanorc
@ -0,0 +1,3 @@
+{
+	"minifySvg": false
+}
--- a/README.md
+++ b/README.md
@ -24,4 +24,20 @@ It's less useful, but `npm run serve-frontend-only` will bundle and serve _only_

 ## Production

-`npm run bundle` bundles and minifies the frontend stuff and also copies the backend stuff to `dist`. Be sure to run `npm run clear` to delete the contents of `dist` and `.cache` before using `npm run bundle` to make sure you don't get old dev versions of the bundled code included in your upload.
+`npm run bundle` bundles and minifies the frontend stuff and also copies the backend stuff to `dist`. Be sure to run `npm run clear` to delete the contents of `dist` and `.cache` before using `npm run bundle` to make sure you don't get old dev versions of the bundled code included in your upload.
+
+## Migration
+
+There is a script called `src/php/api/migrate.php.changeme` that can be used to help with the migration process from a `version1` Lexiconga database into a `master` database. **Note:** Migration is intended only for migrating from an old server to a freshly-installed/empty new database. To use this, copy `src/php/api/migrate.php.changeme` to `migrate.php` somewhere in the `version1` project (probably in `/php`) and copy the same to `/api/migrate.php` in your `master` project, making sure that all the variables for referencing the databases are correct.
+
+Visit `migrate.php` on your `version1` server with `?outgoing=true` set in order to begin the transfer. The other server's `migrate.php` will receive an "incoming" request multiple times, and your screen will display messages as it works.
+
+_DELETE THESE `migrate.php` FILES IMMEDIATELY AFTER MIGRATION IS COMPLETE!_.
+
+## Emails
+
+Be sure you set up email senders/receivers for at least these 3 email addresses:
+
+- help (can be forwarder)
+- donotreply (must be sender)
+- ads (can be forwarder)
--- a/ads.json
+++ b/ads.json
@ -0,0 +1,56 @@
+[
+  {
+    "header": "Do You Like Lexiconga?",
+    "body": "You can contribute a small amount each month toward keeping Lexiconga online and help us keep working on new features. We appreciate whatever you can offer!",
+    "cta": "Support Lexiconga!",
+    "link": "https://liberapay.com/robbieantenesse/donate",
+    "start": "June 1, 2019",
+    "end": "August 1, 2099",
+    "isPriority": false
+  },
+  {
+    "header": "Support Lexiconga's Developer",
+    "body": "If you enjoy Lexiconga, you can make a one-time donation to the developer toward keeping it online and adding new features. Your donations are much appreciated!",
+    "cta": "Buy Me a Coffee!",
+    "link": "https://buymeacoffee.com/robbieantenesse",
+    "start": "June 1, 2019",
+    "end": "August 1, 2099",
+    "isPriority": false
+  },
+  {
+    "header": "A New Way to Role-Play",
+    "body": "The GUTS+ System is a tabletop role-playing game system that aims to be approachable enough for newcomers and flexible enough for any setting.",
+    "cta": "Learn to Play for Free!",
+    "link": "https://guts.plus",
+    "start": "June 1, 2019",
+    "end": "March 1, 2020",
+    "isPriority": false
+  },
+  {
+    "header": "Protect Your Readers",
+    "body": "RedFlag puts a wall between your readers or followers and content that you want to share. Choose up to 3 different warnings to help them be aware of what they're about to view!",
+    "cta": "Use RedFlag for Free",
+    "link": "https://redflag.ga",
+    "start": "June 1, 2019",
+    "end": "January 1, 2020",
+    "isPriority": false
+  },
+  {
+    "header": "Get Theonite: Planet Adyn free!",
+    "body": "\"This book is the superhero fantasy you didn't know you needed. Magic, Afrofuturism, and heart-pumping suspense - this book has it all!\" - WeReadFantasy.com",
+    "cta": "Read Free Now",
+    "link": "https://mailchi.mp/ce525124aec3/theonite-planet-adyn-free-copy",
+    "start": "June 1, 2019",
+    "end": "January 1, 2020",
+    "isPriority": false
+  },
+  {
+    "header": "The Sword of Kaigen: A Theonite War Story",
+    "body": "\"Fantasy and martial arts aficionados alike should enjoy this emotionally supercharged novel... which pierces readers' hearts with the precision of a samurai's razor-sharp blade.\" - Blue Ink Review",
+    "cta": "Buy Now",
+    "link": "https://www.amazon.com/Sword-Kaigen-Theonite-War-Story/dp/172019386X/",
+    "start": "June 1, 2019",
+    "end": "January 1, 2020",
+    "isPriority": false
+  }
+]
--- a/advertising.html
+++ b/advertising.html
@ -0,0 +1,132 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Advertising on Lexiconga</title>
+  <meta property="description" content="Buy advertisement space on Lexiconga">
+  <meta name="keywords" content="Lexiconga, advertising, ads, conlanging, dictionary, dictionaries, lexicon, conlangs, constructed languages, glossopoeia">
+  
+  <meta property="og:site_name" content="Lexiconga">
+  <meta property="og:url" content="https://lexicon.ga/advertising.html">
+  <meta property="og:type" content="article">
+  <meta property="og:title" content="Advertising on Lexiconga">
+  <meta property="og:description" content="Buy advertisement space on Lexiconga">
+  <meta property="og:image" content="processedImages/logo.png">
+  
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:image:alt" content="Lexiconga logo">
+
+  <link rel="icon" href="processedImages/favicon.png" type="image/x-icon">
+  <link rel="stylesheet" href="src/main.scss">
+</head>
+<body id="defaultTheme">
+  <header id="top">
+    <a href="/" title="Lexiconga"><svg id="title" alt="Lexiconga Logo" viewBox="0 0 249.78 55.087">
+      <g transform="translate(-107.53 -155.84)">
+        <g id="lexi">
+          <path d="m144.03 159.39-11.339 22.409h-21.62l11.339-22.409z" />
+          <path d="m132.69 183.97 11.339 22.409h-21.62l-11.339-22.409z" />
+          <path d="m160.1 186.76v7.0042h-6.1056q-1.2442 0-1.7741 0.36864-0.50688 0.36864-0.50688 1.2442 0 0.99072 0.52992 1.3133 0.52992 0.29952 2.1658 0.29952h6.2899v8.9856h-7.3498q-5.184 0-7.9258-2.4653-2.7418-2.4883-2.7418-7.1655v-12.326q0-4.5159 2.5805-7.0042 2.6035-2.4883 7.3037-2.4883h8.1332v9.0317h-5.9674q-2.4192 0-2.4192 1.5667 0 0.92161 0.576 1.2902 0.57601 0.3456 2.0506 0.3456z" />
+          <path d="m187.75 174.53-8.1792 15.299 8.4557 16.151h-9.8381l-3.8707-7.6263-3.2717 7.6263h-9.6768l8.64-15.898-8.1792-15.552h9.746l3.6634 7.1424 2.9491-7.1424z" />
+          <path d="m198.95 174.53v31.45h-9.3543v-31.45z" />
+        </g>
+        <g id="conga">
+          <path d="m218.5 205.38h-3.2347q-7.6994 0-10.114-3.918-1.8223-2.9613-1.8223-11.481 0-7.5172 1.8223-10.478 2.4146-3.918 9.294-3.918h4.7381q6.5604 0 8.7928 1.8679 2.5513 2.1413 2.5513 8.4739-0.77449-0.13667-1.4123-0.13667-0.68338 0-2.0501 0.13667-1.3668 0.13668-2.0957 0.13668l-1.7768-0.13668q0-2.5057-1.5946-3.3713-1.0934-0.59227-3.6902-0.59227h-1.8679q-3.3258 0-4.5559 1.8679-0.95673 1.4579-0.95673 4.647 0 1.1845 0.0456 3.098 0.0911 1.9135 0.0911 1.959 0 4.0092 1.7768 4.9203 1.0478 0.5467 5.6493 0.5467 2.1868 0 3.0069-0.22779 2.0957-0.59226 2.0957-3.6447 0.45558-0.13668 1.139-0.27335 0.72894-0.13668 1.1845-0.13668 0.68338 0 2.0501 0.2278 1.3668 0.22779 2.0957 0.22779 0.5467 0 0.86561-0.0456 0 6.606-2.7791 8.6106-2.2324 1.6401-9.2484 1.6401zm3.0069-31.208q3.8269 0.68338 7.0616 1.549 0.63782 1.0023 1.0934 2.1412 0.50114 1.139 0.50114 2.0046l-1.5946-3.0524-3.5991-1.4123q-1.4579-0.18224-2.1868-0.18224-0.68338 0-1.6401 0h-3.8725q1.0478-0.13667 2.1868-0.36447 1.6401-0.36447 2.0501-0.68338zm10.797 13.303q-0.50115 0-2.1868-0.45559-0.82006-0.22779-1.3668-0.22779-0.27335 0-0.63782 0.0911-0.31891 0.0456-0.82006 0.2278-1.7312-0.18224-2.7335-0.31891-1.0023-0.13668-1.0934-0.31891l4.5559-0.13668q0.7745 0 1.5034 0 0.72894 0 1.5946 0.13668l-0.0911-8.0183q0.22779 2.1413 0.59226 4.3281 0.36447 2.1412 0.95673 4.6925h-0.27335zm-0.59226 13.531-1.2301-0.22779 0.31891-0.59227q0.0456-0.0911 0.0456-0.91117v-1.3668q0-0.91117 0.2278-1.8679 0.22779-1.0023 0.50114-1.959l0.13668 5.1481v1.7768zm-23.28-25.604q0.13668-0.0456 0.63782-0.31891 0.54671-0.27336 0.72894-0.27336l0.13668 0.18224q0.22779 0 0.68338-0.22779 0.50114-0.27336 0.72893-0.36447 0.2278-0.0911 1.6857-0.13668 1.4579-0.0911 2.7791-0.0911l-3.7358 0.68338-3.6447 0.54671zm8.6561-0.59227-0.95673 0.36447-1.9135-0.13667q1.3212-0.41003 2.688-0.82006l2.369-0.13667q-0.5467 0.13667-1.0023 0.27335-0.41003 0.0911-1.1845 0.45558zm-5.786 14.032q0-0.5467 0.0911-1.0023 0.13668-0.50114 0.36447-1.139v0.50114q0 0.13668 0.31891 2.1413 0.0911 0.59226 0.0911 1.2756v5.5582l-0.86562-4.1458 0.18224-0.59226q0-0.0911-0.0911-1.139-0.0911-1.0478-0.0911-1.4579zm0.72894-5.4215 0.82006-0.63782q-0.36447 0.82005-0.36447 1.6401v0.31891l-0.68338 1.3668zm0.45559 13.759q0.18223 0.0455 1.0023 0.31891 1.0934 0.27335 1.6857 0.27335l3.3258-0.68338q0.27335-0.0456 1.0023-0.18224 0.7745 0 1.5946 0l1.4123-2.4602q-0.36447 1.0478-0.45559 1.4579-0.22779 0.86561-0.22779 1.4579l0.0911 0.22779 0.13667-0.0456q-4.237 0.41002-8.4739 0.77449l-1.0934-1.139zm19.18 4.9659q-0.68338 0.63782-1.6857 1.2756-0.95673 0.63782-1.7312 0.91118 0.41003-0.36447 1.2756-1.0934 0.50115-0.45559 1.139-1.1845l1.0023 0.0911zm-4.8292 3.4169-1.5034 0.0456 2.7335-1.0934q-0.31891 0.22779-0.63782 0.50115-0.31891 0.22779-0.59226 0.5467zm-24.921-21.64-0.13667-4.5103 1.5946-2.2779q1.0023-0.22779 1.6401-0.77449 0.95673-1.0478 1.959-2.1413 0.31891-0.31891 1.7768-0.45558 1.4579-0.13668 3.9636-0.2278-1.0023 0.2278-2.0501 0.50115-1.0478 0.22779-1.959 0.50114-1.7768 0.63782-3.7814 2.2324-2.4146 1.9135-2.5968 3.4625zm5.3759 22.233q-2.688-2.7335-3.9636-7.4716-1.0023-3.7814-1.0023-8.5195 0.22779 1.5946 0.68338 4.647 0.45559 3.0069 1.1845 5.0114 0.13668 0.41002 0.45559 1.2756 0.31891 0.86561 0.63782 1.3668l1.6401 2.1868zm-4.9659-16.811v-2.8702q0-0.41003 0.50115-2.7335 0.50114-2.3235 1.3212-5.6493 0.27335-0.18223 1.7768-1.1845 1.549-1.0478 1.5946-1.4123l0.95673 0.82006q-0.63782 0.0911-1.8679 0.86561-0.86561 0.54671-1.6857 1.2301-0.18223 0.95673-0.50114 1.9135-0.27335 0.95673-0.63782 1.6857 0 0.0456-0.31891 0.45559-0.13668 0.22779-0.18224 0.41003zm20.957 16.447q0.59226 0 0.86561 0.0911-2.1412 0.45558-4.6925 0.95673-2.5057 0.5467-3.6902 0.5467-1.3668 0-3.2802-0.27335-1.8679-0.27335-3.1891-0.63782l-0.72894-1.0478 5.9682 0.7745q0.27335 0.0456 0.91117-0.0456 0.68338-0.0911 0.82005-0.0911 0.0911 0 1.0478 0.0911 1.0023 0.0911 1.3668 0.0911 0.59226 0 2.9158-0.31891 1.0023-0.13668 1.6857-0.13668zm-21.003-9.8407q0.31891 0.54671 0.59226 2.5513 0.0911 0.86561 0.27336 1.0478l0.50114 0.63782-0.0456 0.18224 0.18224 0.36447q0.45558 0.63782 0.59226 1.7312 0.18223 1.0478 0.31891 2.0046l2.0501 2.2779-2.4146-1.8679q-0.72894-2.0046-1.3668-4.0092-0.77449-2.5057-1.8679-6.8794l1.1845 1.959zm26.06-1.2756q-0.68338 0-1.9135-0.0911-1.1845-0.13668-2.5513-0.27336 0.68338-0.36446 3.5991-0.50114 2.9158-0.18223 2.9613-0.18223l-0.63782 0.68337-1.4579 0.36447zm-9.1117-12.027 2.8702 1.0478 0.27335 1.0934q-2.1868-1.0023-4.4192-1.549-2.2324-0.59227-4.4647-0.59227z" />
+          <path d="m262.61 195.81q0 0.77449-0.0911 2.6424-0.0911 1.8223-0.0911 1.959-1.2301 1.7768-2.9613 3.7358 0.91118-1.2756 1.4579-2.1868 1.0934-1.7312 1.0934-2.4146 0-2.4146-0.0911-4.4192-0.31891-6.9249-0.31891-7.426 0-0.59226-0.13668-1.4123-0.31891-1.959-0.31891-2.4146 0-0.72894 0.18224-1.5946 0.18223-0.86561 0.36447-1.7312 0.36446 3.5536 0.63782 7.7905 0.27335 4.1914 0.27335 7.4716zm-12.939 8.9295h-4.0547q-5.9682 0-8.7472-2.688-2.7791-2.688-2.7791-8.6561v-5.1026q0-5.6037 2.9158-8.2917 2.9158-2.688 8.565-2.688h3.6447q5.7859 0 8.7928 2.5513 3.1891 2.7335 3.1891 8.4283v5.1026q0 6.1504-2.688 8.7472-2.688 2.5968-8.8384 2.5968zm4.4192-16.264q0-3.098-1.0934-4.2825-1.0934-1.1845-4.1914-1.1845h-2.4146q-3.0069 0-4.1003 1.1845-1.0934 1.1845-1.0934 4.1914v4.7836q0 3.1435 1.0478 4.4647 1.0934 1.3212 4.1458 1.3212h2.4146q3.0524 0 4.1458-1.3212 1.139-1.3668 1.139-4.5103zm-1.2301-11.8q1.4123 0.45558 3.508 1.5034 1.7312 0.91117 3.4624 1.8224 0.41003 0.59226 0.68338 1.5034 0.0911 0.27335 0.22779 0.86561l0.27336-2.8702q-3.0524-0.63782-5.8315-1.2301-2.7335-0.59226-3.098-0.7745l-1.4123-1.1845q0.54671 0.0911 1.139 0.18223 0.63782 0.0456 1.0478 0.18224zm-14.67 2.0501q-1.8679 1.2756-2.4602 1.9135-0.5467 0.63782-0.82005 1.5946 1.5034-1.549 2.8702-2.8702 1.7312-1.6401 3.0524-2.5968 1.8679-0.22779 3.8269-0.50114t3.5991-0.27335q0.50114 0 1.139 0.13667 0.63782 0.13668 1.4579 0.31891-1.139 0.36447-2.2779 0.50115-1.139 0.0911-2.7791 0.0911-0.86561 0-2.4146-0.0456-1.5034-0.0456-2.1413-0.0456-0.41002 0-1.549 0.72894-0.77449 0.5467-1.5034 1.0478zm17.221 25.832q1.0934-0.50115 2.4146-1.2301 1.5946-0.86562 2.2779-1.2756l-6.3782 4.1458-2.369-1.3212q0.59227-0.13668 2.1868-0.18224 1.6401-0.0455 1.8679-0.13667zm-3.7358 1.6401q-0.68338-0.13668-1.4579-0.27335-0.72894-0.0911-1.139-0.0911l-0.27335 0.0911q-0.22779-0.0911-0.68338-0.27335-0.45558-0.13668-0.82005-0.36447zm-18.315-24.055q1.5946-1.139 3.1891-2.5057 1.9135-1.5946 3.0069-2.8246-0.82006 0.2278-1.549 0.45559-0.72893 0.22779-0.77449 0.27335-1.959 1.6857-2.8246 3.3713-0.86562 1.6401-0.86562 4.1003 0 0.45559 0.18224 1.4579 0.18223 1.0023 0.18223 1.5034l-0.13668 9.5673q-0.13667-1.2756-0.36446-2.9613-0.45559-3.3713-0.45559-5.0114 0-3.7358 0.41003-7.426zm4.4647 21.549q3.3713 1.7312 6.9705 2.0501 0.86561 0.0911 1.6401 0.18224 0.7745 0.0911 1.1845 0.27335-1.6857-0.68338-4.2825-1.2756-6.4693-1.4123-7.3805-1.7312-0.54671-0.63782-1.139-2.0957-0.59226-1.4579-1.2756-4.0547 0.72894 1.4123 2.0501 3.5991 1.7312 2.7791 2.2324 3.0524zm14.989-13.622 0.45558 0.86561-0.0911 6.1048-0.59226-1.5034q0.27335-2.0046 0.27335-3.9636l-0.0456-1.5034zm-0.31891-4.647q0.59226 0.45558 0.82005 1.4123 0.2278 0.95674 0.2278 2.0046l-0.13668 1.2301zm-10.023 0.77449q0 0.68338 0.13667 2.0501 0.13668 1.3668 0.13668 2.0957v2.1868q0 1.3212 0.22779 2.1412 0.41003 1.0934 0.68338 2.0046 0.18223-0.0456 0.82006 0.68338 0.63782 0.68338 0.82005 1.0023l-1.1845-0.36447q-1.5946-1.7768-2.0501-3.4624-0.41003-1.7312-0.41003-4.647v-1.4579q0-1.2756 0.27335-2.3235 0.31891-1.0934 1.1845-1.8224zm9.5673-2.3235q-0.36447 0.41002-1.2301 0.72893-0.82005 0.27336-1.5034 0.27336h-3.508l-1.5034-1.0934 7.745 0.0911zm-4.7836 13.986q0.59226-0.0911 1.2756-0.2278 0.68338-0.13667 1.0934-0.13667l2.4146 0.13667-3.3258 0.72894z" />
+          <path d="m287.51 205.02q-0.82006 0-1.6401 0-0.68338-0.13668-1.0023-0.18224l-11.891-20.274v20.866h-7.1071v-29.431q3.0524-0.36447 5.7859-0.36447 2.4602 0 5.1481 0.36447 2.1412 5.057 4.8292 10.023 2.4146 4.4192 5.7404 9.5673 0-3.2802-0.0911-5.8771-0.31891-9.1573-0.31891-9.7951 0-2.7335 0.0455-3.1436 0.0456-0.45558 0.36447-2.0046h7.0616v29.75q-0.95673 0.13668-2.9158 0.31891-1.9135 0.18224-4.0092 0.18224zm-10.114-31.39q0.0911 0.22779 0.31891 0.63782 0.22779 0.41003 0.31891 0.7745l-0.0456-0.18224q0.2278 0.45559 0.72894 1.4579 0.45559 1.2301 0.91117 2.4146l-1.2301-0.45558q-0.0911-1.0934-0.36447-2.0957-0.22779-1.0023-0.63782-2.5513zm18.725 1.3668v1.959q0 2.6424-0.27335 4.647-0.27335 1.959-1.139 3.2347 0.31891-2.6424 0.45558-5.1026 0.18224-2.4602 0.18224-4.7381zm-0.95673 30.752 0.0456-19.772q0 3.2802 0.31891 9.8407t0.31891 9.8407l-2.2779 0.59226q-1.4123 0-3.1891-0.2278-1.7768-0.22779-3.4169-0.41002l8.2005 0.13667zm-8.4283-12.665q-2.0046-3.4624-4.0092-6.9705-3.0524-5.5126-3.0524-6.8338 2.4146 3.918 3.7358 6.1504 2.4602 4.1914 2.4602 6.3782 0 0.31891-0.0911 0.68338t-0.18223 0.72894l1.139-0.13668zm-14.533-18.406q-2.5057 0.27335-5.2848 0.7745l-1.3212-1.2301zm3.8269-0.22779 1.0023 0.5467-3.3713-0.27335zm5.1026 24.966q2.1868 3.4169 4.5103 6.3782l4.5103 0.27335-4.6014 0.72894q-0.18223-0.27335-0.7745-0.7745-0.5467-0.45558-0.77449-0.91117-1.549-2.8246-3.0524-5.6948-1.7312-3.1891-3.3258-5.7404-1.959-3.098-3.6902-5.1481l1.0934-0.22779q0.27336 2.4602 2.5057 5.9682 1.7768 2.5968 3.5991 5.1481zm-15.9 5.6493q-0.27336-1.7768-0.59227-3.8269-0.27335-2.0501-0.27335-3.4624 0-2.4602 0.63782-12.392 0.27335-4.237 0.27335-7.426 0-0.82006-0.0911-1.4123t-0.31891-2.0957q-0.13668 0.63782-0.2278 1.2301-0.0911 0.5467-0.0911 1.2301 0 2.3235 0.18223 8.2006 0.18224 5.8771 0.31891 10.342 0.18224 4.4647 0.18224 9.6129zm7.6083 0.59227q0.41003-2.6424 0.50115-4.3736 0.13667-1.7768 0.13667-4.8748-0.0456-2.3235-0.0911-4.647-0.0455-2.369-0.0455-4.6925 0.63782 3.6902 0.68337 4.1003 0.0911 0.36447 0.31891 2.2324 0.2278 0.2278 0.27336 1.3212 0.0455 1.0478 0.0455 1.9135l0.18224-0.18223q-0.18224 0.5467-0.36447 1.0934-0.45559 1.4123-1.0023 1.4123-0.41003 0-0.59226-0.31891-0.13668-0.36447-0.13668-0.77449v-0.2278h1.2756l0.0456 8.155-1.2301-0.13667zm-8.4283-28.747q0 1.2756-0.41003 12.848-0.13667 3.8725-0.13667 7.6994h0.45558q0-5.1481-0.22779-11.162-0.22779-6.0137-0.68338-10.57l1.2301-1.0934q-0.22779 1.2756-0.22779 2.2779zm0.68338 29.613 0.18223-0.95673h0.50115q1.7312 0 3.7814 0.22779 2.0957 0.22779 3.7814 0.59226zm29.294-33.076 1.6401 0.59226-0.59226 0.63782q-0.86562-0.0911-1.7768-0.18224-0.91117-0.0911-1.6857-0.0911h-2.2324l-2.7335 0.0911q1.0023-0.59226 2.0046-0.82005 1.0478-0.22779 2.2324-0.22779z" />
+          <path d="m314.06 205.29h-3.1891q-6.4693 0-9.4306-4.2825-2.5513-3.6902-2.5513-10.478 0-7.5627 1.8223-10.752 2.4602-4.2825 9.294-4.2825h4.6014q4.8748 0 7.9728 2.2324 3.508 2.5057 3.508 7.1982h-7.426q-0.31891-1.9135-2.1868-2.5968-1.2756-0.45558-3.6902-0.45558h-1.1845q-3.2347 0-4.3281 1.7312-0.82006 1.3212-0.82006 4.7837v3.5536q0 4.5103 1.3212 5.7404 1.3212 1.1845 5.8771 1.1845 3.5991 0 4.4192-1.0478 0.68337-0.86562 0.68337-4.5559h-5.1937v-5.6948q1.4123 0 4.2825 0.18224 2.8702 0.13667 3.918 0.13667 2.2779 0 4.3281-0.31891v7.4716q0 5.6493-3.2802 8.1094-2.8702 2.1413-8.7472 2.1413zm10.114-29.203 2.0501 2.8246q0.27336 0.86561 0.54671 3.2802 0.13667 1.3212 0.36447 3.3713 0.0456-0.18223-0.45559-0.45558-0.50114-0.27335-0.50114-0.41003 0-0.0911 0.0911-0.59226 0.13668-0.50115 0.13668-0.7745 0-0.77449-0.86561-2.5968-0.86562-1.8679-1.4579-2.2324 0.22779-0.59226 0.59226-0.95673-0.18223-0.13667-0.63782-0.27335-0.41003-0.13668-0.59226-0.22779l0.72894-0.95673zm-3.098-0.31891-3.4169-0.82006q-0.95673 0.0456-1.9135 0.0911-0.95673 0.0456-1.9135 0.0456-0.31891 0-0.63782 0-0.27336 0-0.59227-0.0456l-7.016-0.63782 12.848 0.22779 2.6424 1.139zm2.2779 0.45558v0.27335l-1.7768-0.31891 1.7768 0.0456zm3.9636 14.305-0.13667 0.7745q-0.18224 0.91117-0.31891 2.5057-0.13668 1.549-0.27336 2.7791v-0.36446q0-1.1845 0.0911-3.1436 0.13668-2.0046 0.13668-2.4146 0-0.68338-0.0911-1.2301-0.0911-0.5467-0.13668-0.86561 0.13668 0.41003 0.31891 0.95673 0.2278 0.54671 0.41003 1.0023zm-16.037-7.6538h1.6401q1.549 0.63782 3.2802 1.3212 1.7312 0.63782 3.0069 0.86561l4.7836 0.18223 2.369 0.0911-1.0934 0.63782q-1.7768-0.13667-3.8269-0.27335-2.0501-0.18223-3.098-0.50114-0.18224-0.0456-1.8224-1.2301-1.6401-1.1845-1.9135-1.2756l-3.1435-0.27333zm-8.0639-6.9249q-0.68338 0.5467-2.0501 1.959-1.0023 1.0478-2.0046 2.0501 1.139-2.0957 2.2779-4.237l3.8269-0.68338zm8.9295 17.449q0-1.0934 0.0911-3.6902 0.0911-2.6424 0.0911-2.8246l0.72894 0.18224-0.0456 0.86561q0 0.86561 0.0456 2.5968t0.0456 2.6424l3.6447 1.2756 1.4579 2.688-0.27335-2.5513q-0.0456-0.45559-1.0023-0.59227-0.91117-0.18223-2.4146-0.18223-0.54671 0-1.0023 0.0456-0.41003 0-0.72894 0-0.63782 0-0.63782-0.45559zm11.207 11.162q0.63782 0 0.91118-0.59226 0.68337-1.5946 1.139-3.1891 0.45559-1.6401 0.68338-3.3258l1.139 0.45558-0.36446-0.86561q-0.13668 0.31891-0.36447 1.0023-0.18224 0.68338-0.41003 1.4579-0.86561 2.5968-1.0478 2.8702-0.41003 0.68338-2.369 2.2779-0.18223 0.18223-0.63782 0.27335-0.41002 0.0911-0.77449 0.0911l1.139-0.63783q0.54671 0.18224 0.95673 0.18224zm-15.718-10.433q0-0.22779-0.0911-3.4169-0.0911-3.1891-0.0911-4.5103v-0.5467q0-0.91117 0.18224-1.2301 0.22779-0.31891 0.5467-0.31891t0.59226 0.41003q0.0911 0.13667 0.0911 0.31891 0 1.0934-0.7745 4.4647-1.0934 4.8292-1.139 4.9659l1.6401 3.2802-0.0911 0.0456q-0.0911-0.31891-0.0911-1.139 0-0.82006-0.0911-1.0478-0.0456-0.22779-0.50115-0.86561-0.18223-0.2278-0.18223-0.41003zm1.0934 12.073q2.0501 0 6.1049-0.36447 4.0547-0.36447 6.0593-0.36447l-1.139 0.82006q-0.63782-0.36447-1.0478-0.45559-0.36447-0.0911-1.5946-0.27335-0.50115-0.0456-2.9613 0.50114-2.4602 0.54671-3.0069 0.82006zm-10.433-11.071q-0.31891 0.0911-0.50114 0.45559l1.0478 1.1845q-0.68338-1.4123-0.86562-2.5057-0.13667-1.139-0.13667-3.0069v-2.4146q0-0.59226 0.31891-3.0069 0.13667-1.0478 0.13667-1.7312 0-0.13668-0.27335-0.50115-0.27335-0.36446-0.27335-0.59226 0-0.50114 2.8246-4.6925 2.688-3.9636 2.9613-4.1914l1.8224-0.82006q-1.2756 1.0934-4.4192 5.6493-3.1435 4.5103-3.1435 5.467l-0.0456 3.9636q0 1.3212 0.13668 3.918 0.18223 2.5968 0.41002 2.8246zm-1.6857-5.9226q0.27335 2.3235 0.68338 4.4192 0.41002 2.0501 0.63782 2.4146l-0.2278 0.59226q2.4602 2.5968 4.8292 4.6014 3.098 2.6424 5.9226 4.0547 3.4169 1.7312 6.3782 1.7312l4.1914-0.27335q-1.139-0.18223-5.9682-0.45558-4.8292-0.27336-7.6538-1.3668-0.18224-0.0911-1.9135-1.6857-1.3212-1.2301-1.8679-1.7768-1.7768-1.7768-2.2779-2.369-1.4123-1.6401-1.5946-2.7335-0.13667-1.0934-0.13667-2.0501 0-0.86561 0.13667-2.6424 0.13668-1.7768 0.13668-2.5968zm12.756 8.6561 8.2006-0.0911-0.82005 0.50114-6.4693 0.0456-0.91118-0.45558zm4.6014-10.843 10.57 0.31891q-1.0023 0-2.2324 0.0456-1.1845 0-2.6424 0h-0.95673q-1.139 0-2.5968-0.0456-1.4579-0.0456-2.1413-0.31891z" />
+          <path d="m345.75 204.47-1.6401-6.3782h-8.1094l-1.7312 6.3782h-5.8771l7.0616-26.515h9.1117l7.0616 26.515zm-5.7404-21.504-2.9158 10.752h5.8315zm-2.1413-6.3326q0.18224 0 1.3212 0.13667 1.139 0.0911 1.7768 0.0911 0.59226 0 1.139 0 0.59226-0.0456 1.1845-0.0456h0.82005l-0.0456 0.63782q-0.18223 0-2.9613 0.0911-2.7335 0.0911-3.9636 0.0911h-2.5513q0.45559-0.13668 0.91117-0.36447 0.68338-0.36447 0.72894-0.59226 0.27335-0.0456 0.68338-0.0456t0.95673 0zm7.0616 0.63782 1.139 0.5467q0.59226 2.8246 0.86561 4.237 0.54671 2.5513 1.0934 4.237-1.0934-2.6424-1.7312-4.4647-0.86561-2.4602-1.3668-4.5559zm5.7404 22.688-0.18224 0.41003q-0.0456-0.59226-0.0911-1.2301 0-4.2825-1.0934-7.4716-0.45559-1.3212-1.8679-4.647l0.95673-0.36447q0.59226 3.5536 1.0478 5.467 0.22779 1.0023 2.2779 8.8839l-1.0478-1.0478zm1.0478 1.7312q0.36446 0.95673 0.95673 1.8223 0.95673 1.4123 1.0934 1.5946l-1.0478-0.18223q-0.13667-0.36447-0.45558-1.0478-0.27335-0.68338-0.36447-1.0934-0.0911-0.45558-0.18223-1.0934zm-17.631-22.962 0.68338-0.36446q-1.0023 3.5536-2.1413 7.5172-1.2756 4.4192-2.2324 7.5172-0.41003 1.3212-2.369 7.5627 1.3212-5.6037 2.8702-11.162 0.45558-1.6857 3.1891-11.071zm6.2871 19.454q0.86562 0 1.959 0.18223 0.36447 0.0456 1.139 0.18223l-0.18223-0.45558q-2.9158 0-4.2825 0.50114-0.31891 0.13668-2.7791 1.1845l0.54671-1.4579zm-13.394 6.2415q0.86561-1.0934 2.369-7.0616 0.95673-3.9636 1.9135-7.9728l-3.4625 15.809zm6.1048-24.647 0.27335-0.18223q-0.7745 2.9158-1.7312 6.196-0.91117 3.2802-2.0046 6.7427 0.68337-3.2347 1.4123-6.4693 1.0023-4.0547 2.0501-6.2871zm10.387 20q0.36447-0.0456 1.0023 2.5513 0.68338 2.5968 1.0478 2.5968 0.86561 0 1.8223 0t2.0046-0.0456q1.3212 0 2.0957 0.0456 0.82006 0.0456 1.5946 0.27335-0.50114 0.31891-1.6857 0.41003-1.139 0.0911-2.0046 0.0911l-5.1026-0.13667q-0.13668 0.0456-0.18224-0.13668 0-0.18223 0-0.63782v-0.68338q0-0.63782-0.18223-1.7768-0.18224-1.1845-0.41003-2.5513zm-7.745 0.77449q0.18223 0.59226 0.18223 1.4579 0 0.5467-0.0456 1.1845-0.0455 0.63782-0.0455 0.68338l0.13667 1.4123h-1.8679q-1.139 0-3.7814-0.0911-2.6424-0.0911-2.8246-0.0911 4.237 0 7.6538-0.36447 0.13667-0.45558 0.18223-1.2301 0.0456-0.77449 0.0456-0.86561 0.18223-0.0911 0.27335-1.0023 0.0911-0.95673 0.0911-1.0934zm6.0137-11.982-1.2301-2.5057 1.0934 4.237zm0.54671 4.5559-0.54671 0.22779-0.0456-0.86561v-0.27335l0.0456-0.50115zm-2.2779-8.7017-1.9135 8.7017 3.0524-0.0456 0.0911 0.41003h-3.6447l2.4146-9.0662z" />
+        </g>
+      </g>
+    </svg></a>
+  </header>
+  <main>
+    <section id="mainColumn">
+      <section id="detailsSection">
+        <h2 id="dictionaryName">Advertising on Lexiconga</h2>
+        <article id="detailsPanel" style="max-height:unset;">
+          <h3>About</h3>
+          <p>
+            Advertisements are shown in-line with dictionary entries as plain text with a link to your advertised content.
+            You get up to 50 characters for your headline, up to 200 characters for your body text, and 30 characters for the
+            text in a button that links wherever you would like it to go.
+          </p>
+          <figure>
+            <img src="src/images/ad-example.jpg" alt="Inline Ad Example" style="max-width:100%;">
+            <figcaption>Your in-line advertisement will look like this.</figcaption>
+          </figure>
+          <p>
+            At Lexiconga, we only want to display advertisements that will appeal to our users, so we work directly with our
+            advertisers to maintain a manually curated selection of ads. As an advertiser, you will be creating a professional
+            relationship with Lexiconga to ensure that your advertisements are up to par with what we want our users to see.
+            All this means is that as long as your advertisement is relevant and your product is not predatory, you're good to go.
+          </p>
+          <p>
+            "Relevant" advertisements include but are not limited to:
+          </p>
+          <ul>
+            <li>Books and Authors</li>
+            <li>Conlanging tools</li>
+            <li>Writing tutorials and resoruces</li>
+            <li>Art tutorials and resources</li>
+            <li>Video and tabletop games</li>
+            <li>Blogs and vlogs</li>
+            <li>Cool and interesting products</li>
+            <li>Kickstarters related to the above</li>
+          </ul>
+          <p>
+            We want to help you get the word out about your project or product to Lexiconga users in a way that doesn't
+            interfere with their work while also allowing them to find your cool, interesting, and helpful things.
+          </p>
+
+          <h3>Pricing</h3>
+          <p>
+            As with the advertisements themselves, the pricing structure is fairly simple, too:
+          </p>
+          <ul>
+            <li>
+              <strong>Monthly:</strong> $5.00 per ad
+              <ul>
+                <li>With Priority: $20.00 per ad</li>
+              </ul>
+            </li>
+            <li>
+              <strong>Yearly:</strong> $50.00 per ad <em>(2 months discounted)</em>
+              <ul>
+                <li>With Priority: $200.00 per ad</li>
+              </ul>
+            </li>
+          </ul>
+
+          <h3>What's Priority?</h3>
+          <p>
+            All current advertisements are shuffled and then displayed to Lexiconga users once every 10 words. If you
+            rent your ad space with Priority, then your ads will be shuffled among any other Priority ads and shown
+            <em>before</em> any other ads that were not rented with priority.
+          </p>
+
+          <h3>Get in Touch</h3>
+          <p>
+            If you would like to advertise on Lexiconga or if you have any questions, please contact us at
+            <a href="mailto:ads@lexicon.ga?subject=Advertising%20on%20Lexiconga">ads@lexicon.ga</a> to get started.
+            We look forward to working with you!
+          </p>
+        </article>
+      </section>
+    </section>
+  </main>
+  <footer id="bottom">
+    <a href="https://liberapay.com/robbieantenesse" target="_blank" rel="noopener" class="small button">Support Lexiconga</a>
+    <a href="https://blog.lexicon.ga" target="_blank" rel="noopener" class="small button">Blog</a>
+    <a href="." target="_blank" class="small button">Advertise</a>
+    <a href="https://github.com/Alamantus/Lexiconga/issues" target="_blank" rel="noopener" class="small button">Issues</a>
+    <a href="https://github.com/Alamantus/Lexiconga/releases" target="_blank" rel="noopener" class="small button">Updates</a>
+    <span class="separator">|</span>
+    <a class="button" id="helpInfoButton">Help</a>
+    <a class="button" id="termsInfoButton">Terms</a>
+    <a class="button" id="privacyInfoButton">Privacy</a>
+  </footer>
+</body>
+</html>
--- a/dev/resize-images.js
+++ b/dev/resize-images.js
@ -0,0 +1,50 @@
+const fs = require('fs');
+const sharp = require('sharp');
+
+const folder = './processedImages/';
+
+if (!fs.existsSync(folder)) {
+  fs.mkdirSync(folder);
+}
+
+const favicon = sharp('./src/images/favicon.svg');
+
+sharp('./src/images/logo.svg').toFile(folder + 'logo.png', (err, info) => {
+  if (err) return console.error(err);
+  console.log(info);
+});
+
+favicon.clone().resize(32, 32).toFile(folder + 'favicon.png', (err, info) => {
+  if (err) return console.error(err);
+  console.log(info);
+});
+
+favicon.clone().resize(128, 128).toFile(folder + 'icon-128.png', (err, info) => {
+  if (err) return console.error(err);
+  console.log(info);
+});
+
+favicon.clone().resize(144, 144).toFile(folder + 'icon-144.png', (err, info) => {
+  if (err) return console.error(err);
+  console.log(info);
+});
+
+favicon.clone().resize(152, 152).toFile(folder + 'icon-152.png', (err, info) => {
+  if (err) return console.error(err);
+  console.log(info);
+});
+
+favicon.clone().resize(192, 192).toFile(folder + 'icon-192.png', (err, info) => {
+  if (err) return console.error(err);
+  console.log(info);
+});
+
+favicon.clone().resize(256, 256).toFile(folder + 'icon-256.png', (err, info) => {
+  if (err) return console.error(err);
+  console.log(info);
+});
+
+favicon.clone().resize(512, 512).toFile(folder + 'icon-512.png', (err, info) => {
+  if (err) return console.error(err);
+  console.log(info);
+});
--- a/index.html
+++ b/index.html
@ -1,334 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>Lexiconga</title>
-  <script src="src/index.js"></script>
-</head>
-<body>
-  <header id="top">
-    <h1 id="title">Lexiconga</h1>
-
-    <input id="openSearchModal" placeholder="🔍&#xFE0E; Search"> <span id="searchResults"></span>
-    <section id="searchModal" class="modal" style="display:none;">
-      <div class="modal-background" onclick="this.parentElement.style.display='none';"></div>
-      <div class="modal-content">
-        <a class="close-button" onclick="this.parentElement.parentElement.style.display='none';">&times;&#xFE0E;</a>
-        <section>
-          <label>Search Term
-            <input id="searchBox" placeholder="Search term">
-          </label>
-          <a id="searchButton" class="small button">Search</a>
-          <a id="clearSearchButton" class="small red button">Clear</a>
-          <a class="small button" onclick="var options=document.getElementById('searchOptions').style;options.display=options.display=='block'?'none':'block';">
-            Toggle Options
-          </a>
-        </section>
-        <footer id="searchOptions" style="display:none;">
-          <div class="split">
-            <div class="quarter category">
-              <h3>Search For</h3>
-            </div>
-            <div class="three-quarter options">
-              <label>Case-Sensitive
-                <input type="checkbox" id="searchCaseSensitive">
-              </label>
-              <label>Ignore Diacritics/Accents
-                <input type="checkbox" id="searchIgnoreDiacritics">
-              </label>
-              <label>Exact Words
-                <input type="checkbox" id="searchExactWords">
-              </label>
-            </div>
-          </div>
-          <div class="split">
-            <div class="quarter category">
-              <h3>Include in Search</h3>
-            </div>
-            <div class="three-quarter options">
-              <label>Word Name
-                <input type="checkbox" checked id="searchIncludeName">
-              </label>
-              <label>Definition
-                <input type="checkbox" checked id="searchIncludeDefinition">
-              </label>
-              <label>Details
-                <input type="checkbox" checked id="searchIncludeDetails">
-              </label>
-            </div>
-          </div>
-          <div class="split">
-            <div class="quarter category">
-              <h3>Include Only</h3>
-            </div>
-            <div class="three-quarter options" id="searchPartsOfSpeech"></div>
-          </div>
-        </footer>
-      </div>
-    </section>
-
-    <div id="headerMenu">
-      <a id="settingsButton" class="button">Settings</a>
-      <a id="loginCreateAccountButton" class="button">Log In&nbsp;/ Create Account</a>
-    </div>
-    <div style="clear:both;"></div>
-  </header>
-
-  <main>
-    <aside id="sideColumn">
-      <div id="mobileWordFormShow">+</div>
-      <form id="wordForm">
-        <label>Word<span class="red">*</span><br>
-          <input id="wordName" maxlength="200">
-        </label>
-        <label>Pronunciation<a class="label-button ipa-table-button">IPA Chart</a><br>
-          <input id="wordPronunciation" class="ipa-field" maxlength="200"><br>
-          <a class="label-help-button ipa-field-help-button">Field Help</a>
-        </label>
-        <label>Part of Speech<br>
-          <select id="wordPartOfSpeech" class="part-of-speech-select"></select>
-        </label>
-        <label>Definition<span class="red">*</span><br>
-          <input id="wordDefinition" maxlength="2500" placeholder="Equivalent words">
-        </label>
-        <label>Details<span class="red">*</span><a class="label-button maximize-button">Maximize</a><br>
-          <textarea id="wordDetails" placeholder="Markdown formatting allowed"></textarea>
-        </label>
-        <div id="wordErrorMessage"></div>
-        <a class="button" id="addWordButton">Add Word</a>
-      </form>
-    </aside>
-    
-    <section id="mainColumn">
-      <section id="detailsSection">
-        <h2 id="dictionaryName">Dictionary Name</h2>
-        <nav>
-          <ul>
-            <li>Description</li><li>Details</li><li>Stats</li><li id="editDictionaryButton">Edit</li>
-          </ul>
-        </nav>
-        <article id="detailsPanel" style="display:none;">
-          <p>The dictionary details</p>
-        </article>
-      </section>
-
-      <section class="pagination"></section>
-
-      <section id="entries">
-        <article class="entry">
-          <header>
-            <h4 class="word">Loading Words</h4>
-          </header>
-          <dl>
-            <dt class="definition">Please Wait...</dt>
-          </dl>
-        </article>
-      </section>
-      
-      <section class="pagination"></section>
-    </section>
-  </main>
-
-  <footer id="bottom">
-    <a href="https://buymeacoff.ee/robbieantenesse" target="_blank" class="small button">Support Lexiconga</a>
-    <a href="https://blog.lexicon.ga" target="_blank" class="small button">Blog</a>
-    <a href="https://github.com/Alamantus/Lexiconga/issues" target="_blank" class="small button">Issues</a>
-    <a href="https://github.com/Alamantus/Lexiconga/releases" target="_blank" class="small button">Updates</a>
-    |
-    <a class="button" id="helpInfoButton">Help</a>
-    <a class="button" id="termsInfoButton">Terms</a>
-    <a class="button" id="privacyInfoButton">Privacy</a>
-  </footer>
-
-  <section id="settingsModal" class="modal" style="display:none;">
-    <div class="modal-background" onclick="this.parentElement.style.display='none';"></div>
-    <div class="modal-content">
-      <a class="close-button" onclick="this.parentElement.parentElement.style.display='none';">&times;&#xFE0E;</a>
-      <section>
-        <form class="split two">
-          <div>
-            <h3>General Settings</h3>
-            <label>Use IPA Auto-Fill
-              <input id="settingsUseIPA" type="checkbox" checked><br />
-              <small>Check this to use character combinations to input International Phonetic Alphabet characters into
-                Pronunciation fields.</small>
-            </label>
-
-            <label>Use Hotkeys
-              <input id="settingsUseHotkeys" type="checkbox" checked><br />
-              <small>Check this to enable keyboard combinations to perform different helpful actions.</small>
-            </label>
-    
-            <label>Theme
-              <select disabled>
-                <option selected value="default">Default</option>
-                <option value="dark">Dark</option>
-                <option value="light">Light</option>
-                <option value="blue">Blue</option>
-                <option value="green">Green</option>
-                <option value="royal">Royal</option>
-              </select>
-            </label>
-            <div id="accountSettings"></div>
-          </div>
-          <div id="accountActions"></div>
-        </form>
-      </section>
-      <footer>
-        <a class="button" id="settingsSave">Save</a>
-        <a class="button" id="settingsSaveAndClose">Save &amp; Close</a>
-        <a class="red button" onclick="this.parentElement.parentElement.parentElement.style.display='none';">Close Without Saving</a>
-      </footer>
-    </div>
-  </section>
-
-  <section id="editModal" class="modal" style="display:none;">
-    <div class="modal-background" onclick="this.parentElement.style.display='none';"></div>
-    <div class="modal-content">
-      <a class="close-button" onclick="this.parentElement.parentElement.style.display='none';">&times;&#xFE0E;</a>
-      <nav class="tabs">
-        <ul>
-          <li class="active">Description</li><li>Details</li><li>Settings</li><li>Actions</li>
-        </ul>
-      </nav>
-      <section id="editDescriptionTab">
-        <label>Name<br>
-          <input id="editName" maxlength="50">
-        </label>
-        <label>Specification<br>
-          <input id="editSpecification" maxlength="50">
-        </label>
-        <label>Description<a class="label-button maximize-button">Maximize</a><br>
-          <textarea id="editDescription"></textarea>
-        </label>
-      </section>
-
-      <section id="editDetailsTab" style="display:none;">
-        <label>Parts of Speech <small>(Comma Separated List)</small><br>
-          <input id="editPartsOfSpeech" maxlength="2500" placeholder="Noun,Adjective,Verb">
-        </label>
-        <label>Alphabetical Order <small>(Comma Separated List. Include every letter!)</small><br>
-          <input id="editAlphabeticalOrder" disabled value="English Alphabet">
-        </label>
-        <h3>Phonology</h3>
-        <div class="split three">
-          <div>
-            <label>Consonants<br>
-              <small>(Space separated list)</small><br>
-              <input id="editConsonants" class="ipa-field" maxlength="100" placeholder="p b m n t ..."><br>
-              <a class="label-help-button ipa-field-help-button">Field Help</a>
-              <a class="label-button ipa-table-button">IPA Chart</a>
-            </label>
-          </div>
-          <div>
-            <label>Vowels<br>
-              <small>(Space separated list)</small><br>
-              <input id="editVowels" class="ipa-field" maxlength="100" placeholder="æ u e ɪ ..."><br>
-              <a class="label-help-button ipa-field-help-button">Field Help</a>
-              <a class="label-button ipa-table-button">IPA Chart</a>
-            </label>
-          </div>
-          <div>
-            <label>Polyphthongs&nbsp;/ Blends<br>
-              <small>(Space separated list)</small><br>
-              <input id="editBlends" class="ipa-field" maxlength="100" placeholder="ai ou ue ..."><br>
-              <a class="label-help-button ipa-field-help-button">Field Help</a>
-              <a class="label-button ipa-table-button">IPA Chart</a>
-            </label>
-          </div>
-        </div>
-        <h3>Phonotactics</h3>
-        <div class="split three">
-          <div>
-            <label>Onset<br>
-              <small>(Comma separated list)</small><br>
-              <input id="editOnset" maxlength="100" placeholder="Consonants,Vowels">
-            </label>
-          </div>
-          <div>
-            <label>Nucleus<br>
-              <small>(Comma separated list)</small><br>
-              <input id="editNucleus" maxlength="100" placeholder="Vowels,Blends">
-            </label>
-          </div>
-          <div>
-            <label>Coda<br>
-              <small>(Comma separated list)</small><br>
-              <input id="editCoda" maxlength="100" placeholder="Any">
-            </label>
-          </div>
-        </div>
-        <label>Exceptions <small>(Markdown-enabled)</small><br>
-          <textarea id="editExceptions"></textarea>
-        </label>
-        <h3>Orthography</h3>
-        <label>Notes <small>(Markdown-enabled)</small><a class="label-button maximize-button">Maximize</a><br>
-          <textarea id="editOrthography"></textarea>
-        </label>
-        <h3>Grammar</h3>
-        <label>Notes <small>(Markdown-enabled)</small><a class="label-button maximize-button">Maximize</a><br>
-          <textarea id="editGrammar"></textarea>
-        </label>
-      </section>
-
-      <section id="editSettingsTab" style="display:none;">
-        <label>Prevent Duplicate Words
-          <input type="checkbox" id="editPreventDuplicates"><br>
-          <small>Checking this box will prevent the creation of words with the exact same spelling.</small>
-        </label>
-        <label>Words are Case-Sensitive
-          <input type="checkbox" id="editCaseSensitive"><br>
-          <small>Checking this box will allow the creation of words with the exact same spelling if their capitalization is different.</small>
-        </label>
-        <label>Sort by Definition
-          <input type="checkbox" id="editSortByDefinition"><br>
-          <small>Checking this box will sort the words in alphabetical order based on the Definition instead of the Word.</small>
-        </label>
-      </section>
-
-      <section id="editActionsTab" style="display:none;">
-        <h3>Import&nbsp;/ Export</h3>
-        <div class="split two">
-          <div>
-            <p>
-              <label class="button">Import JSON <input type="file" id="importDictionaryFile" accept="application/json, .dict"><br>
-                <small>Import a previously-exported <code>JSON</code> file.</small>
-              </label>
-            </p>
-            <p>
-              <label class="button">Import Words <input type="file" id="importWordsCSV" accept="text/csv, .csv"><br>
-                <small>Import a CSV file of words.</small>
-              </label>
-              <a class="small button" download="Lexiconga_import-template.csv" href="data:text/csv;charset=utf-8,%22word%22,%22pronunciation%22,%22part of speech%22,%22definition%22,%22explanation%22%0A">Download an example file with the correct formatting</a>
-            </p>
-          </div>
-          <div>
-            <p>
-              <a class="button" id="exportDictionaryButton">Export JSON</a><br>
-              <small>Export your work as a <code>JSON</code> file to re-import later.</small>
-            </p>
-            <p>
-              <a class="button" id="exportWordsButton">Export Words</a><br>
-              <small>Export a CSV file of your words.</small>
-            </p>
-          </div>
-        </div>
-        <p>
-          <a class="red button" id="deleteDictionaryButton">Delete Dictionary</a><br>
-          <small>This will permanently delete your current dictionary, and it will not be possible to return it if you have not backed it up!</small>
-        </p>
-      </section>
-
-      <footer>
-        <a class="button" id="editSave">Save</a>
-        <a class="button" id="editSaveAndClose">Save &amp; Close</a>
-        <a class="red button" onclick="this.parentElement.parentElement.parentElement.style.display='none';">Close Without Saving</a>
-      </footer>
-    </div>
-  </section>
-
-  <div id="messagingSection"></div>
-</body>
-</html>
--- a/manifest.webmanifest
+++ b/manifest.webmanifest
@ -0,0 +1,41 @@
+{
+  "name": "Lexiconga",
+  "short_name": "Lexiconga",
+  "icons": [
+    {
+      "src": "processedImages/icon-128.png",
+      "sizes": "128x128",
+      "type": "image/png"
+    },
+    {
+      "src": "processedImages/icon-144.png",
+      "sizes": "144x144",
+      "type": "image/png"
+    },
+    {
+      "src": "processedImages/icon-152.png",
+      "sizes": "152x152",
+      "type": "image/png"
+    },
+    {
+      "src": "processedImages/icon-192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "processedImages/icon-256.png",
+      "sizes": "256x256",
+      "type": "image/png"
+    },
+    {
+      "src": "processedImages/icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "start_url": "/lexiconga/",
+  "display": "standalone",
+  "orientation": "portrait",
+  "background_color": "#e6cfaa",
+  "theme_color": "#bd7251"
+}
--- a/offline.html
+++ b/offline.html
@ -0,0 +1,393 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Lexiconga (OFFLINE)</title>
+  <meta name="description" content="The quick and easy (offline) dictionary builder for constructed languages.">
+  <meta name="keywords" content="conlanging, dictionary, dictionaries, lexicon, conlangs, constructed languages, glossopoeia, builder, app, tool">
+  
+  <meta property="og:url" content="https://lexicon.ga/offline.html">
+  <meta property="og:type" content="website">
+  <meta property="og:title" content="Lexiconga (OFFLINE)">
+  <meta property="og:description" content="The quick and easy (offline) dictionary builder for constructed languages.">
+  <meta property="og:image" content="processedImages/logo.png">
+  
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:image:alt" content="Lexiconga logo">
+
+  <link rel="icon" href="processedImages/favicon.png" type="image/x-icon">
+
+  <link rel="manifest" href="manifest.webmanifest">
+  <meta name="theme-color" content="#000000">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black">
+  <meta name="apple-mobile-web-app-title" content="Lexiconga">
+  <link rel="apple-touch-icon" href="processedImages/icon-152.png">
+
+  <link rel="stylesheet" href="src/main.scss" />
+  <script>window.isOffline = true;</script>
+  <script src="src/index.js"></script>
+</head>
+<body id="defaultTheme">
+  <header id="top">
+    <a href="/" title="Lexiconga"><svg id="title" alt="Lexiconga Logo"viewBox="0 0 249.78 55.087">
+      <g transform="translate(-107.53 -155.84)">
+        <g id="lexi">
+          <path d="m144.03 159.39-11.339 22.409h-21.62l11.339-22.409z" />
+          <path d="m132.69 183.97 11.339 22.409h-21.62l-11.339-22.409z" />
+          <path d="m160.1 186.76v7.0042h-6.1056q-1.2442 0-1.7741 0.36864-0.50688 0.36864-0.50688 1.2442 0 0.99072 0.52992 1.3133 0.52992 0.29952 2.1658 0.29952h6.2899v8.9856h-7.3498q-5.184 0-7.9258-2.4653-2.7418-2.4883-2.7418-7.1655v-12.326q0-4.5159 2.5805-7.0042 2.6035-2.4883 7.3037-2.4883h8.1332v9.0317h-5.9674q-2.4192 0-2.4192 1.5667 0 0.92161 0.576 1.2902 0.57601 0.3456 2.0506 0.3456z" />
+          <path d="m187.75 174.53-8.1792 15.299 8.4557 16.151h-9.8381l-3.8707-7.6263-3.2717 7.6263h-9.6768l8.64-15.898-8.1792-15.552h9.746l3.6634 7.1424 2.9491-7.1424z" />
+          <path d="m198.95 174.53v31.45h-9.3543v-31.45z" />
+        </g>
+        <g id="conga">
+          <path d="m218.5 205.38h-3.2347q-7.6994 0-10.114-3.918-1.8223-2.9613-1.8223-11.481 0-7.5172 1.8223-10.478 2.4146-3.918 9.294-3.918h4.7381q6.5604 0 8.7928 1.8679 2.5513 2.1413 2.5513 8.4739-0.77449-0.13667-1.4123-0.13667-0.68338 0-2.0501 0.13667-1.3668 0.13668-2.0957 0.13668l-1.7768-0.13668q0-2.5057-1.5946-3.3713-1.0934-0.59227-3.6902-0.59227h-1.8679q-3.3258 0-4.5559 1.8679-0.95673 1.4579-0.95673 4.647 0 1.1845 0.0456 3.098 0.0911 1.9135 0.0911 1.959 0 4.0092 1.7768 4.9203 1.0478 0.5467 5.6493 0.5467 2.1868 0 3.0069-0.22779 2.0957-0.59226 2.0957-3.6447 0.45558-0.13668 1.139-0.27335 0.72894-0.13668 1.1845-0.13668 0.68338 0 2.0501 0.2278 1.3668 0.22779 2.0957 0.22779 0.5467 0 0.86561-0.0456 0 6.606-2.7791 8.6106-2.2324 1.6401-9.2484 1.6401zm3.0069-31.208q3.8269 0.68338 7.0616 1.549 0.63782 1.0023 1.0934 2.1412 0.50114 1.139 0.50114 2.0046l-1.5946-3.0524-3.5991-1.4123q-1.4579-0.18224-2.1868-0.18224-0.68338 0-1.6401 0h-3.8725q1.0478-0.13667 2.1868-0.36447 1.6401-0.36447 2.0501-0.68338zm10.797 13.303q-0.50115 0-2.1868-0.45559-0.82006-0.22779-1.3668-0.22779-0.27335 0-0.63782 0.0911-0.31891 0.0456-0.82006 0.2278-1.7312-0.18224-2.7335-0.31891-1.0023-0.13668-1.0934-0.31891l4.5559-0.13668q0.7745 0 1.5034 0 0.72894 0 1.5946 0.13668l-0.0911-8.0183q0.22779 2.1413 0.59226 4.3281 0.36447 2.1412 0.95673 4.6925h-0.27335zm-0.59226 13.531-1.2301-0.22779 0.31891-0.59227q0.0456-0.0911 0.0456-0.91117v-1.3668q0-0.91117 0.2278-1.8679 0.22779-1.0023 0.50114-1.959l0.13668 5.1481v1.7768zm-23.28-25.604q0.13668-0.0456 0.63782-0.31891 0.54671-0.27336 0.72894-0.27336l0.13668 0.18224q0.22779 0 0.68338-0.22779 0.50114-0.27336 0.72893-0.36447 0.2278-0.0911 1.6857-0.13668 1.4579-0.0911 2.7791-0.0911l-3.7358 0.68338-3.6447 0.54671zm8.6561-0.59227-0.95673 0.36447-1.9135-0.13667q1.3212-0.41003 2.688-0.82006l2.369-0.13667q-0.5467 0.13667-1.0023 0.27335-0.41003 0.0911-1.1845 0.45558zm-5.786 14.032q0-0.5467 0.0911-1.0023 0.13668-0.50114 0.36447-1.139v0.50114q0 0.13668 0.31891 2.1413 0.0911 0.59226 0.0911 1.2756v5.5582l-0.86562-4.1458 0.18224-0.59226q0-0.0911-0.0911-1.139-0.0911-1.0478-0.0911-1.4579zm0.72894-5.4215 0.82006-0.63782q-0.36447 0.82005-0.36447 1.6401v0.31891l-0.68338 1.3668zm0.45559 13.759q0.18223 0.0455 1.0023 0.31891 1.0934 0.27335 1.6857 0.27335l3.3258-0.68338q0.27335-0.0456 1.0023-0.18224 0.7745 0 1.5946 0l1.4123-2.4602q-0.36447 1.0478-0.45559 1.4579-0.22779 0.86561-0.22779 1.4579l0.0911 0.22779 0.13667-0.0456q-4.237 0.41002-8.4739 0.77449l-1.0934-1.139zm19.18 4.9659q-0.68338 0.63782-1.6857 1.2756-0.95673 0.63782-1.7312 0.91118 0.41003-0.36447 1.2756-1.0934 0.50115-0.45559 1.139-1.1845l1.0023 0.0911zm-4.8292 3.4169-1.5034 0.0456 2.7335-1.0934q-0.31891 0.22779-0.63782 0.50115-0.31891 0.22779-0.59226 0.5467zm-24.921-21.64-0.13667-4.5103 1.5946-2.2779q1.0023-0.22779 1.6401-0.77449 0.95673-1.0478 1.959-2.1413 0.31891-0.31891 1.7768-0.45558 1.4579-0.13668 3.9636-0.2278-1.0023 0.2278-2.0501 0.50115-1.0478 0.22779-1.959 0.50114-1.7768 0.63782-3.7814 2.2324-2.4146 1.9135-2.5968 3.4625zm5.3759 22.233q-2.688-2.7335-3.9636-7.4716-1.0023-3.7814-1.0023-8.5195 0.22779 1.5946 0.68338 4.647 0.45559 3.0069 1.1845 5.0114 0.13668 0.41002 0.45559 1.2756 0.31891 0.86561 0.63782 1.3668l1.6401 2.1868zm-4.9659-16.811v-2.8702q0-0.41003 0.50115-2.7335 0.50114-2.3235 1.3212-5.6493 0.27335-0.18223 1.7768-1.1845 1.549-1.0478 1.5946-1.4123l0.95673 0.82006q-0.63782 0.0911-1.8679 0.86561-0.86561 0.54671-1.6857 1.2301-0.18223 0.95673-0.50114 1.9135-0.27335 0.95673-0.63782 1.6857 0 0.0456-0.31891 0.45559-0.13668 0.22779-0.18224 0.41003zm20.957 16.447q0.59226 0 0.86561 0.0911-2.1412 0.45558-4.6925 0.95673-2.5057 0.5467-3.6902 0.5467-1.3668 0-3.2802-0.27335-1.8679-0.27335-3.1891-0.63782l-0.72894-1.0478 5.9682 0.7745q0.27335 0.0456 0.91117-0.0456 0.68338-0.0911 0.82005-0.0911 0.0911 0 1.0478 0.0911 1.0023 0.0911 1.3668 0.0911 0.59226 0 2.9158-0.31891 1.0023-0.13668 1.6857-0.13668zm-21.003-9.8407q0.31891 0.54671 0.59226 2.5513 0.0911 0.86561 0.27336 1.0478l0.50114 0.63782-0.0456 0.18224 0.18224 0.36447q0.45558 0.63782 0.59226 1.7312 0.18223 1.0478 0.31891 2.0046l2.0501 2.2779-2.4146-1.8679q-0.72894-2.0046-1.3668-4.0092-0.77449-2.5057-1.8679-6.8794l1.1845 1.959zm26.06-1.2756q-0.68338 0-1.9135-0.0911-1.1845-0.13668-2.5513-0.27336 0.68338-0.36446 3.5991-0.50114 2.9158-0.18223 2.9613-0.18223l-0.63782 0.68337-1.4579 0.36447zm-9.1117-12.027 2.8702 1.0478 0.27335 1.0934q-2.1868-1.0023-4.4192-1.549-2.2324-0.59227-4.4647-0.59227z" />
+          <path d="m262.61 195.81q0 0.77449-0.0911 2.6424-0.0911 1.8223-0.0911 1.959-1.2301 1.7768-2.9613 3.7358 0.91118-1.2756 1.4579-2.1868 1.0934-1.7312 1.0934-2.4146 0-2.4146-0.0911-4.4192-0.31891-6.9249-0.31891-7.426 0-0.59226-0.13668-1.4123-0.31891-1.959-0.31891-2.4146 0-0.72894 0.18224-1.5946 0.18223-0.86561 0.36447-1.7312 0.36446 3.5536 0.63782 7.7905 0.27335 4.1914 0.27335 7.4716zm-12.939 8.9295h-4.0547q-5.9682 0-8.7472-2.688-2.7791-2.688-2.7791-8.6561v-5.1026q0-5.6037 2.9158-8.2917 2.9158-2.688 8.565-2.688h3.6447q5.7859 0 8.7928 2.5513 3.1891 2.7335 3.1891 8.4283v5.1026q0 6.1504-2.688 8.7472-2.688 2.5968-8.8384 2.5968zm4.4192-16.264q0-3.098-1.0934-4.2825-1.0934-1.1845-4.1914-1.1845h-2.4146q-3.0069 0-4.1003 1.1845-1.0934 1.1845-1.0934 4.1914v4.7836q0 3.1435 1.0478 4.4647 1.0934 1.3212 4.1458 1.3212h2.4146q3.0524 0 4.1458-1.3212 1.139-1.3668 1.139-4.5103zm-1.2301-11.8q1.4123 0.45558 3.508 1.5034 1.7312 0.91117 3.4624 1.8224 0.41003 0.59226 0.68338 1.5034 0.0911 0.27335 0.22779 0.86561l0.27336-2.8702q-3.0524-0.63782-5.8315-1.2301-2.7335-0.59226-3.098-0.7745l-1.4123-1.1845q0.54671 0.0911 1.139 0.18223 0.63782 0.0456 1.0478 0.18224zm-14.67 2.0501q-1.8679 1.2756-2.4602 1.9135-0.5467 0.63782-0.82005 1.5946 1.5034-1.549 2.8702-2.8702 1.7312-1.6401 3.0524-2.5968 1.8679-0.22779 3.8269-0.50114t3.5991-0.27335q0.50114 0 1.139 0.13667 0.63782 0.13668 1.4579 0.31891-1.139 0.36447-2.2779 0.50115-1.139 0.0911-2.7791 0.0911-0.86561 0-2.4146-0.0456-1.5034-0.0456-2.1413-0.0456-0.41002 0-1.549 0.72894-0.77449 0.5467-1.5034 1.0478zm17.221 25.832q1.0934-0.50115 2.4146-1.2301 1.5946-0.86562 2.2779-1.2756l-6.3782 4.1458-2.369-1.3212q0.59227-0.13668 2.1868-0.18224 1.6401-0.0455 1.8679-0.13667zm-3.7358 1.6401q-0.68338-0.13668-1.4579-0.27335-0.72894-0.0911-1.139-0.0911l-0.27335 0.0911q-0.22779-0.0911-0.68338-0.27335-0.45558-0.13668-0.82005-0.36447zm-18.315-24.055q1.5946-1.139 3.1891-2.5057 1.9135-1.5946 3.0069-2.8246-0.82006 0.2278-1.549 0.45559-0.72893 0.22779-0.77449 0.27335-1.959 1.6857-2.8246 3.3713-0.86562 1.6401-0.86562 4.1003 0 0.45559 0.18224 1.4579 0.18223 1.0023 0.18223 1.5034l-0.13668 9.5673q-0.13667-1.2756-0.36446-2.9613-0.45559-3.3713-0.45559-5.0114 0-3.7358 0.41003-7.426zm4.4647 21.549q3.3713 1.7312 6.9705 2.0501 0.86561 0.0911 1.6401 0.18224 0.7745 0.0911 1.1845 0.27335-1.6857-0.68338-4.2825-1.2756-6.4693-1.4123-7.3805-1.7312-0.54671-0.63782-1.139-2.0957-0.59226-1.4579-1.2756-4.0547 0.72894 1.4123 2.0501 3.5991 1.7312 2.7791 2.2324 3.0524zm14.989-13.622 0.45558 0.86561-0.0911 6.1048-0.59226-1.5034q0.27335-2.0046 0.27335-3.9636l-0.0456-1.5034zm-0.31891-4.647q0.59226 0.45558 0.82005 1.4123 0.2278 0.95674 0.2278 2.0046l-0.13668 1.2301zm-10.023 0.77449q0 0.68338 0.13667 2.0501 0.13668 1.3668 0.13668 2.0957v2.1868q0 1.3212 0.22779 2.1412 0.41003 1.0934 0.68338 2.0046 0.18223-0.0456 0.82006 0.68338 0.63782 0.68338 0.82005 1.0023l-1.1845-0.36447q-1.5946-1.7768-2.0501-3.4624-0.41003-1.7312-0.41003-4.647v-1.4579q0-1.2756 0.27335-2.3235 0.31891-1.0934 1.1845-1.8224zm9.5673-2.3235q-0.36447 0.41002-1.2301 0.72893-0.82005 0.27336-1.5034 0.27336h-3.508l-1.5034-1.0934 7.745 0.0911zm-4.7836 13.986q0.59226-0.0911 1.2756-0.2278 0.68338-0.13667 1.0934-0.13667l2.4146 0.13667-3.3258 0.72894z" />
+          <path d="m287.51 205.02q-0.82006 0-1.6401 0-0.68338-0.13668-1.0023-0.18224l-11.891-20.274v20.866h-7.1071v-29.431q3.0524-0.36447 5.7859-0.36447 2.4602 0 5.1481 0.36447 2.1412 5.057 4.8292 10.023 2.4146 4.4192 5.7404 9.5673 0-3.2802-0.0911-5.8771-0.31891-9.1573-0.31891-9.7951 0-2.7335 0.0455-3.1436 0.0456-0.45558 0.36447-2.0046h7.0616v29.75q-0.95673 0.13668-2.9158 0.31891-1.9135 0.18224-4.0092 0.18224zm-10.114-31.39q0.0911 0.22779 0.31891 0.63782 0.22779 0.41003 0.31891 0.7745l-0.0456-0.18224q0.2278 0.45559 0.72894 1.4579 0.45559 1.2301 0.91117 2.4146l-1.2301-0.45558q-0.0911-1.0934-0.36447-2.0957-0.22779-1.0023-0.63782-2.5513zm18.725 1.3668v1.959q0 2.6424-0.27335 4.647-0.27335 1.959-1.139 3.2347 0.31891-2.6424 0.45558-5.1026 0.18224-2.4602 0.18224-4.7381zm-0.95673 30.752 0.0456-19.772q0 3.2802 0.31891 9.8407t0.31891 9.8407l-2.2779 0.59226q-1.4123 0-3.1891-0.2278-1.7768-0.22779-3.4169-0.41002l8.2005 0.13667zm-8.4283-12.665q-2.0046-3.4624-4.0092-6.9705-3.0524-5.5126-3.0524-6.8338 2.4146 3.918 3.7358 6.1504 2.4602 4.1914 2.4602 6.3782 0 0.31891-0.0911 0.68338t-0.18223 0.72894l1.139-0.13668zm-14.533-18.406q-2.5057 0.27335-5.2848 0.7745l-1.3212-1.2301zm3.8269-0.22779 1.0023 0.5467-3.3713-0.27335zm5.1026 24.966q2.1868 3.4169 4.5103 6.3782l4.5103 0.27335-4.6014 0.72894q-0.18223-0.27335-0.7745-0.7745-0.5467-0.45558-0.77449-0.91117-1.549-2.8246-3.0524-5.6948-1.7312-3.1891-3.3258-5.7404-1.959-3.098-3.6902-5.1481l1.0934-0.22779q0.27336 2.4602 2.5057 5.9682 1.7768 2.5968 3.5991 5.1481zm-15.9 5.6493q-0.27336-1.7768-0.59227-3.8269-0.27335-2.0501-0.27335-3.4624 0-2.4602 0.63782-12.392 0.27335-4.237 0.27335-7.426 0-0.82006-0.0911-1.4123t-0.31891-2.0957q-0.13668 0.63782-0.2278 1.2301-0.0911 0.5467-0.0911 1.2301 0 2.3235 0.18223 8.2006 0.18224 5.8771 0.31891 10.342 0.18224 4.4647 0.18224 9.6129zm7.6083 0.59227q0.41003-2.6424 0.50115-4.3736 0.13667-1.7768 0.13667-4.8748-0.0456-2.3235-0.0911-4.647-0.0455-2.369-0.0455-4.6925 0.63782 3.6902 0.68337 4.1003 0.0911 0.36447 0.31891 2.2324 0.2278 0.2278 0.27336 1.3212 0.0455 1.0478 0.0455 1.9135l0.18224-0.18223q-0.18224 0.5467-0.36447 1.0934-0.45559 1.4123-1.0023 1.4123-0.41003 0-0.59226-0.31891-0.13668-0.36447-0.13668-0.77449v-0.2278h1.2756l0.0456 8.155-1.2301-0.13667zm-8.4283-28.747q0 1.2756-0.41003 12.848-0.13667 3.8725-0.13667 7.6994h0.45558q0-5.1481-0.22779-11.162-0.22779-6.0137-0.68338-10.57l1.2301-1.0934q-0.22779 1.2756-0.22779 2.2779zm0.68338 29.613 0.18223-0.95673h0.50115q1.7312 0 3.7814 0.22779 2.0957 0.22779 3.7814 0.59226zm29.294-33.076 1.6401 0.59226-0.59226 0.63782q-0.86562-0.0911-1.7768-0.18224-0.91117-0.0911-1.6857-0.0911h-2.2324l-2.7335 0.0911q1.0023-0.59226 2.0046-0.82005 1.0478-0.22779 2.2324-0.22779z" />
+          <path d="m314.06 205.29h-3.1891q-6.4693 0-9.4306-4.2825-2.5513-3.6902-2.5513-10.478 0-7.5627 1.8223-10.752 2.4602-4.2825 9.294-4.2825h4.6014q4.8748 0 7.9728 2.2324 3.508 2.5057 3.508 7.1982h-7.426q-0.31891-1.9135-2.1868-2.5968-1.2756-0.45558-3.6902-0.45558h-1.1845q-3.2347 0-4.3281 1.7312-0.82006 1.3212-0.82006 4.7837v3.5536q0 4.5103 1.3212 5.7404 1.3212 1.1845 5.8771 1.1845 3.5991 0 4.4192-1.0478 0.68337-0.86562 0.68337-4.5559h-5.1937v-5.6948q1.4123 0 4.2825 0.18224 2.8702 0.13667 3.918 0.13667 2.2779 0 4.3281-0.31891v7.4716q0 5.6493-3.2802 8.1094-2.8702 2.1413-8.7472 2.1413zm10.114-29.203 2.0501 2.8246q0.27336 0.86561 0.54671 3.2802 0.13667 1.3212 0.36447 3.3713 0.0456-0.18223-0.45559-0.45558-0.50114-0.27335-0.50114-0.41003 0-0.0911 0.0911-0.59226 0.13668-0.50115 0.13668-0.7745 0-0.77449-0.86561-2.5968-0.86562-1.8679-1.4579-2.2324 0.22779-0.59226 0.59226-0.95673-0.18223-0.13667-0.63782-0.27335-0.41003-0.13668-0.59226-0.22779l0.72894-0.95673zm-3.098-0.31891-3.4169-0.82006q-0.95673 0.0456-1.9135 0.0911-0.95673 0.0456-1.9135 0.0456-0.31891 0-0.63782 0-0.27336 0-0.59227-0.0456l-7.016-0.63782 12.848 0.22779 2.6424 1.139zm2.2779 0.45558v0.27335l-1.7768-0.31891 1.7768 0.0456zm3.9636 14.305-0.13667 0.7745q-0.18224 0.91117-0.31891 2.5057-0.13668 1.549-0.27336 2.7791v-0.36446q0-1.1845 0.0911-3.1436 0.13668-2.0046 0.13668-2.4146 0-0.68338-0.0911-1.2301-0.0911-0.5467-0.13668-0.86561 0.13668 0.41003 0.31891 0.95673 0.2278 0.54671 0.41003 1.0023zm-16.037-7.6538h1.6401q1.549 0.63782 3.2802 1.3212 1.7312 0.63782 3.0069 0.86561l4.7836 0.18223 2.369 0.0911-1.0934 0.63782q-1.7768-0.13667-3.8269-0.27335-2.0501-0.18223-3.098-0.50114-0.18224-0.0456-1.8224-1.2301-1.6401-1.1845-1.9135-1.2756l-3.1435-0.27333zm-8.0639-6.9249q-0.68338 0.5467-2.0501 1.959-1.0023 1.0478-2.0046 2.0501 1.139-2.0957 2.2779-4.237l3.8269-0.68338zm8.9295 17.449q0-1.0934 0.0911-3.6902 0.0911-2.6424 0.0911-2.8246l0.72894 0.18224-0.0456 0.86561q0 0.86561 0.0456 2.5968t0.0456 2.6424l3.6447 1.2756 1.4579 2.688-0.27335-2.5513q-0.0456-0.45559-1.0023-0.59227-0.91117-0.18223-2.4146-0.18223-0.54671 0-1.0023 0.0456-0.41003 0-0.72894 0-0.63782 0-0.63782-0.45559zm11.207 11.162q0.63782 0 0.91118-0.59226 0.68337-1.5946 1.139-3.1891 0.45559-1.6401 0.68338-3.3258l1.139 0.45558-0.36446-0.86561q-0.13668 0.31891-0.36447 1.0023-0.18224 0.68338-0.41003 1.4579-0.86561 2.5968-1.0478 2.8702-0.41003 0.68338-2.369 2.2779-0.18223 0.18223-0.63782 0.27335-0.41002 0.0911-0.77449 0.0911l1.139-0.63783q0.54671 0.18224 0.95673 0.18224zm-15.718-10.433q0-0.22779-0.0911-3.4169-0.0911-3.1891-0.0911-4.5103v-0.5467q0-0.91117 0.18224-1.2301 0.22779-0.31891 0.5467-0.31891t0.59226 0.41003q0.0911 0.13667 0.0911 0.31891 0 1.0934-0.7745 4.4647-1.0934 4.8292-1.139 4.9659l1.6401 3.2802-0.0911 0.0456q-0.0911-0.31891-0.0911-1.139 0-0.82006-0.0911-1.0478-0.0456-0.22779-0.50115-0.86561-0.18223-0.2278-0.18223-0.41003zm1.0934 12.073q2.0501 0 6.1049-0.36447 4.0547-0.36447 6.0593-0.36447l-1.139 0.82006q-0.63782-0.36447-1.0478-0.45559-0.36447-0.0911-1.5946-0.27335-0.50115-0.0456-2.9613 0.50114-2.4602 0.54671-3.0069 0.82006zm-10.433-11.071q-0.31891 0.0911-0.50114 0.45559l1.0478 1.1845q-0.68338-1.4123-0.86562-2.5057-0.13667-1.139-0.13667-3.0069v-2.4146q0-0.59226 0.31891-3.0069 0.13667-1.0478 0.13667-1.7312 0-0.13668-0.27335-0.50115-0.27335-0.36446-0.27335-0.59226 0-0.50114 2.8246-4.6925 2.688-3.9636 2.9613-4.1914l1.8224-0.82006q-1.2756 1.0934-4.4192 5.6493-3.1435 4.5103-3.1435 5.467l-0.0456 3.9636q0 1.3212 0.13668 3.918 0.18223 2.5968 0.41002 2.8246zm-1.6857-5.9226q0.27335 2.3235 0.68338 4.4192 0.41002 2.0501 0.63782 2.4146l-0.2278 0.59226q2.4602 2.5968 4.8292 4.6014 3.098 2.6424 5.9226 4.0547 3.4169 1.7312 6.3782 1.7312l4.1914-0.27335q-1.139-0.18223-5.9682-0.45558-4.8292-0.27336-7.6538-1.3668-0.18224-0.0911-1.9135-1.6857-1.3212-1.2301-1.8679-1.7768-1.7768-1.7768-2.2779-2.369-1.4123-1.6401-1.5946-2.7335-0.13667-1.0934-0.13667-2.0501 0-0.86561 0.13667-2.6424 0.13668-1.7768 0.13668-2.5968zm12.756 8.6561 8.2006-0.0911-0.82005 0.50114-6.4693 0.0456-0.91118-0.45558zm4.6014-10.843 10.57 0.31891q-1.0023 0-2.2324 0.0456-1.1845 0-2.6424 0h-0.95673q-1.139 0-2.5968-0.0456-1.4579-0.0456-2.1413-0.31891z" />
+          <path d="m345.75 204.47-1.6401-6.3782h-8.1094l-1.7312 6.3782h-5.8771l7.0616-26.515h9.1117l7.0616 26.515zm-5.7404-21.504-2.9158 10.752h5.8315zm-2.1413-6.3326q0.18224 0 1.3212 0.13667 1.139 0.0911 1.7768 0.0911 0.59226 0 1.139 0 0.59226-0.0456 1.1845-0.0456h0.82005l-0.0456 0.63782q-0.18223 0-2.9613 0.0911-2.7335 0.0911-3.9636 0.0911h-2.5513q0.45559-0.13668 0.91117-0.36447 0.68338-0.36447 0.72894-0.59226 0.27335-0.0456 0.68338-0.0456t0.95673 0zm7.0616 0.63782 1.139 0.5467q0.59226 2.8246 0.86561 4.237 0.54671 2.5513 1.0934 4.237-1.0934-2.6424-1.7312-4.4647-0.86561-2.4602-1.3668-4.5559zm5.7404 22.688-0.18224 0.41003q-0.0456-0.59226-0.0911-1.2301 0-4.2825-1.0934-7.4716-0.45559-1.3212-1.8679-4.647l0.95673-0.36447q0.59226 3.5536 1.0478 5.467 0.22779 1.0023 2.2779 8.8839l-1.0478-1.0478zm1.0478 1.7312q0.36446 0.95673 0.95673 1.8223 0.95673 1.4123 1.0934 1.5946l-1.0478-0.18223q-0.13667-0.36447-0.45558-1.0478-0.27335-0.68338-0.36447-1.0934-0.0911-0.45558-0.18223-1.0934zm-17.631-22.962 0.68338-0.36446q-1.0023 3.5536-2.1413 7.5172-1.2756 4.4192-2.2324 7.5172-0.41003 1.3212-2.369 7.5627 1.3212-5.6037 2.8702-11.162 0.45558-1.6857 3.1891-11.071zm6.2871 19.454q0.86562 0 1.959 0.18223 0.36447 0.0456 1.139 0.18223l-0.18223-0.45558q-2.9158 0-4.2825 0.50114-0.31891 0.13668-2.7791 1.1845l0.54671-1.4579zm-13.394 6.2415q0.86561-1.0934 2.369-7.0616 0.95673-3.9636 1.9135-7.9728l-3.4625 15.809zm6.1048-24.647 0.27335-0.18223q-0.7745 2.9158-1.7312 6.196-0.91117 3.2802-2.0046 6.7427 0.68337-3.2347 1.4123-6.4693 1.0023-4.0547 2.0501-6.2871zm10.387 20q0.36447-0.0456 1.0023 2.5513 0.68338 2.5968 1.0478 2.5968 0.86561 0 1.8223 0t2.0046-0.0456q1.3212 0 2.0957 0.0456 0.82006 0.0456 1.5946 0.27335-0.50114 0.31891-1.6857 0.41003-1.139 0.0911-2.0046 0.0911l-5.1026-0.13667q-0.13668 0.0456-0.18224-0.13668 0-0.18223 0-0.63782v-0.68338q0-0.63782-0.18223-1.7768-0.18224-1.1845-0.41003-2.5513zm-7.745 0.77449q0.18223 0.59226 0.18223 1.4579 0 0.5467-0.0456 1.1845-0.0455 0.63782-0.0455 0.68338l0.13667 1.4123h-1.8679q-1.139 0-3.7814-0.0911-2.6424-0.0911-2.8246-0.0911 4.237 0 7.6538-0.36447 0.13667-0.45558 0.18223-1.2301 0.0456-0.77449 0.0456-0.86561 0.18223-0.0911 0.27335-1.0023 0.0911-0.95673 0.0911-1.0934zm6.0137-11.982-1.2301-2.5057 1.0934 4.237zm0.54671 4.5559-0.54671 0.22779-0.0456-0.86561v-0.27335l0.0456-0.50115zm-2.2779-8.7017-1.9135 8.7017 3.0524-0.0456 0.0911 0.41003h-3.6447l2.4146-9.0662z" />
+        </g>
+      </g>
+    </svg></a> <strong>You are OFFLINE</strong>
+
+    <input id="openSearchModal" title="Open Search Panel" placeholder="🔍&#xFE0E; Search"> <span id="searchResults"></span>
+    <section id="searchModal" class="modal" style="display:none;">
+      <div class="modal-background" onclick="this.parentElement.style.display='none';"></div>
+      <div class="modal-content">
+        <a class="close-button" onclick="this.parentElement.parentElement.style.display='none';">&times;&#xFE0E;</a>
+        <section>
+          <label>Search Term
+            <input id="searchBox" placeholder="Search term">
+          </label>
+          <a id="searchButton" class="small button">Search</a>
+          <a id="clearSearchButton" class="small red button">Clear</a>
+          <a class="small button" onclick="var options=document.getElementById('searchOptions').style;options.display=options.display=='block'?'none':'block';">
+            Toggle Options
+          </a>
+        </section>
+        <footer id="searchOptions" style="display:none;">
+          <div class="split">
+            <div class="quarter category">
+              <h3>Search For</h3>
+            </div>
+            <div class="three-quarter options">
+              <label>Case-Sensitive
+                <input type="checkbox" id="searchCaseSensitive">
+              </label>
+              <label>Ignore Diacritics/Accents
+                <input type="checkbox" id="searchIgnoreDiacritics">
+              </label>
+              <label>Exact Words
+                <input type="checkbox" id="searchExactWords">
+              </label>
+            </div>
+          </div>
+          <div class="split">
+            <div class="quarter category">
+              <h3>Include in Search</h3>
+            </div>
+            <div class="three-quarter options">
+              <label>Word Name
+                <input type="checkbox" checked id="searchIncludeName">
+              </label>
+              <label>Definition
+                <input type="checkbox" checked id="searchIncludeDefinition">
+              </label>
+              <label>Details
+                <input type="checkbox" checked id="searchIncludeDetails">
+              </label>
+            </div>
+          </div>
+          <div class="split">
+            <div class="quarter category">
+              <h3>Include Only</h3>
+            </div>
+            <div class="three-quarter options" id="searchPartsOfSpeech"></div>
+          </div>
+        </footer>
+      </div>
+    </section>
+
+    <div id="headerMenu">
+      <a id="settingsButton" class="button">Settings</a>
+      <a id="loginCreateAccountButton" hidden style="display:none;">Log In&nbsp;/ Create Account</a>
+    </div>
+    <div style="clear:both;"></div>
+  </header>
+
+  <main>
+    <aside id="sideColumn">
+      <div id="mobileWordFormShow">+</div>
+      <form id="wordForm">
+        <label>Word<span class="red">*</span><br>
+          <input id="wordName" maxlength="200">
+        </label>
+        <label>Pronunciation<a class="label-button ipa-table-button">IPA Chart</a><br>
+          <input id="wordPronunciation" class="ipa-field" maxlength="200"><br>
+          <a class="label-help-button ipa-field-help-button">Field Help</a>
+        </label>
+        <label>Part of Speech<br>
+          <select id="wordPartOfSpeech" class="part-of-speech-select"></select>
+        </label>
+        <label>Definition<span class="red">*</span><br>
+          <input id="wordDefinition" maxlength="2500" placeholder="Equivalent words">
+        </label>
+        <label>Details<span class="red">*</span><a class="label-button maximize-button">Maximize</a><br>
+          <textarea id="wordDetails" placeholder="Markdown formatting allowed"></textarea>
+        </label>
+        <div id="wordErrorMessage"></div>
+        <a class="button" id="addWordButton">Add Word</a>
+      </form>
+    </aside>
+    
+    <section id="mainColumn">
+      <section id="detailsSection">
+        <h2 id="dictionaryName">Dictionary Name</h2>
+        <nav>
+          <ul>
+            <li>Description</li><li>Details</li><li>Stats</li><li id="editDictionaryButton">Edit</li>
+          </ul>
+        </nav>
+        <article id="detailsPanel" style="display:none;">
+          <p>The dictionary details</p>
+        </article>
+      </section>
+
+      <section class="pagination"></section>
+
+      <section id="entries">
+        <article class="entry">
+          <header>
+            <h4 class="word">Loading Words</h4>
+          </header>
+          <dl>
+            <dt class="definition">Please Wait...</dt>
+          </dl>
+        </article>
+      </section>
+      
+      <section class="pagination"></section>
+    </section>
+  </main>
+
+  <footer id="bottom">
+    <a href="https://liberapay.com/robbieantenesse" target="_blank" rel="noopener" class="small button">Support Lexiconga</a>
+    <a href="https://blog.lexicon.ga" target="_blank" rel="noopener" class="small button">Blog</a>
+    <a href="./advertising.html" target="_blank" class="small button">Advertise</a>
+    <a href="https://github.com/Alamantus/Lexiconga/issues" target="_blank" rel="noopener" class="small button">Issues</a>
+    <a href="https://github.com/Alamantus/Lexiconga/releases" target="_blank" rel="noopener" class="small button">Updates</a>
+    <span class="separator">|</span>
+    <a class="button" id="helpInfoButton">Help</a>
+    <a class="button" id="termsInfoButton">Terms</a>
+    <a class="button" id="privacyInfoButton">Privacy</a>
+  </footer>
+
+  <section id="settingsModal" class="modal" style="display:none;">
+    <div class="modal-background" onclick="this.parentElement.style.display='none';"></div>
+    <div class="modal-content">
+      <a class="close-button" onclick="this.parentElement.parentElement.style.display='none';">&times;&#xFE0E;</a>
+      <section>
+        <form class="split two">
+          <div>
+            <h3>General Settings</h3>
+            <label>Use IPA Auto-Fill
+              <input id="settingsUseIPA" type="checkbox" checked><br />
+              <small>Check this to use character combinations to input International Phonetic Alphabet characters into
+                Pronunciation fields.</small>
+            </label>
+
+            <label>Use Hotkeys
+              <input id="settingsUseHotkeys" type="checkbox" checked><br />
+              <small>Check this to enable keyboard combinations to perform different helpful actions.</small>
+            </label>
+    
+            <label>Default Theme <small>(the theme new dictionaries will use)</small>
+              <select id="settingsDefaultTheme">
+                <option value="default">Default</option>
+                <option value="dark">Dark</option>
+                <option value="light">Light</option>
+                <option value="blue">Blue</option>
+                <option value="green">Green</option>
+                <option value="yellow">Yellow</option>
+                <option value="red">Red</option>
+                <option value="royal">Royal</option>
+                <option value="mint">Mint</option>
+                <option value="grape">Grape</option>
+              </select>
+            </label>
+            <div id="accountSettings"></div>
+          </div>
+          <div id="accountActions"></div>
+        </form>
+      </section>
+      <footer>
+        <a class="button" id="settingsSave">Save</a>
+        <a class="button" id="settingsSaveAndClose">Save &amp; Close</a>
+        <a class="red button" onclick="this.parentElement.parentElement.parentElement.style.display='none';">Close Without Saving</a>
+      </footer>
+    </div>
+  </section>
+
+  <section id="editModal" class="modal" style="display:none;">
+    <div class="modal-background" onclick="this.parentElement.style.display='none';"></div>
+    <div class="modal-content">
+      <a class="close-button" onclick="this.parentElement.parentElement.style.display='none';">&times;&#xFE0E;</a>
+      <nav class="tabs">
+        <ul>
+          <li class="active">Description</li><li>Details</li><li>Settings</li><li>Actions</li>
+        </ul>
+      </nav>
+      <section id="editDescriptionTab">
+        <label>Name<br>
+          <input id="editName" maxlength="50">
+        </label>
+        <label>Specification<br>
+          <input id="editSpecification" maxlength="50">
+        </label>
+        <label>Description<a class="label-button maximize-button">Maximize</a><br>
+          <textarea id="editDescription"></textarea>
+        </label>
+      </section>
+
+      <section id="editDetailsTab" style="display:none;">
+        <label>Parts of Speech <small>(Comma Separated List)</small><br>
+          <input id="editPartsOfSpeech" maxlength="2500" placeholder="Noun,Adjective,Verb">
+        </label>
+        <label>Alphabetical Order <small>(Comma Separated List. Include every letter!)</small><br>
+          <input id="editAlphabeticalOrder" disabled value="English Alphabet">
+        </label>
+        <h3>Phonology</h3>
+        <div class="split three">
+          <div>
+            <label>Consonants<br>
+              <small>(Space separated list)</small><br>
+              <input id="editConsonants" class="ipa-field" maxlength="100" placeholder="p b m n t ..."><br>
+              <a class="label-help-button ipa-field-help-button">Field Help</a>
+              <a class="label-button ipa-table-button">IPA Chart</a>
+            </label>
+          </div>
+          <div>
+            <label>Vowels<br>
+              <small>(Space separated list)</small><br>
+              <input id="editVowels" class="ipa-field" maxlength="100" placeholder="æ u e ɪ ..."><br>
+              <a class="label-help-button ipa-field-help-button">Field Help</a>
+              <a class="label-button ipa-table-button">IPA Chart</a>
+            </label>
+          </div>
+          <div>
+            <label>Polyphthongs&nbsp;/ Blends<br>
+              <small>(Space separated list)</small><br>
+              <input id="editBlends" class="ipa-field" maxlength="100" placeholder="ai ou ue ..."><br>
+              <a class="label-help-button ipa-field-help-button">Field Help</a>
+              <a class="label-button ipa-table-button">IPA Chart</a>
+            </label>
+          </div>
+        </div>
+        <h3>Phonotactics</h3>
+        <div class="split three">
+          <div>
+            <label>Onset<br>
+              <small>(Comma separated list)</small><br>
+              <input id="editOnset" maxlength="100" placeholder="Consonants,Vowels">
+            </label>
+          </div>
+          <div>
+            <label>Nucleus<br>
+              <small>(Comma separated list)</small><br>
+              <input id="editNucleus" maxlength="100" placeholder="Vowels,Blends">
+            </label>
+          </div>
+          <div>
+            <label>Coda<br>
+              <small>(Comma separated list)</small><br>
+              <input id="editCoda" maxlength="100" placeholder="Any">
+            </label>
+          </div>
+        </div>
+        <label>Exceptions <small>(Markdown-enabled)</small><br>
+          <textarea id="editExceptions"></textarea>
+        </label>
+        <h3>Orthography</h3>
+        <label>Notes <small>(Markdown-enabled)</small><a class="label-button maximize-button">Maximize</a><br>
+          <textarea id="editOrthography"></textarea>
+        </label>
+        <h3>Grammar</h3>
+        <label>Notes <small>(Markdown-enabled)</small><a class="label-button maximize-button">Maximize</a><br>
+          <textarea id="editGrammar"></textarea>
+        </label>
+      </section>
+
+      <section id="editSettingsTab" style="display:none;">
+        <label>Prevent Duplicate Words
+          <input type="checkbox" id="editPreventDuplicates"><br>
+          <small>Checking this box will prevent the creation of words with the exact same spelling.</small>
+        </label>
+        <label>Words are Case-Sensitive
+          <input type="checkbox" id="editCaseSensitive"><br>
+          <small>Checking this box will allow the creation of words with the exact same spelling if their capitalization is different.</small>
+        </label>
+        <label>Sort by Definition
+          <input type="checkbox" id="editSortByDefinition"><br>
+          <small>Checking this box will sort the words in alphabetical order based on the Definition instead of the Word.</small>
+        </label>
+        <label>Theme
+          <select id="editTheme">
+            <option value="default">Default</option>
+            <option value="dark">Dark</option>
+            <option value="light">Light</option>
+            <option value="blue">Blue</option>
+            <option value="green">Green</option>
+            <option value="yellow">Yellow</option>
+            <option value="red">Red</option>
+            <option value="royal">Royal</option>
+            <option value="mint">Mint</option>
+            <option value="grape">Grape</option>
+          </select>
+        </label>
+      </section>
+
+      <section id="editActionsTab" style="display:none;">
+        <h3>Import&nbsp;/ Export</h3>
+        <div class="split two">
+          <div>
+            <p>
+              <label class="button">Import JSON <input type="file" id="importDictionaryFile" accept="application/json, .dict"><br>
+                <small>Import a previously-exported <code>JSON</code> file.</small>
+              </label>
+            </p>
+            <p>
+              <label class="button">Import Words <input type="file" id="importWordsCSV" accept="text/csv, .csv"><br>
+                <small>Import a CSV file of words.</small>
+              </label>
+              <a class="small button" download="Lexiconga_import-template.csv" href="data:text/csv;charset=utf-8,%22word%22,%22pronunciation%22,%22part of speech%22,%22definition%22,%22explanation%22%0A">Download an example file with the correct formatting</a>
+            </p>
+          </div>
+          <div>
+            <p>
+              <a class="button" id="exportDictionaryButton">Export JSON</a><br>
+              <small>Export your work as a <code>JSON</code> file to re-import later.</small>
+            </p>
+            <p>
+              <a class="button" id="exportWordsButton">Export Words</a><br>
+              <small>Export a CSV file of your words.</small>
+            </p>
+          </div>
+        </div>
+        <p>
+          <a class="red button" id="deleteDictionaryButton">Delete Dictionary</a><br>
+          <small>This will permanently delete your current dictionary, and it will not be possible to return it if you have not backed it up!</small>
+        </p>
+      </section>
+
+      <footer>
+        <a class="button" id="editSave">Save</a>
+        <a class="button" id="editSaveAndClose">Save &amp; Close</a>
+        <a class="red button" onclick="this.parentElement.parentElement.parentElement.style.display='none';">Close Without Saving</a>
+      </footer>
+    </div>
+  </section>
+
+  <div id="messagingSection"></div>
+</body>
+</html>
--- a/package.json
+++ b/package.json
@ -2,19 +2,23 @@
  "name": "lexiconga-lite",
  "version": "1.0.0",
  "description": "A light-as-possible rewrite of Lexiconga",
-  "main": "index.html",
+  "main": "template-index.html",
  "repository": "https://cybre.tech/Alamantus/lexiconga-lite.git",
  "author": "Robbie Antenesse <dev@alamantus.com>",
  "license": "UNLICENCED",
  "scripts": {
-    "start": "concurrently \"npm run watch-js\" \"npm run watch-php\"",
-    "watch-js": "parcel watch index.html view.html --public-url ./",
+    "start": "npm run process-images && concurrently \"npm run watch-js\" \"npm run watch-php\" \"npm run copy-files\"",
+    "watch-js": "parcel watch template-index.html offline.html template-view.html template-passwordreset.html --no-hmr --public-url /lexiconga/",
    "watch-php": "cpx \"src/php/**/{*,.*}\" dist -v -w",
-    "bundle": "parcel build index.html && cpx \"src/php/**/{*,.*}\" dist",
-    "serve-frontend-only": "parcel index.html",
+    "bundle": "npm run process-images && npm run bundle-js && npm run copy-files && npm run copy-php",
+    "bundle-js": "parcel build template-index.html offline.html template-view.html template-passwordreset.html",
+    "copy-files": "cpx \"node_modules/upup/dist/*.min.js\" dist -v",
+    "copy-php": "cpx \"src/php/**/{*,.*}\" dist",
+    "process-images": "node dev/resize-images.js",
+    "serve-frontend-only": "parcel template-index.html",
    "clear": "npm run clear-dist && npm run clear-cache",
-    "clear-dist": "rimraf dist/*",
-    "clear-cache": "rimraf .cache/*"
+    "clear-dist": "rimraf dist/{*,.*}",
+    "clear-cache": "rimraf .cache/{*,.*}"
  },
  "devDependencies": {
    "autoprefixer": "^9.5.1",
@ -22,11 +26,13 @@
    "cpx": "^1.5.0",
    "parcel-bundler": "^1.12.3",
    "rimraf": "^2.6.3",
-    "sass": "^1.19.0"
+    "sass": "^1.19.0",
+    "sharp": "^0.22.1"
  },
  "dependencies": {
    "marked": "^0.6.2",
    "normalize.css": "^8.0.1",
-    "papaparse": "^4.6.3"
+    "papaparse": "^4.6.3",
+    "upup": "^1.1.0"
  }
 }
--- a/src/constants.js
+++ b/src/constants.js
@ -46,7 +46,7 @@ export const DEFAULT_DICTIONARY = {
    allowDuplicates: false,
    caseSensitive: false,
    sortByDefinition: false,
-    isComplete: false,
+    theme: 'default',
    isPublic: false,
  },
  lastUpdated: getTimestampInSeconds(),
@ -57,8 +57,11 @@ export const DEFAULT_DICTIONARY = {
 export const DEFAULT_SETTINGS = {
  useIPAPronunciationField: true,
  useHotkeys: true,
+  defaultTheme: 'default',
 };

+export const DISPLAY_AD_EVERY = 10;
+
 export const DEFAULT_PAGE_SIZE = 50;

 export const LOCAL_STORAGE_KEY = 'dictionary';
--- a/src/helpers.js
+++ b/src/helpers.js
@ -69,6 +69,15 @@ export function removeTags(html) {
  return html;
 }

+export function shuffle(array) {
+  // Fisher-Yates shuffle
+  for (let i = array.length - 1; i > 0; i--) {
+    const j = Math.floor(Math.random() * (i + 1));
+    [array[i], array[j]] = [array[j], array[i]];
+  }
+  return array;
+}
+
 export function slugify(string) {
  return removeDiacritics(string).replace(/[^a-zA-Z0-9-_]/g, '-');
 }
--- a/src/images/ad-example.jpg
+++ b/src/images/ad-example.jpg
--- a/src/images/favicon.svg
+++ b/src/images/favicon.svg
@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="512"
+   height="512"
+   viewBox="0 0 480.00003 480.00003"
+   id="svg4162"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="favicon.svg"
+   inkscape:export-filename="C:\Users\Robbie\Documents\Git Repositories\DictionaryBuilder\images\favicon.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs4164" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1"
+     inkscape:cx="256"
+     inkscape:cy="257.06667"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1920"
+     inkscape:window-height="1058"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     units="px" />
+  <metadata
+     id="metadata4167">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-294.94889,118.42491)">
+    <g
+       id="g4154"
+       transform="matrix(3.8771366,0,0,2.7190508,-134.76396,-309.06057)"
+       style="stroke-width:0.0669281">
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="rect4136"
+         d="m 234.39344,70.455884 -42.42641,83.842656 h -80.8927 l 42.42641,-83.842656 z"
+         style="opacity:1;fill:#ff5500;fill-opacity:1;stroke:none;stroke-width:0.0669281;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="rect4138"
+         d="m 191.96703,162.45587 42.42641,83.84266 h -80.8927 l -42.42641,-83.84266 z"
+         style="opacity:1;fill:#ff5500;fill-opacity:1;stroke:none;stroke-width:0.0669281;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+    </g>
+  </g>
+</svg>
--- a/src/images/logo.svg
+++ b/src/images/logo.svg
@ -0,0 +1,121 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1200"
+   height="630"
+   version="1.1"
+   viewBox="0 0 1125.0074 590.61647"
+   id="svg30"
+   sodipodi:docname="logo.svg"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)">
+  <defs
+     id="defs34" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1248"
+     inkscape:window-height="611"
+     id="namedview32"
+     showgrid="false"
+     units="px"
+     inkscape:zoom="0.26648629"
+     inkscape:cx="937.32668"
+     inkscape:cy="197.75442"
+     inkscape:window-x="2322"
+     inkscape:window-y="321"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg30" />
+  <metadata
+     id="metadata2">
+    <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
+     transform="matrix(4.5967881,0,0,4.5967881,-505.87772,-547.68653)"
+     id="g28"
+     style="stroke-width:0.2175432">
+    <g
+       id="lexi"
+       style="stroke-width:0.2175432">
+      <path
+         d="m 144.03,159.39 -11.339,22.409 h -21.62 L 122.41,159.39 Z"
+         id="path4"
+         inkscape:connector-curvature="0"
+         style="fill:#ff5500;stroke-width:0.2175432" />
+      <path
+         d="m 132.69,183.97 11.339,22.409 h -21.62 L 111.07,183.97 Z"
+         id="path6"
+         inkscape:connector-curvature="0"
+         style="fill:#ff5500;stroke-width:0.2175432" />
+      <g
+         id="g14"
+         style="fill:#ff5400;stroke-width:0.2175432">
+        <path
+           d="m 160.1,186.76 v 7.0042 h -6.1056 q -1.2442,0 -1.7741,0.36864 -0.50688,0.36864 -0.50688,1.2442 0,0.99072 0.52992,1.3133 0.52992,0.29952 2.1658,0.29952 h 6.2899 v 8.9856 h -7.3498 q -5.184,0 -7.9258,-2.4653 -2.7418,-2.4883 -2.7418,-7.1655 v -12.326 q 0,-4.5159 2.5805,-7.0042 2.6035,-2.4883 7.3037,-2.4883 h 8.1332 v 9.0317 h -5.9674 q -2.4192,0 -2.4192,1.5667 0,0.92161 0.576,1.2902 0.57601,0.3456 2.0506,0.3456 z"
+           id="path8"
+           inkscape:connector-curvature="0"
+           style="stroke-width:0.2175432" />
+        <path
+           d="m 187.75,174.53 -8.1792,15.299 8.4557,16.151 h -9.8381 l -3.8707,-7.6263 -3.2717,7.6263 h -9.6768 l 8.64,-15.898 -8.1792,-15.552 h 9.746 l 3.6634,7.1424 2.9491,-7.1424 z"
+           id="path10"
+           inkscape:connector-curvature="0"
+           style="stroke-width:0.2175432" />
+        <path
+           d="m 198.95,174.53 v 31.45 h -9.3543 v -31.45 z"
+           id="path12"
+           inkscape:connector-curvature="0"
+           style="stroke-width:0.2175432" />
+      </g>
+    </g>
+    <g
+       id="conga"
+       style="fill:#d70000;stroke-width:0.2175432">
+      <path
+         d="m 218.5,205.38 h -3.2347 q -7.6994,0 -10.114,-3.918 -1.8223,-2.9613 -1.8223,-11.481 0,-7.5172 1.8223,-10.478 2.4146,-3.918 9.294,-3.918 h 4.7381 q 6.5604,0 8.7928,1.8679 2.5513,2.1413 2.5513,8.4739 -0.77449,-0.13667 -1.4123,-0.13667 -0.68338,0 -2.0501,0.13667 -1.3668,0.13668 -2.0957,0.13668 l -1.7768,-0.13668 q 0,-2.5057 -1.5946,-3.3713 -1.0934,-0.59227 -3.6902,-0.59227 h -1.8679 q -3.3258,0 -4.5559,1.8679 -0.95673,1.4579 -0.95673,4.647 0,1.1845 0.0456,3.098 0.0911,1.9135 0.0911,1.959 0,4.0092 1.7768,4.9203 1.0478,0.5467 5.6493,0.5467 2.1868,0 3.0069,-0.22779 2.0957,-0.59226 2.0957,-3.6447 0.45558,-0.13668 1.139,-0.27335 0.72894,-0.13668 1.1845,-0.13668 0.68338,0 2.0501,0.2278 1.3668,0.22779 2.0957,0.22779 0.5467,0 0.86561,-0.0456 0,6.606 -2.7791,8.6106 -2.2324,1.6401 -9.2484,1.6401 z m 3.0069,-31.208 q 3.8269,0.68338 7.0616,1.549 0.63782,1.0023 1.0934,2.1412 0.50114,1.139 0.50114,2.0046 l -1.5946,-3.0524 -3.5991,-1.4123 q -1.4579,-0.18224 -2.1868,-0.18224 -0.68338,0 -1.6401,0 h -3.8725 q 1.0478,-0.13667 2.1868,-0.36447 1.6401,-0.36447 2.0501,-0.68338 z m 10.797,13.303 q -0.50115,0 -2.1868,-0.45559 -0.82006,-0.22779 -1.3668,-0.22779 -0.27335,0 -0.63782,0.0911 -0.31891,0.0456 -0.82006,0.2278 -1.7312,-0.18224 -2.7335,-0.31891 -1.0023,-0.13668 -1.0934,-0.31891 l 4.5559,-0.13668 q 0.7745,0 1.5034,0 0.72894,0 1.5946,0.13668 l -0.0911,-8.0183 q 0.22779,2.1413 0.59226,4.3281 0.36447,2.1412 0.95673,4.6925 h -0.27335 z m -0.59226,13.531 -1.2301,-0.22779 0.31891,-0.59227 q 0.0456,-0.0911 0.0456,-0.91117 v -1.3668 q 0,-0.91117 0.2278,-1.8679 0.22779,-1.0023 0.50114,-1.959 l 0.13668,5.1481 v 1.7768 z m -23.28,-25.604 q 0.13668,-0.0456 0.63782,-0.31891 0.54671,-0.27336 0.72894,-0.27336 l 0.13668,0.18224 q 0.22779,0 0.68338,-0.22779 0.50114,-0.27336 0.72893,-0.36447 0.2278,-0.0911 1.6857,-0.13668 1.4579,-0.0911 2.7791,-0.0911 l -3.7358,0.68338 -3.6447,0.54671 z m 8.6561,-0.59227 -0.95673,0.36447 -1.9135,-0.13667 q 1.3212,-0.41003 2.688,-0.82006 l 2.369,-0.13667 q -0.5467,0.13667 -1.0023,0.27335 -0.41003,0.0911 -1.1845,0.45558 z m -5.786,14.032 q 0,-0.5467 0.0911,-1.0023 0.13668,-0.50114 0.36447,-1.139 v 0.50114 q 0,0.13668 0.31891,2.1413 0.0911,0.59226 0.0911,1.2756 v 5.5582 l -0.86562,-4.1458 0.18224,-0.59226 q 0,-0.0911 -0.0911,-1.139 -0.0911,-1.0478 -0.0911,-1.4579 z m 0.72894,-5.4215 0.82006,-0.63782 q -0.36447,0.82005 -0.36447,1.6401 v 0.31891 l -0.68338,1.3668 z m 0.45559,13.759 q 0.18223,0.0455 1.0023,0.31891 1.0934,0.27335 1.6857,0.27335 l 3.3258,-0.68338 q 0.27335,-0.0456 1.0023,-0.18224 0.7745,0 1.5946,0 l 1.4123,-2.4602 q -0.36447,1.0478 -0.45559,1.4579 -0.22779,0.86561 -0.22779,1.4579 l 0.0911,0.22779 0.13667,-0.0456 q -4.237,0.41002 -8.4739,0.77449 l -1.0934,-1.139 z m 19.18,4.9659 q -0.68338,0.63782 -1.6857,1.2756 -0.95673,0.63782 -1.7312,0.91118 0.41003,-0.36447 1.2756,-1.0934 0.50115,-0.45559 1.139,-1.1845 l 1.0023,0.0911 z m -4.8292,3.4169 -1.5034,0.0456 2.7335,-1.0934 q -0.31891,0.22779 -0.63782,0.50115 -0.31891,0.22779 -0.59226,0.5467 z m -24.921,-21.64 -0.13667,-4.5103 1.5946,-2.2779 q 1.0023,-0.22779 1.6401,-0.77449 0.95673,-1.0478 1.959,-2.1413 0.31891,-0.31891 1.7768,-0.45558 1.4579,-0.13668 3.9636,-0.2278 -1.0023,0.2278 -2.0501,0.50115 -1.0478,0.22779 -1.959,0.50114 -1.7768,0.63782 -3.7814,2.2324 -2.4146,1.9135 -2.5968,3.4625 z m 5.3759,22.233 q -2.688,-2.7335 -3.9636,-7.4716 -1.0023,-3.7814 -1.0023,-8.5195 0.22779,1.5946 0.68338,4.647 0.45559,3.0069 1.1845,5.0114 0.13668,0.41002 0.45559,1.2756 0.31891,0.86561 0.63782,1.3668 l 1.6401,2.1868 z m -4.9659,-16.811 v -2.8702 q 0,-0.41003 0.50115,-2.7335 0.50114,-2.3235 1.3212,-5.6493 0.27335,-0.18223 1.7768,-1.1845 1.549,-1.0478 1.5946,-1.4123 l 0.95673,0.82006 q -0.63782,0.0911 -1.8679,0.86561 -0.86561,0.54671 -1.6857,1.2301 -0.18223,0.95673 -0.50114,1.9135 -0.27335,0.95673 -0.63782,1.6857 0,0.0456 -0.31891,0.45559 -0.13668,0.22779 -0.18224,0.41003 z m 20.957,16.447 q 0.59226,0 0.86561,0.0911 -2.1412,0.45558 -4.6925,0.95673 -2.5057,0.5467 -3.6902,0.5467 -1.3668,0 -3.2802,-0.27335 -1.8679,-0.27335 -3.1891,-0.63782 l -0.72894,-1.0478 5.9682,0.7745 q 0.27335,0.0456 0.91117,-0.0456 0.68338,-0.0911 0.82005,-0.0911 0.0911,0 1.0478,0.0911 1.0023,0.0911 1.3668,0.0911 0.59226,0 2.9158,-0.31891 1.0023,-0.13668 1.6857,-0.13668 z m -21.003,-9.8407 q 0.31891,0.54671 0.59226,2.5513 0.0911,0.86561 0.27336,1.0478 l 0.50114,0.63782 -0.0456,0.18224 0.18224,0.36447 q 0.45558,0.63782 0.59226,1.7312 0.18223,1.0478 0.31891,2.0046 l 2.0501,2.2779 -2.4146,-1.8679 q -0.72894,-2.0046 -1.3668,-4.0092 -0.77449,-2.5057 -1.8679,-6.8794 l 1.1845,1.959 z m 26.06,-1.2756 q -0.68338,0 -1.9135,-0.0911 -1.1845,-0.13668 -2.5513,-0.27336 0.68338,-0.36446 3.5991,-0.50114 2.9158,-0.18223 2.9613,-0.18223 l -0.63782,0.68337 -1.4579,0.36447 z m -9.1117,-12.027 2.8702,1.0478 0.27335,1.0934 q -2.1868,-1.0023 -4.4192,-1.549 -2.2324,-0.59227 -4.4647,-0.59227 z"
+         id="path17"
+         inkscape:connector-curvature="0"
+         style="stroke-width:0.2175432" />
+      <path
+         d="m 262.61,195.81 q 0,0.77449 -0.0911,2.6424 -0.0911,1.8223 -0.0911,1.959 -1.2301,1.7768 -2.9613,3.7358 0.91118,-1.2756 1.4579,-2.1868 1.0934,-1.7312 1.0934,-2.4146 0,-2.4146 -0.0911,-4.4192 -0.31891,-6.9249 -0.31891,-7.426 0,-0.59226 -0.13668,-1.4123 -0.31891,-1.959 -0.31891,-2.4146 0,-0.72894 0.18224,-1.5946 0.18223,-0.86561 0.36447,-1.7312 0.36446,3.5536 0.63782,7.7905 0.27335,4.1914 0.27335,7.4716 z m -12.939,8.9295 h -4.0547 q -5.9682,0 -8.7472,-2.688 -2.7791,-2.688 -2.7791,-8.6561 v -5.1026 q 0,-5.6037 2.9158,-8.2917 2.9158,-2.688 8.565,-2.688 h 3.6447 q 5.7859,0 8.7928,2.5513 3.1891,2.7335 3.1891,8.4283 v 5.1026 q 0,6.1504 -2.688,8.7472 -2.688,2.5968 -8.8384,2.5968 z m 4.4192,-16.264 q 0,-3.098 -1.0934,-4.2825 -1.0934,-1.1845 -4.1914,-1.1845 h -2.4146 q -3.0069,0 -4.1003,1.1845 -1.0934,1.1845 -1.0934,4.1914 v 4.7836 q 0,3.1435 1.0478,4.4647 1.0934,1.3212 4.1458,1.3212 h 2.4146 q 3.0524,0 4.1458,-1.3212 1.139,-1.3668 1.139,-4.5103 z m -1.2301,-11.8 q 1.4123,0.45558 3.508,1.5034 1.7312,0.91117 3.4624,1.8224 0.41003,0.59226 0.68338,1.5034 0.0911,0.27335 0.22779,0.86561 l 0.27336,-2.8702 q -3.0524,-0.63782 -5.8315,-1.2301 -2.7335,-0.59226 -3.098,-0.7745 l -1.4123,-1.1845 q 0.54671,0.0911 1.139,0.18223 0.63782,0.0456 1.0478,0.18224 z m -14.67,2.0501 q -1.8679,1.2756 -2.4602,1.9135 -0.5467,0.63782 -0.82005,1.5946 1.5034,-1.549 2.8702,-2.8702 1.7312,-1.6401 3.0524,-2.5968 1.8679,-0.22779 3.8269,-0.50114 1.959,-0.27335 3.5991,-0.27335 0.50114,0 1.139,0.13667 0.63782,0.13668 1.4579,0.31891 -1.139,0.36447 -2.2779,0.50115 -1.139,0.0911 -2.7791,0.0911 -0.86561,0 -2.4146,-0.0456 -1.5034,-0.0456 -2.1413,-0.0456 -0.41002,0 -1.549,0.72894 -0.77449,0.5467 -1.5034,1.0478 z m 17.221,25.832 q 1.0934,-0.50115 2.4146,-1.2301 1.5946,-0.86562 2.2779,-1.2756 l -6.3782,4.1458 -2.369,-1.3212 q 0.59227,-0.13668 2.1868,-0.18224 1.6401,-0.0455 1.8679,-0.13667 z m -3.7358,1.6401 q -0.68338,-0.13668 -1.4579,-0.27335 -0.72894,-0.0911 -1.139,-0.0911 l -0.27335,0.0911 q -0.22779,-0.0911 -0.68338,-0.27335 -0.45558,-0.13668 -0.82005,-0.36447 z m -18.315,-24.055 q 1.5946,-1.139 3.1891,-2.5057 1.9135,-1.5946 3.0069,-2.8246 -0.82006,0.2278 -1.549,0.45559 -0.72893,0.22779 -0.77449,0.27335 -1.959,1.6857 -2.8246,3.3713 -0.86562,1.6401 -0.86562,4.1003 0,0.45559 0.18224,1.4579 0.18223,1.0023 0.18223,1.5034 l -0.13668,9.5673 q -0.13667,-1.2756 -0.36446,-2.9613 -0.45559,-3.3713 -0.45559,-5.0114 0,-3.7358 0.41003,-7.426 z m 4.4647,21.549 q 3.3713,1.7312 6.9705,2.0501 0.86561,0.0911 1.6401,0.18224 0.7745,0.0911 1.1845,0.27335 -1.6857,-0.68338 -4.2825,-1.2756 -6.4693,-1.4123 -7.3805,-1.7312 -0.54671,-0.63782 -1.139,-2.0957 -0.59226,-1.4579 -1.2756,-4.0547 0.72894,1.4123 2.0501,3.5991 1.7312,2.7791 2.2324,3.0524 z m 14.989,-13.622 0.45558,0.86561 -0.0911,6.1048 -0.59226,-1.5034 q 0.27335,-2.0046 0.27335,-3.9636 l -0.0456,-1.5034 z m -0.31891,-4.647 q 0.59226,0.45558 0.82005,1.4123 0.2278,0.95674 0.2278,2.0046 l -0.13668,1.2301 z m -10.023,0.77449 q 0,0.68338 0.13667,2.0501 0.13668,1.3668 0.13668,2.0957 v 2.1868 q 0,1.3212 0.22779,2.1412 0.41003,1.0934 0.68338,2.0046 0.18223,-0.0456 0.82006,0.68338 0.63782,0.68338 0.82005,1.0023 l -1.1845,-0.36447 q -1.5946,-1.7768 -2.0501,-3.4624 -0.41003,-1.7312 -0.41003,-4.647 v -1.4579 q 0,-1.2756 0.27335,-2.3235 0.31891,-1.0934 1.1845,-1.8224 z m 9.5673,-2.3235 q -0.36447,0.41002 -1.2301,0.72893 -0.82005,0.27336 -1.5034,0.27336 h -3.508 l -1.5034,-1.0934 7.745,0.0911 z m -4.7836,13.986 q 0.59226,-0.0911 1.2756,-0.2278 0.68338,-0.13667 1.0934,-0.13667 l 2.4146,0.13667 -3.3258,0.72894 z"
+         id="path19"
+         inkscape:connector-curvature="0"
+         style="stroke-width:0.2175432" />
+      <path
+         d="m 287.51,205.02 q -0.82006,0 -1.6401,0 -0.68338,-0.13668 -1.0023,-0.18224 l -11.891,-20.274 v 20.866 h -7.1071 v -29.431 q 3.0524,-0.36447 5.7859,-0.36447 2.4602,0 5.1481,0.36447 2.1412,5.057 4.8292,10.023 2.4146,4.4192 5.7404,9.5673 0,-3.2802 -0.0911,-5.8771 -0.31891,-9.1573 -0.31891,-9.7951 0,-2.7335 0.0455,-3.1436 0.0456,-0.45558 0.36447,-2.0046 h 7.0616 v 29.75 q -0.95673,0.13668 -2.9158,0.31891 -1.9135,0.18224 -4.0092,0.18224 z m -10.114,-31.39 q 0.0911,0.22779 0.31891,0.63782 0.22779,0.41003 0.31891,0.7745 l -0.0456,-0.18224 q 0.2278,0.45559 0.72894,1.4579 0.45559,1.2301 0.91117,2.4146 l -1.2301,-0.45558 q -0.0911,-1.0934 -0.36447,-2.0957 -0.22779,-1.0023 -0.63782,-2.5513 z m 18.725,1.3668 v 1.959 q 0,2.6424 -0.27335,4.647 -0.27335,1.959 -1.139,3.2347 0.31891,-2.6424 0.45558,-5.1026 0.18224,-2.4602 0.18224,-4.7381 z m -0.95673,30.752 0.0456,-19.772 q 0,3.2802 0.31891,9.8407 0.31891,6.5605 0.31891,9.8407 l -2.2779,0.59226 q -1.4123,0 -3.1891,-0.2278 -1.7768,-0.22779 -3.4169,-0.41002 l 8.2005,0.13667 z m -8.4283,-12.665 q -2.0046,-3.4624 -4.0092,-6.9705 -3.0524,-5.5126 -3.0524,-6.8338 2.4146,3.918 3.7358,6.1504 2.4602,4.1914 2.4602,6.3782 0,0.31891 -0.0911,0.68338 -0.0911,0.36447 -0.18223,0.72894 l 1.139,-0.13668 z m -14.533,-18.406 q -2.5057,0.27335 -5.2848,0.7745 l -1.3212,-1.2301 z m 3.8269,-0.22779 1.0023,0.5467 -3.3713,-0.27335 z m 5.1026,24.966 q 2.1868,3.4169 4.5103,6.3782 l 4.5103,0.27335 -4.6014,0.72894 q -0.18223,-0.27335 -0.7745,-0.7745 -0.5467,-0.45558 -0.77449,-0.91117 -1.549,-2.8246 -3.0524,-5.6948 -1.7312,-3.1891 -3.3258,-5.7404 -1.959,-3.098 -3.6902,-5.1481 l 1.0934,-0.22779 q 0.27336,2.4602 2.5057,5.9682 1.7768,2.5968 3.5991,5.1481 z m -15.9,5.6493 q -0.27336,-1.7768 -0.59227,-3.8269 -0.27335,-2.0501 -0.27335,-3.4624 0,-2.4602 0.63782,-12.392 0.27335,-4.237 0.27335,-7.426 0,-0.82006 -0.0911,-1.4123 -0.0911,-0.59224 -0.31891,-2.0957 -0.13668,0.63782 -0.2278,1.2301 -0.0911,0.5467 -0.0911,1.2301 0,2.3235 0.18223,8.2006 0.18224,5.8771 0.31891,10.342 0.18224,4.4647 0.18224,9.6129 z m 7.6083,0.59227 q 0.41003,-2.6424 0.50115,-4.3736 0.13667,-1.7768 0.13667,-4.8748 -0.0456,-2.3235 -0.0911,-4.647 -0.0455,-2.369 -0.0455,-4.6925 0.63782,3.6902 0.68337,4.1003 0.0911,0.36447 0.31891,2.2324 0.2278,0.2278 0.27336,1.3212 0.0455,1.0478 0.0455,1.9135 l 0.18224,-0.18223 q -0.18224,0.5467 -0.36447,1.0934 -0.45559,1.4123 -1.0023,1.4123 -0.41003,0 -0.59226,-0.31891 -0.13668,-0.36447 -0.13668,-0.77449 v -0.2278 h 1.2756 l 0.0456,8.155 -1.2301,-0.13667 z m -8.4283,-28.747 q 0,1.2756 -0.41003,12.848 -0.13667,3.8725 -0.13667,7.6994 h 0.45558 q 0,-5.1481 -0.22779,-11.162 -0.22779,-6.0137 -0.68338,-10.57 l 1.2301,-1.0934 q -0.22779,1.2756 -0.22779,2.2779 z m 0.68338,29.613 0.18223,-0.95673 h 0.50115 q 1.7312,0 3.7814,0.22779 2.0957,0.22779 3.7814,0.59226 z m 29.294,-33.076 1.6401,0.59226 -0.59226,0.63782 q -0.86562,-0.0911 -1.7768,-0.18224 -0.91117,-0.0911 -1.6857,-0.0911 h -2.2324 l -2.7335,0.0911 q 1.0023,-0.59226 2.0046,-0.82005 1.0478,-0.22779 2.2324,-0.22779 z"
+         id="path21"
+         inkscape:connector-curvature="0"
+         style="stroke-width:0.2175432" />
+      <path
+         d="m 314.06,205.29 h -3.1891 q -6.4693,0 -9.4306,-4.2825 -2.5513,-3.6902 -2.5513,-10.478 0,-7.5627 1.8223,-10.752 2.4602,-4.2825 9.294,-4.2825 h 4.6014 q 4.8748,0 7.9728,2.2324 3.508,2.5057 3.508,7.1982 h -7.426 q -0.31891,-1.9135 -2.1868,-2.5968 -1.2756,-0.45558 -3.6902,-0.45558 H 311.6 q -3.2347,0 -4.3281,1.7312 -0.82006,1.3212 -0.82006,4.7837 v 3.5536 q 0,4.5103 1.3212,5.7404 1.3212,1.1845 5.8771,1.1845 3.5991,0 4.4192,-1.0478 0.68337,-0.86562 0.68337,-4.5559 h -5.1937 v -5.6948 q 1.4123,0 4.2825,0.18224 2.8702,0.13667 3.918,0.13667 2.2779,0 4.3281,-0.31891 v 7.4716 q 0,5.6493 -3.2802,8.1094 -2.8702,2.1413 -8.7472,2.1413 z m 10.114,-29.203 2.0501,2.8246 q 0.27336,0.86561 0.54671,3.2802 0.13667,1.3212 0.36447,3.3713 0.0456,-0.18223 -0.45559,-0.45558 -0.50114,-0.27335 -0.50114,-0.41003 0,-0.0911 0.0911,-0.59226 0.13668,-0.50115 0.13668,-0.7745 0,-0.77449 -0.86561,-2.5968 -0.86562,-1.8679 -1.4579,-2.2324 0.22779,-0.59226 0.59226,-0.95673 -0.18223,-0.13667 -0.63782,-0.27335 -0.41003,-0.13668 -0.59226,-0.22779 l 0.72894,-0.95673 z m -3.098,-0.31891 -3.4169,-0.82006 q -0.95673,0.0456 -1.9135,0.0911 -0.95673,0.0456 -1.9135,0.0456 -0.31891,0 -0.63782,0 -0.27336,0 -0.59227,-0.0456 l -7.016,-0.63782 12.848,0.22779 2.6424,1.139 z m 2.2779,0.45558 v 0.27335 l -1.7768,-0.31891 1.7768,0.0456 z m 3.9636,14.305 -0.13667,0.7745 q -0.18224,0.91117 -0.31891,2.5057 -0.13668,1.549 -0.27336,2.7791 v -0.36446 q 0,-1.1845 0.0911,-3.1436 0.13668,-2.0046 0.13668,-2.4146 0,-0.68338 -0.0911,-1.2301 -0.0911,-0.5467 -0.13668,-0.86561 0.13668,0.41003 0.31891,0.95673 0.2278,0.54671 0.41003,1.0023 z m -16.037,-7.6538 h 1.6401 q 1.549,0.63782 3.2802,1.3212 1.7312,0.63782 3.0069,0.86561 l 4.7836,0.18223 2.369,0.0911 -1.0934,0.63782 q -1.7768,-0.13667 -3.8269,-0.27335 -2.0501,-0.18223 -3.098,-0.50114 -0.18224,-0.0456 -1.8224,-1.2301 -1.6401,-1.1845 -1.9135,-1.2756 l -3.1435,-0.27333 z m -8.0639,-6.9249 q -0.68338,0.5467 -2.0501,1.959 -1.0023,1.0478 -2.0046,2.0501 1.139,-2.0957 2.2779,-4.237 l 3.8269,-0.68338 z m 8.9295,17.449 q 0,-1.0934 0.0911,-3.6902 0.0911,-2.6424 0.0911,-2.8246 l 0.72894,0.18224 -0.0456,0.86561 q 0,0.86561 0.0456,2.5968 0.0456,1.73119 0.0456,2.6424 l 3.6447,1.2756 1.4579,2.688 -0.27335,-2.5513 q -0.0456,-0.45559 -1.0023,-0.59227 -0.91117,-0.18223 -2.4146,-0.18223 -0.54671,0 -1.0023,0.0456 -0.41003,0 -0.72894,0 -0.63782,0 -0.63782,-0.45559 z m 11.207,11.162 q 0.63782,0 0.91118,-0.59226 0.68337,-1.5946 1.139,-3.1891 0.45559,-1.6401 0.68338,-3.3258 l 1.139,0.45558 -0.36446,-0.86561 q -0.13668,0.31891 -0.36447,1.0023 -0.18224,0.68338 -0.41003,1.4579 -0.86561,2.5968 -1.0478,2.8702 -0.41003,0.68338 -2.369,2.2779 -0.18223,0.18223 -0.63782,0.27335 -0.41002,0.0911 -0.77449,0.0911 l 1.139,-0.63783 q 0.54671,0.18224 0.95673,0.18224 z m -15.718,-10.433 q 0,-0.22779 -0.0911,-3.4169 -0.0911,-3.1891 -0.0911,-4.5103 v -0.5467 q 0,-0.91117 0.18224,-1.2301 0.22779,-0.31891 0.5467,-0.31891 0.31891,0 0.59226,0.41003 0.0911,0.13667 0.0911,0.31891 0,1.0934 -0.7745,4.4647 -1.0934,4.8292 -1.139,4.9659 l 1.6401,3.2802 -0.0911,0.0456 q -0.0911,-0.31891 -0.0911,-1.139 0,-0.82006 -0.0911,-1.0478 -0.0456,-0.22779 -0.50115,-0.86561 -0.18223,-0.2278 -0.18223,-0.41003 z m 1.0934,12.073 q 2.0501,0 6.1049,-0.36447 4.0547,-0.36447 6.0593,-0.36447 l -1.139,0.82006 q -0.63782,-0.36447 -1.0478,-0.45559 -0.36447,-0.0911 -1.5946,-0.27335 -0.50115,-0.0456 -2.9613,0.50114 -2.4602,0.54671 -3.0069,0.82006 z m -10.433,-11.071 q -0.31891,0.0911 -0.50114,0.45559 l 1.0478,1.1845 q -0.68338,-1.4123 -0.86562,-2.5057 -0.13667,-1.139 -0.13667,-3.0069 v -2.4146 q 0,-0.59226 0.31891,-3.0069 0.13667,-1.0478 0.13667,-1.7312 0,-0.13668 -0.27335,-0.50115 -0.27335,-0.36446 -0.27335,-0.59226 0,-0.50114 2.8246,-4.6925 2.688,-3.9636 2.9613,-4.1914 l 1.8224,-0.82006 q -1.2756,1.0934 -4.4192,5.6493 -3.1435,4.5103 -3.1435,5.467 l -0.0456,3.9636 q 0,1.3212 0.13668,3.918 0.18223,2.5968 0.41002,2.8246 z m -1.6857,-5.9226 q 0.27335,2.3235 0.68338,4.4192 0.41002,2.0501 0.63782,2.4146 l -0.2278,0.59226 q 2.4602,2.5968 4.8292,4.6014 3.098,2.6424 5.9226,4.0547 3.4169,1.7312 6.3782,1.7312 l 4.1914,-0.27335 q -1.139,-0.18223 -5.9682,-0.45558 -4.8292,-0.27336 -7.6538,-1.3668 -0.18224,-0.0911 -1.9135,-1.6857 -1.3212,-1.2301 -1.8679,-1.7768 -1.7768,-1.7768 -2.2779,-2.369 -1.4123,-1.6401 -1.5946,-2.7335 -0.13667,-1.0934 -0.13667,-2.0501 0,-0.86561 0.13667,-2.6424 0.13668,-1.7768 0.13668,-2.5968 z m 12.756,8.6561 8.2006,-0.0911 -0.82005,0.50114 -6.4693,0.0456 -0.91118,-0.45558 z m 4.6014,-10.843 10.57,0.31891 q -1.0023,0 -2.2324,0.0456 -1.1845,0 -2.6424,0 h -0.95673 q -1.139,0 -2.5968,-0.0456 -1.4579,-0.0456 -2.1413,-0.31891 z"
+         id="path23"
+         inkscape:connector-curvature="0"
+         style="stroke-width:0.2175432" />
+      <path
+         d="m 345.75,204.47 -1.6401,-6.3782 h -8.1094 l -1.7312,6.3782 h -5.8771 l 7.0616,-26.515 h 9.1117 l 7.0616,26.515 z m -5.7404,-21.504 -2.9158,10.752 h 5.8315 z m -2.1413,-6.3326 q 0.18224,0 1.3212,0.13667 1.139,0.0911 1.7768,0.0911 0.59226,0 1.139,0 0.59226,-0.0456 1.1845,-0.0456 h 0.82005 l -0.0456,0.63782 q -0.18223,0 -2.9613,0.0911 -2.7335,0.0911 -3.9636,0.0911 h -2.5513 q 0.45559,-0.13668 0.91117,-0.36447 0.68338,-0.36447 0.72894,-0.59226 0.27335,-0.0456 0.68338,-0.0456 0.41003,0 0.95673,0 z m 7.0616,0.63782 1.139,0.5467 q 0.59226,2.8246 0.86561,4.237 0.54671,2.5513 1.0934,4.237 -1.0934,-2.6424 -1.7312,-4.4647 -0.86561,-2.4602 -1.3668,-4.5559 z m 5.7404,22.688 -0.18224,0.41003 q -0.0456,-0.59226 -0.0911,-1.2301 0,-4.2825 -1.0934,-7.4716 -0.45559,-1.3212 -1.8679,-4.647 l 0.95673,-0.36447 q 0.59226,3.5536 1.0478,5.467 0.22779,1.0023 2.2779,8.8839 l -1.0478,-1.0478 z m 1.0478,1.7312 q 0.36446,0.95673 0.95673,1.8223 0.95673,1.4123 1.0934,1.5946 l -1.0478,-0.18223 q -0.13667,-0.36447 -0.45558,-1.0478 -0.27335,-0.68338 -0.36447,-1.0934 -0.0911,-0.45558 -0.18223,-1.0934 z m -17.631,-22.962 0.68338,-0.36446 q -1.0023,3.5536 -2.1413,7.5172 -1.2756,4.4192 -2.2324,7.5172 -0.41003,1.3212 -2.369,7.5627 1.3212,-5.6037 2.8702,-11.162 0.45558,-1.6857 3.1891,-11.071 z m 6.2871,19.454 q 0.86562,0 1.959,0.18223 0.36447,0.0456 1.139,0.18223 l -0.18223,-0.45558 q -2.9158,0 -4.2825,0.50114 -0.31891,0.13668 -2.7791,1.1845 l 0.54671,-1.4579 z m -13.394,6.2415 q 0.86561,-1.0934 2.369,-7.0616 0.95673,-3.9636 1.9135,-7.9728 l -3.4625,15.809 z m 6.1048,-24.647 0.27335,-0.18223 q -0.7745,2.9158 -1.7312,6.196 -0.91117,3.2802 -2.0046,6.7427 0.68337,-3.2347 1.4123,-6.4693 1.0023,-4.0547 2.0501,-6.2871 z m 10.387,20 q 0.36447,-0.0456 1.0023,2.5513 0.68338,2.5968 1.0478,2.5968 0.86561,0 1.8223,0 0.95669,0 2.0046,-0.0456 1.3212,0 2.0957,0.0456 0.82006,0.0456 1.5946,0.27335 -0.50114,0.31891 -1.6857,0.41003 -1.139,0.0911 -2.0046,0.0911 l -5.1026,-0.13667 q -0.13668,0.0456 -0.18224,-0.13668 0,-0.18223 0,-0.63782 v -0.68338 q 0,-0.63782 -0.18223,-1.7768 -0.18224,-1.1845 -0.41003,-2.5513 z m -7.745,0.77449 q 0.18223,0.59226 0.18223,1.4579 0,0.5467 -0.0456,1.1845 -0.0455,0.63782 -0.0455,0.68338 l 0.13667,1.4123 h -1.8679 q -1.139,0 -3.7814,-0.0911 -2.6424,-0.0911 -2.8246,-0.0911 4.237,0 7.6538,-0.36447 0.13667,-0.45558 0.18223,-1.2301 0.0456,-0.77449 0.0456,-0.86561 0.18223,-0.0911 0.27335,-1.0023 0.0911,-0.95673 0.0911,-1.0934 z m 6.0137,-11.982 -1.2301,-2.5057 1.0934,4.237 z m 0.54671,4.5559 -0.54671,0.22779 -0.0456,-0.86561 v -0.27335 l 0.0456,-0.50115 z m -2.2779,-8.7017 -1.9135,8.7017 3.0524,-0.0456 0.0911,0.41003 h -3.6447 l 2.4146,-9.0662 z"
+         id="path25"
+         inkscape:connector-curvature="0"
+         style="stroke-width:0.2175432" />
+    </g>
+  </g>
+</svg>
--- a/src/images/logo_text-data.svg
+++ b/src/images/logo_text-data.svg
--- a/src/index.js
+++ b/src/index.js
@ -1,14 +1,20 @@
-import './main.scss';
-
+import migrate from './js/migration';
 import setupListeners from './js/setupListeners';
 import { renderAll } from './js/render';
-import { hasToken } from './js/utilities';
+import { hasToken, addMessage } from './js/utilities';
 import { loadDictionary } from './js/dictionaryManagement';
 import { loadSettings } from './js/settings';
+import { setupAds } from './js/ads';

 function initialize() {
-  loadDictionary();
+  if (window.isOffline) {
+    addMessage('<strong>You are using the Offline version of Lexiconga.</strong><br>Refresh the page while connected to the internet to enable using accounts.', 0);
+  }
+
+  migrate();
+
  loadSettings();
+  loadDictionary();
  setupListeners();

  if (hasToken()) {
@ -16,13 +22,12 @@ function initialize() {
      account.loginWithToken();
    });
  }
-  
+
+  setupAds();
  renderAll();
 }

 window.onload = (function (oldLoad) {
-  return function () {
-    oldLoad && oldLoad();
-    initialize();
-  }
+  oldLoad && oldLoad();
+  initialize();
 })(window.onload);
--- a/src/js/KeyboardFire/phondue/usage.html
+++ b/src/js/KeyboardFire/phondue/usage.html
@ -9,17 +9,17 @@ that allow you to type any IPA symbol with only a standard keyboard.</p>
 <li>
 <p>Many symbols that look similar to letters of the English alphabet (such as
 small caps) can be produced by doubling the capital letter:</p>
-<pre><code>  GG -&gt; ɢ   ?? -&gt; ʔ   NN -&gt; ɴ   BB -&gt; ʙ   RR -&gt; ʀ   XX -&gt; χ
-  LL -&gt; ʟ   II -&gt; ɪ   YY -&gt; ʏ   UU -&gt; ʊ   EE -&gt; ɛ   OO -&gt; ɞ
-  AA -&gt; ɑ   '' -&gt; ˈ   ,, -&gt; ˌ   :: -&gt; ː
+<pre><code>  GG &rarr; ɢ   ?? &rarr; ʔ   NN &rarr; ɴ   BB &rarr; ʙ   RR &rarr; ʀ   XX &rarr; χ
+  LL &rarr; ʟ   II &rarr; ɪ   YY &rarr; ʏ   UU &rarr; ʊ   EE &rarr; ɛ   OO &rarr; ɞ
+  AA &rarr; ɑ   '' &rarr; ˈ   ,, &rarr; ˌ   :: &rarr; ː
 </code></pre>
 </li>
 <li>
 <p>The slash is used to &quot;reflect,&quot; &quot;rotate,&quot; or otherwise flip around a given
 symbol:</p>
-<pre><code>  ʀ/ -&gt; ʁ   ʔ/ -&gt; ʕ   ?/ -&gt; ʕ   r/ -&gt; ɹ   y/ -&gt; ʎ   m/ -&gt; ɯ
-  o/ -&gt; ø   e/ -&gt; ə   ɛ/ -&gt; ɜ   c/ -&gt; ɔ   a/ -&gt; ɐ   ɑ/ -&gt; ɒ
-  w/ -&gt; ʍ   h/ -&gt; ɥ   k/ -&gt; ʞ   !/ -&gt; ¡   v/ -&gt; ʌ
+<pre><code>  ʀ/ &rarr; ʁ   ʔ/ &rarr; ʕ   ?/ &rarr; ʕ   r/ &rarr; ɹ   y/ &rarr; ʎ   m/ &rarr; ɯ
+  o/ &rarr; ø   e/ &rarr; ə   ɛ/ &rarr; ɜ   c/ &rarr; ɔ   a/ &rarr; ɐ   ɑ/ &rarr; ɒ
+  w/ &rarr; ʍ   h/ &rarr; ɥ   k/ &rarr; ʞ   !/ &rarr; ¡   v/ &rarr; ʌ
 </code></pre>
 <p>Also note that for any digraph, if either of the two characters that
 compose it are not &quot;standard&quot; letters you can find on your keyboard, the
@ -35,26 +35,26 @@ visual <code>o|</code> and <code>|o</code>.</p>
 characters, or two characters next to each other. This includes &quot;hooked&quot;
 letters (such as ŋ), produced with the original letter and a comma, and
 &quot;stroked&quot; letters (such as ɟ), produced with the original letter and a dash:</p>
-<pre><code>  m, -&gt; ɱ   n, -&gt; ŋ   ŋ, -&gt; ɲ   v, -&gt; ⱱ   c, -&gt; ç   j, -&gt; ʝ
-  x, -&gt; ɣ   ɣ, -&gt; χ   h, -&gt; ɦ   w, -&gt; ɰ
+<pre><code>  m, &rarr; ɱ   n, &rarr; ŋ   ŋ, &rarr; ɲ   v, &rarr; ⱱ   c, &rarr; ç   j, &rarr; ʝ
+  x, &rarr; ɣ   ɣ, &rarr; χ   h, &rarr; ɦ   w, &rarr; ɰ

-  j- -&gt; ɟ   h- -&gt; ħ   l- -&gt; ɬ   i- -&gt; ɨ   u- -&gt; ʉ   e- -&gt; ɘ
-  o- -&gt; ɵ   ʕ- -&gt; ʢ   ?- -&gt; ʡ   ʔ- -&gt; ʡ
+  j- &rarr; ɟ   h- &rarr; ħ   l- &rarr; ɬ   i- &rarr; ɨ   u- &rarr; ʉ   e- &rarr; ɘ
+  o- &rarr; ɵ   ʕ- &rarr; ʢ   ?- &rarr; ʡ   ʔ- &rarr; ʡ

-  LZ -&gt; ɮ   OX -&gt; ɤ   XO -&gt; ɤ   OE -&gt; œ   EB -&gt; ɞ   AE -&gt; æ
-  CE -&gt; ɶ   RL -&gt; ɺ   LR -&gt; ɺ   ɾl -&gt; ɺ   lɾ -&gt; ɺ
+  LZ &rarr; ɮ   OX &rarr; ɤ   XO &rarr; ɤ   OE &rarr; œ   EB &rarr; ɞ   AE &rarr; æ
+  CE &rarr; ɶ   RL &rarr; ɺ   LR &rarr; ɺ   ɾl &rarr; ɺ   lɾ &rarr; ɺ

-  w| -&gt; ɰ   o/ -&gt; ø   ɜ( -&gt; ɞ   /\ -&gt; ʌ   o| -&gt; ɑ   a| -&gt; ɑ
-  |o -&gt; ɒ   |a -&gt; ɒ
+  w| &rarr; ɰ   o/ &rarr; ø   ɜ( &rarr; ɞ   /\ &rarr; ʌ   o| &rarr; ɑ   a| &rarr; ɑ
+  |o &rarr; ɒ   |a &rarr; ɒ

-  o. -&gt; ʘ   |= -&gt; ǂ   || -&gt; ‖   /^ -&gt; ↗   /&gt; -&gt; ↗   \v -&gt; ↘
-  \&gt; -&gt; ↘
+  o. &rarr; ʘ   |= &rarr; ǂ   || &rarr; ‖   /^ &rarr; ↗   /&gt; &rarr; ↗   \v &rarr; ↘
+  \&gt; &rarr; ↘
 </code></pre>
 </li>
 <li>
 <p>Others are based on pronunciation:</p>
-<pre><code>  PH -&gt; ɸ   BH -&gt; β   TH -&gt; θ   DH -&gt; ð   SH -&gt; ʃ   ZH -&gt; ʒ
-  SJ -&gt; ɕ   ZJ -&gt; ʑ   ʃx -&gt; ɧ   xʃ -&gt; ɧ
+<pre><code>  PH &rarr; ɸ   BH &rarr; β   TH &rarr; θ   DH &rarr; ð   SH &rarr; ʃ   ZH &rarr; ʒ
+  SJ &rarr; ɕ   ZJ &rarr; ʑ   ʃx &rarr; ɧ   xʃ &rarr; ɧ
 </code></pre>
 <p>It may be worth noting at this point that digraphs of two lowercase letters
 were intentionally avoided to prevent interference with regular typing. If
@ -66,7 +66,7 @@ to the second character.</p>
 </li>
 <li>
 <p>A few digraphs are based on shape:</p>
-<pre><code>  rO -&gt; ɾ   r0 -&gt; ɾ   vO -&gt; ʋ   v0 -&gt; ʋ
+<pre><code>  rO &rarr; ɾ   r0 &rarr; ɾ   vO &rarr; ʋ   v0 &rarr; ʋ
 </code></pre>
 <p>Another related point: digraphs that contain a lowercase letter can also be
 typed with that letter as uppercase. So, if <code>RO</code> is easier to type than
@ -75,35 +75,35 @@ typed with that letter as uppercase. So, if <code>RO</code> is easier to type th
 <li>
 <p>Retroflex and nonpulmonic symbols have their own categories:</p>
 <pre><code>  retroflex: ) looks like the shape of the tongue
-  t) -&gt; ʈ   d) -&gt; ɖ   n) -&gt; ɳ   r) -&gt; ɽ   ɾ) -&gt; ɽ   s) -&gt; ʂ
-  z) -&gt; ʐ   ɹ) -&gt; ɻ   l) -&gt; ɭ   ɗ) -&gt; ᶑ
+  t) &rarr; ʈ   d) &rarr; ɖ   n) &rarr; ɳ   r) &rarr; ɽ   ɾ) &rarr; ɽ   s) &rarr; ʂ
+  z) &rarr; ʐ   ɹ) &rarr; ɻ   l) &rarr; ɭ   ɗ) &rarr; ᶑ

  clicks: clicking noise reminiscent of a *
-  o* -&gt; ʘ   |* -&gt; ǀ   !* -&gt; ǃ   =* -&gt; ǁ
+  o* &rarr; ʘ   |* &rarr; ǀ   !* &rarr; ǃ   =* &rarr; ǁ

  implosives and ejective marker: direction of airflow
-  b( -&gt; ɓ   d( -&gt; ɗ   j( -&gt; ʄ   ɟ( -&gt; ʄ   g( -&gt; ɠ   ɢ( -&gt; ʛ
-  ɖ( -&gt; ᶑ   ') -&gt; ʼ
+  b( &rarr; ɓ   d( &rarr; ɗ   j( &rarr; ʄ   ɟ( &rarr; ʄ   g( &rarr; ɠ   ɢ( &rarr; ʛ
+  ɖ( &rarr; ᶑ   ') &rarr; ʼ
 </code></pre>
 </li>
 <li>
 <p>Superscripts and diacritics that go above the letter use <code>^</code>, diacritics that
 go below use <code>_</code>, and miscellaneous &quot;moved&quot; symbols
 use <code>&lt;</code> or <code>&gt;</code>:</p>
-<pre><code>  ^h -&gt; ʰ   ^n -&gt; ⁿ   ^m -&gt; ᵐ   ^ŋ -&gt; ᵑ   ^l -&gt; ˡ   ^w -&gt; ʷ
-  ^j -&gt; ʲ   ^ɥ -&gt; ᶣ   ^ʋ -&gt; ᶹ   ^ɣ -&gt; ˠ   ^ʕ -&gt; ˤ
+<pre><code>  ^h &rarr; ʰ   ^n &rarr; ⁿ   ^m &rarr; ᵐ   ^ŋ &rarr; ᵑ   ^l &rarr; ˡ   ^w &rarr; ʷ
+  ^j &rarr; ʲ   ^ɥ &rarr; ᶣ   ^ʋ &rarr; ᶹ   ^ɣ &rarr; ˠ   ^ʕ &rarr; ˤ

-  _| -&gt; ◌̩   ^| -&gt; ◌̍   _o -&gt; ◌̥   ^o -&gt; ◌̊   _v -&gt; ◌̬   ^v -&gt; ◌̌
+  _| &rarr; ◌̩   ^| &rarr; ◌̍   _o &rarr; ◌̥   ^o &rarr; ◌̊   _v &rarr; ◌̬   ^v &rarr; ◌̌

-  _^ -&gt; ◌̯   _: -&gt; ◌̤   _~ -&gt; ◌̰   _[ -&gt; ◌̪   _] -&gt; ◌̺   _{ -&gt; ◌̼
-  _+ -&gt; ◌̟   __ -&gt; ◌̠   _) -&gt; ◌̹   _( -&gt; ◌̜   _# -&gt; ◌̻   [] -&gt; ◌̻
+  _^ &rarr; ◌̯   _: &rarr; ◌̤   _~ &rarr; ◌̰   _[ &rarr; ◌̪   _] &rarr; ◌̺   _{ &rarr; ◌̼
+  _+ &rarr; ◌̟   __ &rarr; ◌̠   _) &rarr; ◌̹   _( &rarr; ◌̜   _# &rarr; ◌̻   [] &rarr; ◌̻

-  ^&gt; -&gt; ◌̚   ^: -&gt; ◌̈   ^x -&gt; ◌̽   ^~ -&gt; ◌̃
+  ^&gt; &rarr; ◌̚   ^: &rarr; ◌̈   ^x &rarr; ◌̽   ^~ &rarr; ◌̃

-  -' -&gt; ˔   _˔ -&gt; ◌̝   -, -&gt; ˕   _˕ -&gt; ◌̞   &lt;| -&gt; ⊣   _⊣ -&gt; ◌̘
-  &gt;| -&gt; ⊢   _⊢ -&gt; ◌̙
+  -' &rarr; ˔   _˔ &rarr; ◌̝   -, &rarr; ˕   _˕ &rarr; ◌̞   &lt;| &rarr; ⊣   _⊣ &rarr; ◌̘
+  &gt;| &rarr; ⊢   _⊢ &rarr; ◌̙

-  ~~ -&gt; ◌̴   &gt;r -&gt; ˞
+  ~~ &rarr; ◌̴   &gt;r &rarr; ˞
 </code></pre>
 <p>Note that all of these sequences can be flipped in order—that is, <code>^h</code>
 produces the same thing as <code>h^</code>. This allows usage such as <code>|&lt;_</code> to produce
@ -111,16 +111,16 @@ produces the same thing as <code>h^</code>. This allows usage such as <code>|&lt
 </li>
 <li>
 <p>Tonal countours use numbers plus <code>|</code>:</p>
-<pre><code>  5| -&gt; ˥   4| -&gt; ˦   3| -&gt; ˧   2| -&gt; ˨   1| -&gt; ˩
-  +| -&gt; ꜛ   -| -&gt; ꜜ
+<pre><code>  5| &rarr; ˥   4| &rarr; ˦   3| &rarr; ˧   2| &rarr; ˨   1| &rarr; ˩
+  +| &rarr; ꜛ   -| &rarr; ꜜ
 </code></pre>
 </li>
 <li>
 <p>Finally, some digraphs simply have unique mnemonics:</p>
-<pre><code>  ː-  -&gt; ˑ   &quot;chop off&quot; the bottom triangle
-  ((  -&gt; ◌͡◌  two parens for a tie that connects 2 chars
-  ))  -&gt; ◌͜◌
-  ◌͜◌) -&gt; ‿   one more paren to make it a little bit longer
+<pre><code>  ː-  &rarr; ˑ   &quot;chop off&quot; the bottom triangle
+  ((  &rarr; ◌͡◌  two parens for a tie that connects 2 chars
+  ))  &rarr; ◌͜◌
+  ◌͜◌) &rarr; ‿   one more paren to make it a little bit longer
 </code></pre>
 </li>
 </ul>
--- a/src/js/account/helpers.js
+++ b/src/js/account/helpers.js
@ -8,7 +8,6 @@ export function request (data = {}, success = () => {}, error = () => {}/* , fai
    credentials: 'same-origin',
  }).then(res => res.json())
    .then(response => {
-      console.log('Success:', JSON.stringify(response));
      if (response.error) {
        return error(response.data);
      }
--- a/src/js/account/login.js
+++ b/src/js/account/login.js
@ -30,9 +30,9 @@ export function logIn() {
      saveToken(successData.token);
      window.account = successData.user;
    }, errorData => {
-      errorHTML += errorData;
+      errorHTML += '<p class="bold red">' + errorData + '</p>';
    }).then(() => {
-      createAccountErrorMessages.innerHTML = errorHTML;
+      loginErrorMessages.innerHTML = errorHTML;
      if (errorHTML === '') {
        const loginModal = document.getElementById('loginModal');
        loginModal.parentElement.removeChild(loginModal);
@ -79,7 +79,6 @@ export function createAccount() {
    }).then(() => {
      createAccountErrorMessages.innerHTML = errorHTML;
      if (errorHTML === '') {
-        console.log('creating account');
        request({
          action: 'create-account',
          email,
@ -94,12 +93,9 @@ export function createAccount() {
          if (responseData.hasOwnProperty('dictionary')) {
            uploadWholeDictionary(); // Saves external id
          }
-          return responseData;
        }, errorData => {
-          errorHTML += `<p class="bold red">${errorData}</p>`;        
-          return errorData;
-        }).then(responseData => {
-          console.log(responseData);
+          errorHTML += `<p class="bold red">${errorData}</p>`;
+        }).then(() => {
          createAccountErrorMessages.innerHTML = errorHTML;
          if (errorHTML === '') {
            const loginModal = document.getElementById('loginModal');
--- a/src/js/account/passwordReset.js
+++ b/src/js/account/passwordReset.js
@ -0,0 +1,113 @@
+import { request } from "./helpers";
+
+export function renderForgotPasswordForm() {
+  const modal = document.createElement('section');
+  modal.classList.add('modal');
+  modal.innerHTML = `<div class="modal-background"></div>
+  <div class="modal-content">
+    <a class="close-button">&times;&#xFE0E;</a>
+    <section class="info-modal" id="forgotPasswordForm">
+      <h2>Forgot Password</h2>
+      <p>Enter the email address associated with your Lexiconga account to initiate a password reset.</p>
+      <label>Email<br>
+        <input type="email" id="forgotPasswordEmailField" style="max-width:250px;" maxlength="100">
+      </label>
+      <section id="forgotPasswordErrorMessages"></section>
+      <button class="button" id="forgotPasswordSubmit">Email Password Reset Key</button>
+    </section>
+  </div>`;
+
+  document.body.appendChild(modal);
+
+  setupStartResetForm();
+  setupInfoModal(modal);
+}
+
+function setupInfoModal(modal) {
+  const closeElements = modal.querySelectorAll('.modal-background, .close-button');
+  Array.from(closeElements).forEach(close => {
+    close.addEventListener('click', () => {
+      modal.parentElement.removeChild(modal);
+    });
+  });
+}
+
+function setupStartResetForm() {
+  document.getElementById('forgotPasswordSubmit').addEventListener('click', startPasswordReset);
+}
+
+function startPasswordReset() {
+  const email = document.getElementById('forgotPasswordEmailField').value.trim();
+  const errorMessageElement = document.getElementById('forgotPasswordErrorMessages');
+  let errorMessage = '';
+  
+  if (email === '') {
+    errorMessage += '<p class="red bold">Please enter an email address.</p>';
+  }
+
+  errorMessageElement.innerHTML = errorMessage;
+
+  if (errorMessage === '') {
+    request({
+      action: 'initiate-password-reset',
+      email,
+    }, success => {
+      console.log(success);
+    }, error => {
+      errorMessage += '<p class="red bold">' + error + '</p>';
+    }).then(() => {
+      errorMessageElement.innerHTML = errorMessage;
+      if (errorMessage === '') {
+        document.getElementById('forgotPasswordForm').innerHTML = `<h2>Password Reset Key Sent</h2>
+        <p>Go check your email for the password reset link.</p>
+        <p><em>Note that it may be sent to your spam/junk folder by mistake.</em></p>`;
+      }
+    });
+  }
+}
+
+function setupPasswordResetForm() {
+  const submitButton = document.getElementById('newPasswordSubmit');
+  if (submitButton) {
+    submitButton.addEventListener('click', submitPasswordReset);
+  }
+}
+
+function submitPasswordReset() {
+  const password = document.getElementById('newPassword').value;
+  const confirm = document.getElementById('newConfirm').value;
+  const account = document.getElementById('account').value;
+  const errorMessageElement = document.getElementById('newPasswordErrorMessages');
+  let errorMessage = '';
+  
+  if (password === '') {
+    errorMessage += '<p class="red bold">Please enter a password.</p>';
+  } else if (password !== confirm) {
+    errorMessage += '<p class="red bold">The passwords do not match.</p>';
+  }
+
+  errorMessageElement.innerHTML = errorMessage;
+
+  if (errorMessage === '') {
+    request({
+      action: 'password-reset',
+      account,
+      password,
+    }, success => {
+      console.log(success);
+    }, error => {
+      errorMessage += '<p class="red bold">' + error + '</p>';
+    }).then(() => {
+      errorMessageElement.innerHTML = errorMessage;
+      if (errorMessage === '') {
+        document.getElementById('detailsPanel').innerHTML = `<h3>Your password has been reset</h3>
+        <p>You can now <a href="/">Return to Lexiconga</a> and log in using your new password.</p>`;
+      }
+    });
+  }
+}
+
+window.onload = (function (oldLoad) {
+  oldLoad && oldLoad();
+  setTimeout(setupPasswordResetForm, 1000);
+})(window.onload);
--- a/src/js/account/render.js
+++ b/src/js/account/render.js
@ -1,4 +1,4 @@
-import { setupLoginModal, setupChangeDictionary, setupCreateNewDictionary, setupDeletedDictionaryChangeModal } from "./setupListeners";
+import { setupLoginModal, setupChangeDictionary, setupCreateNewDictionary, setupDeletedDictionaryChangeModal, setupMakePublic } from "./setupListeners";
 import { request } from "./helpers";

 export function renderLoginForm() {
@ -55,12 +55,21 @@ export function renderLoginForm() {

 export function renderMakePublic() {
  const editSettingsTab = document.getElementById('editSettingsTab');
+  const { isPublic } = window.currentDictionary.settings;
+  const { externalID } = window.currentDictionary;
  const editSettingsTabHTML = `<label>Make Public
-    <input type="checkbox" id="editIsPublic"><br>
+    <input type="checkbox" id="editIsPublic"${isPublic ? ' checked' : ''}><br>
    <small>Checking this box will make this public via a link you can share with others.</small>
  </label>
+  <p id="publicLinkDisplay" style="${!isPublic ? 'display:none;': ''}margin-left:20px;">
+    <strong>Public Link:</strong><br>
+    <input readonly id="publicLink" value="${document.domain + window.location.pathname + (externalID ? externalID.toString() : '')}">
+    <a class="small button" id="publicLinkCopy">Copy</a>
+  </p>
  `;
  editSettingsTab.innerHTML += editSettingsTabHTML;
+
+  setupMakePublic();
 }

 export function renderAccountSettings() {
--- a/src/js/account/setupListeners.js
+++ b/src/js/account/setupListeners.js
@ -1,6 +1,8 @@
 import { logIn, createAccount } from "./login";
 import { setCookie } from "../StackOverflow/cookie";
 import { changeDictionary, createNewDictionary } from "./dictionaryManagement";
+import { addMessage } from "../utilities";
+import { renderForgotPasswordForm } from "./passwordReset";

 export function setupLoginModal(modal) {
  const closeElements = modal.querySelectorAll('.modal-background, .close-button');
@ -35,6 +37,7 @@ export function setupLoginModal(modal) {
  });

  document.getElementById('loginSubmit').addEventListener('click', logIn);
+  document.getElementById('forgotPasswordButton').addEventListener('click', renderForgotPasswordForm);
  document.getElementById('createAccountSubmit').addEventListener('click', createAccount);
 }

@ -60,3 +63,14 @@ export function setupDeletedDictionaryChangeModal() {
  }
  document.getElementById('createNewDictionaryAfterDelete').addEventListener('click', createNewDictionary);
 }
+
+export function setupMakePublic() {
+  document.getElementById('editIsPublic').addEventListener('change', function(event) {
+    document.getElementById('publicLinkDisplay').style.display = event.target.checked ? '' : 'none';
+  });
+  document.getElementById('publicLinkCopy').addEventListener('click', function() {
+    document.getElementById('publicLink').select();
+    document.execCommand('copy');
+    addMessage('Copied public link to clipboard', 3000);
+  });
+}
--- a/src/js/account/sync.js
+++ b/src/js/account/sync.js
@ -1,41 +1,14 @@
 import { addMessage } from "../utilities";
 import { saveDictionary, clearDictionary } from "../dictionaryManagement";
 import { request } from "./helpers";
-import { saveToken } from "./utilities";
+import { saveToken, dictionaryIsDefault } from "./utilities";
 import { renderAll } from "../render";
 import { sortWords } from "../wordManagement";
 import { getLocalDeletedWords, clearLocalDeletedWords, saveDeletedWordsLocally } from "./utilities";
 import { renderChangeDictionaryOptions } from "./render";

-/* Outline for syncing
-login
-> check local dictionary id
-  (DONE!) ? no id
-    -> upload dictionary
-    -> make new dictionary current
-  (Canceled) ? mismatched id
-    -> sync local dictionary (see 'same id' below)
-      -> if no matching remote id, ignore (assume deleted)
-    -> clear local dictionary
-    -> insert downloaded dictionary
-  (DONE!) ? same id
-    -> compare detail last updated timestamp
-      ? downloaded details are newer
-        -> replace local details
-      ? local details are newer
-        -> flag to upload details
-    -> filter deleted words from current words
-      -- check id and compare deletedOn with createdOn
-    -> compare each word and by lastUpdated/createdOn
-      ? downloaded word is newer
-        -> update local word
-      ? local word is newer
-        -> put word in an array to upload
-    -> upload anything that needs update
- */
-
 export function syncDictionary(uploadAsNewIfNoExternalID = true) {
-  if (!window.currentDictionary.hasOwnProperty('externalID')) {
+  if (!window.currentDictionary.hasOwnProperty('externalID') && !dictionaryIsDefault()) {
    uploadWholeDictionary(uploadAsNewIfNoExternalID);
  } else {
    addMessage('Syncing...');
@ -65,6 +38,7 @@ export function performSync(remoteDictionary) {
          if (success) {
            renderAll();
            document.getElementById('accountSettingsChangeDictionary').value = window.currentDictionary.externalID;
+            document.getElementById('publicLinkDisplay').style.display = window.currentDictionary.settings.isPublic ? '' : 'none';
          } else {
            console.error('word sync failed');
          }
@ -100,6 +74,7 @@ export function uploadWholeDictionary(asNew = false) {
      dictionary,
    }, remoteId => {
      window.currentDictionary.externalID = remoteId;
+      document.getElementById('publicLink').value = document.domain + window.location.pathname + remoteId.toString();
      saveDictionary(false);
      addMessage('Dictionary Uploaded Successfully');
      renderChangeDictionaryOptions();
@ -191,7 +166,7 @@ export function syncWords(remoteWords, deletedWords) {
  }
  
  remoteWords.forEach(remoteWord => {
-    const localWord = words.find(word => word.wordId === remoteWord.wordId);
+    let localWord = words.find(word => word.wordId === remoteWord.wordId);
    if (localWord) {
      if (localWord.lastUpdated < remoteWord.lastUpdated) {
        localWord = remoteWord;
--- a/src/js/account/utilities.js
+++ b/src/js/account/utilities.js
@ -1,11 +1,26 @@
 import { setCookie } from "../StackOverflow/cookie";
 import { DELETED_WORDS_LOCALSTORAGE_KEY } from "./constants";
-import { getTimestampInSeconds } from "../../helpers";
+import { getTimestampInSeconds, cloneObject } from "../../helpers";
+import { DEFAULT_DICTIONARY } from "../../constants";

 export function saveToken(token) {
  setCookie('token', token, 30);
 }

+export function dictionaryIsDefault() {
+  const defaultDictionary = cloneObject(DEFAULT_DICTIONARY);
+  delete defaultDictionary.settings.theme;
+  delete defaultDictionary.lastUpdated;
+  delete defaultDictionary.createdOn;
+  delete defaultDictionary.version;
+  const currentDictionary = cloneObject(window.currentDictionary);
+  delete currentDictionary.settings.theme;
+  delete currentDictionary.lastUpdated;
+  delete currentDictionary.createdOn;
+  delete currentDictionary.version;
+  return JSON.stringify(defaultDictionary) === JSON.stringify(currentDictionary);
+}
+
 export function saveDeletedWordsLocally(wordIds) {
  let storedDeletedWords = getLocalDeletedWords();
  wordIds.forEach(wordId => {
--- a/src/js/ads.js
+++ b/src/js/ads.js
@ -0,0 +1,36 @@
+import { DISPLAY_AD_EVERY } from '../constants.js';
+import ads from '../../ads.json';
+import { shuffle } from '../helpers.js';
+
+export function setupAds() {
+  const priority = shuffle(ads.filter(ad => isActive(ad) && ad.isPriority));
+  const regular = shuffle(ads.filter(ad => isActive(ad) && !ad.isPriority));
+  window.ads = [...priority, ...regular];
+}
+
+function isActive(ad) {
+  const date = new Date();
+  return date >= new Date(ad.start) && date < new Date(ad.end);
+}
+
+export function renderAd(wordPosition) {
+  if (window.hasOwnProperty('ads') && window.ads) {
+    if (wordPosition % DISPLAY_AD_EVERY === 3) {
+      const adIndex = Math.floor(wordPosition / DISPLAY_AD_EVERY) % window.ads.length;
+      const ad = window.ads[adIndex];
+      return `<article class="entry">
+        <header>
+          <h4 class="word">${ad.header}</h4>
+        </header>
+        <dl>
+          <dt class="definition">${ad.body}</dt>
+          <dd class="details">
+            <a href="${ad.link}" target="_blank" class="button">${ad.cta}</a>
+          </dd>
+        </dl>
+      </article>`;
+    }
+  }
+
+  return '';
+}
--- a/src/js/announcements.js
+++ b/src/js/announcements.js
@ -0,0 +1,20 @@
+import { fadeOutElement } from "./utilities";
+import { setCookie, getCookie } from "./StackOverflow/cookie";
+
+export function isDismissed(announcementId) {
+  let dismissed = getCookie(announcementId);
+  
+  return dismissed === 'dismissed';
+}
+
+export function dismiss(announcement) {
+  if (announcement.id) {
+    const expireDate = announcement.dataset.expires;
+    const now = new Date();
+    const expire = new Date(expireDate);
+    const timeDiff = Math.abs(now.getTime() - expire.getTime());
+    const dayDifference = Math.ceil(timeDiff / (1000 * 3600 * 24));
+    setCookie(announcement.id, 'dismissed', dayDifference + 1);
+  }
+  fadeOutElement(announcement)
+}
--- a/src/js/dictionaryManagement.js
+++ b/src/js/dictionaryManagement.js
@ -1,4 +1,5 @@
-import { renderDictionaryDetails, renderPartsOfSpeech, renderAll } from "./render";
+import papa from 'papaparse';
+import { renderDictionaryDetails, renderPartsOfSpeech, renderAll, renderTheme } from "./render";
 import { removeTags, cloneObject, getTimestampInSeconds, download, slugify } from "../helpers";
 import { LOCAL_STORAGE_KEY, DEFAULT_DICTIONARY, MIGRATE_VERSION } from "../constants";
 import { addMessage, getNextId, hasToken } from "./utilities";
@ -13,7 +14,7 @@ export function openEditModal() {
  const { name, specification, description, partsOfSpeech } = window.currentDictionary;
  const { consonants, vowels, blends, phonotactics } = window.currentDictionary.details.phonology;
  const { orthography, grammar } = window.currentDictionary.details;
-  const { allowDuplicates, caseSensitive, sortByDefinition, isPublic } = window.currentDictionary.settings;
+  const { allowDuplicates, caseSensitive, sortByDefinition, theme, isPublic } = window.currentDictionary.settings;
  
  document.getElementById('editName').value = name;
  document.getElementById('editSpecification').value = specification;
@ -35,6 +36,7 @@ export function openEditModal() {
  document.getElementById('editCaseSensitive').checked = caseSensitive;
  if (allowDuplicates) document.getElementById('editCaseSensitive').disabled = true;
  document.getElementById('editSortByDefinition').checked = sortByDefinition;
+  document.getElementById('editTheme').value = theme;
  if (hasToken()) {
    document.getElementById('editIsPublic').checked = isPublic;
  }
@ -63,7 +65,11 @@ export function saveEditModal() {
  window.currentDictionary.settings.caseSensitive = document.getElementById('editCaseSensitive').checked;
  const needsReSort = window.currentDictionary.settings.sortByDefinition !== document.getElementById('editSortByDefinition').checked;
  window.currentDictionary.settings.sortByDefinition = document.getElementById('editSortByDefinition').checked;
+  window.currentDictionary.settings.theme = document.getElementById('editTheme').value;
+
+  let needsWordRender = false;
  if (hasToken()) {
+    needsWordRender = window.currentDictionary.settings.isPublic !== document.getElementById('editIsPublic').checked;
    window.currentDictionary.settings.isPublic = document.getElementById('editIsPublic').checked;
  } else {
    window.currentDictionary.settings.isPublic = false;
@ -71,10 +77,11 @@ export function saveEditModal() {

  addMessage('Saved ' + window.currentDictionary.specification + ' Successfully');
  saveDictionary();
+  renderTheme();
  renderDictionaryDetails();
  renderPartsOfSpeech();
-
-  if (needsReSort) {
+  
+  if (needsReSort || needsWordRender) {
    sortWords(true);
  }

@ -110,6 +117,7 @@ export function loadDictionary() {

 export function clearDictionary() {
  window.currentDictionary = cloneObject(DEFAULT_DICTIONARY);
+  window.currentDictionary.settings.theme = window.settings.defaultTheme;
 }

 export function deleteDictionary() {
@ -129,7 +137,7 @@ export function deleteDictionary() {
 export function confirmDeleteDictionary() {
  if (confirm(`Are you sure you want to delete your ${window.currentDictionary.name} ${window.currentDictionary.specification}?\n\nThis cannot be undone!`)) {
    const input = prompt(`If you really want to delete your ${window.currentDictionary.name} ${window.currentDictionary.specification} please type DELETE in the text box.\n\nAfter you confirm, cour dicitonary will be PERMANENTLY AND IRRETRIEVABLY DESTROYED!`);
-    console.log(input);
+    
    if (input === 'DELETE') {
      deleteDictionary();
      document.getElementById('editModal').style.display = 'none';
@ -196,50 +204,48 @@ export function importWords() {
  if (importWordsField.files.length === 1) {
    if (confirm('Importing a CSV file with words will add all of the words in the file to your dictionary regardless of duplication!\nDo you want to continue?')) {
      addMessage('Importing words...');
-      import('papaparse').then(papa => {
-        const importedWords = [];
-        papa.parse(importWordsField.files[0], {
-          header: true,
-          encoding: "utf-8",
-          step: results => {
-            if (results.errors.length > 0) {
-              results.errors.forEach(err => {
-                addMessage('Error Importing Word: ' + err, undefined, 'error');
-                console.error('Error Importing Word: ', err)
-              });
-            } else {
-              const row = results.data[0];
-              const importedWord = addWord({
-                name: removeTags(row.word).trim(),
-                pronunciation: removeTags(row.pronunciation).trim(),
-                partOfSpeech: removeTags(row['part of speech']).trim(),
-                definition: removeTags(row.definition).trim(),
-                details: removeTags(row.explanation).trim(),
-                wordId: getNextId(),
-              }, false, false, false);
+      const importedWords = [];
+      papa.parse(importWordsField.files[0], {
+        header: true,
+        encoding: "utf-8",
+        step: results => {
+          if (results.errors.length > 0) {
+            results.errors.forEach(err => {
+              addMessage('Error Importing Word: ' + err, undefined, 'error');
+              console.error('Error Importing Word: ', err)
+            });
+          } else {
+            const row = results.data[0];
+            const importedWord = addWord({
+              name: removeTags(row.word).trim(),
+              pronunciation: removeTags(row.pronunciation).trim(),
+              partOfSpeech: removeTags(row['part of speech']).trim(),
+              definition: removeTags(row.definition).trim(),
+              details: removeTags(row.explanation).trim(),
+              wordId: getNextId(),
+            }, false, false, false);

-              importedWords.push(importedWord);
-            }
-          },
-          complete: () => {
-            saveDictionary(false);
-            renderAll();
-            importWordsField.value = '';
-            document.getElementById('editModal').style.display = 'none';
-            addMessage(`Done Importing ${importedWords.length} Words`);
+            importedWords.push(importedWord);
+          }
+        },
+        complete: () => {
+          saveDictionary(false);
+          renderAll();
+          importWordsField.value = '';
+          document.getElementById('editModal').style.display = 'none';
+          addMessage(`Done Importing ${importedWords.length} Words`);

-            if (hasToken()) {
-              import('./account/index.js').then(account => {
-                account.syncImportedWords(importedWords);
-              });
-            }
-          },
-          error: err => {
-            addMessage('Error Importing Words: ' + err, undefined, 'error');
-            console.error('Error Importing Words: ', err);
-          },
-          skipEmptyLines: true,
-        });
+          if (hasToken()) {
+            import('./account/index.js').then(account => {
+              account.syncImportedWords(importedWords);
+            });
+          }
+        },
+        error: err => {
+          addMessage('Error Importing Words: ' + err, undefined, 'error');
+          console.error('Error Importing Words: ', err);
+        },
+        skipEmptyLines: true,
      });
    }
  }
@ -262,23 +268,21 @@ export function exportWords() {
  addMessage('Exporting Words...');

  setTimeout(() => {
-    import('papaparse').then(papa => {
-      const { name, specification } = window.currentDictionary;
-      
-      const fileName = slugify(name + '_' + specification) + '_words.csv';
-      
-      const words = window.currentDictionary.words.map(word => {
-        return {
-          word: word.name,
-          pronunciation: word.pronunciation,
-          'part of speech': word.partOfSpeech,
-          definition: word.definition,
-          explanation: word.details,
-        }
-      });
-      const csv = papa.unparse(words, { quotes: true });
-      download(csv, fileName, 'text/csv;charset=utf-8');
+    const { name, specification } = window.currentDictionary;
+    
+    const fileName = slugify(name + '_' + specification) + '_words.csv';
+    
+    const words = window.currentDictionary.words.map(word => {
+      return {
+        word: word.name,
+        pronunciation: word.pronunciation,
+        'part of speech': word.partOfSpeech,
+        definition: word.definition,
+        explanation: word.details,
+      }
    });
+    const csv = papa.unparse(words, { quotes: true });
+    download(csv, fileName, 'text/csv;charset=utf-8');
  }, 1);
 }

@ -300,8 +304,11 @@ export function migrateDictionary() {
    window.currentDictionary = Object.assign({}, DEFAULT_DICTIONARY, window.currentDictionary);
    window.currentDictionary.partsOfSpeech = window.currentDictionary.settings.partsOfSpeech.split(',').map(val => val.trim()).filter(val => val !== '');
    delete window.currentDictionary.settings.partsOfSpeech;
+    delete window.currentDictionary.nextWordId;
    window.currentDictionary.settings.sortByDefinition = window.currentDictionary.settings.sortByEquivalent;
    delete window.currentDictionary.settings.sortByEquivalent;
+    window.currentDictionary.settings.theme = 'default';
+    delete window.currentDictionary.settings.isComplete;
    
    migrated = true;
  } else if (window.currentDictionary.version !== MIGRATE_VERSION) {
--- a/src/js/hotkeys.js
+++ b/src/js/hotkeys.js
@ -5,6 +5,7 @@ import { showSearchModal, clearSearchText } from "./search";
 import { saveAndCloseSettingsModal, openSettingsModal, saveSettings } from "./settings";
 import { saveAndCloseEditModal, openEditModal } from "./dictionaryManagement";
 import { addMessage, hideAllModals } from "./utilities";
+import helpFile from '../markdown/help.md';

 export function enableHotKeys() {
  document.addEventListener('keydown', hotKeyActions);
@ -61,7 +62,7 @@ export function hotKeyActions(event) {

 function toggleDetailsDisplay() {
  const activeTab = document.querySelector('#detailsSection nav li.active');
-  console.log(activeTab);
+
  Array.from(document.querySelectorAll('#detailsSection nav li')).forEach(li => li.classList.remove('active'));
  if (activeTab) {
    switch(activeTab.innerText.trim().toLowerCase()) {
@ -102,17 +103,13 @@ function submitWord() {
 }

 function showHelpModal() {
-  import('../markdown/help.md').then(html => {
-    renderInfoModal(html);
-  });
+  renderInfoModal(helpFile);
 }

 function maximizeTextarea() {
  const focused = document.activeElement;
  if (focused) {
    const maximizeButton = focused.parentElement.querySelector('.maximize-button');
-    console.log(maximizeButton);
-    console.log(maximizeButton.parentElement);
    if (maximizeButton) {
      renderMaximizedTextbox(maximizeButton);
    }
--- a/src/js/migration.js
+++ b/src/js/migration.js
@ -0,0 +1,77 @@
+import { LOCAL_STORAGE_KEY } from "../constants";
+
+export default function migrate() {
+  if (window.location.pathname === '/') {
+    if (isNotSecure()) {
+      sendDictionaryToHTTPS();
+    } else {
+      checkForReceived();
+    }
+  }
+}
+
+function isNotSecure() {
+  return window.location.host !== 'localhost' && window.location.protocol !== 'https:';
+}
+
+function sendDictionaryToHTTPS() {
+  const storedDictionary = window.localStorage.getItem(LOCAL_STORAGE_KEY);
+  const httpsURL = 'https://' + window.location.host;
+  if (storedDictionary) {
+    if (!dictionaryIsOldDefault(storedDictionary)) {
+      const form = document.createElement('form');
+      form.action = httpsURL;
+      form.method = 'POST';
+      form.hidden = true;
+      const field = document.createElement('input');
+      field.name = 'oldDictionaryFromHTTP';
+      field.value = storedDictionary;
+      form.appendChild(field);
+      const blackoutShield = document.createElement('div');
+      blackoutShield.classList.add('modal-background');
+      document.body.appendChild(form);
+      document.body.appendChild(blackoutShield);
+      alert('You are about to be redirected to the secure https version of Lexiconga. Please update your bookmarks.')
+      form.submit();
+      return;
+    }
+  }
+  window.location = httpsURL;
+}
+
+function dictionaryIsOldDefault(dictionaryJSON) {
+  const defaultDictionary = {
+    name: "New",
+    description: "A new dictionary.",
+    // createdBy: publicName,
+    words: [],
+    nextWordId: 1,
+    settings: {
+      allowDuplicates: false,
+      caseSensitive: false,
+      partsOfSpeech: "Noun,Adjective,Verb,Adverb,Preposition,Pronoun,Conjunction",
+      sortByEquivalent: false,
+      isComplete: false,
+      isPublic: false
+    },
+    externalID: 0
+  }
+  const dictionary = JSON.parse(dictionaryJSON);
+  delete dictionary.createdBy;
+  
+  return JSON.stringify(defaultDictionary) === JSON.stringify(dictionary);
+}
+
+function checkForReceived() {
+  if (window.hasOwnProperty('dictionaryImportedFromHTTP')) {
+    let saveOld = true;
+    const storedDictionary = window.localStorage.getItem(LOCAL_STORAGE_KEY);
+    if (storedDictionary) {
+      saveOld = confirm('You have an old local dictionary to import. Would you like to overwrite your current local dictionary?');
+    }
+    if (saveOld) {
+      window.localStorage.setItem(LOCAL_STORAGE_KEY, window.dictionaryImportedFromHTTP);
+      delete window.dictionaryImportedFromHTTP;
+    }
+  }
+}
--- a/src/js/pagination.js
+++ b/src/js/pagination.js
@ -20,7 +20,6 @@ export function goToPage(page) {
  window.currentPage = parseFloat(page);

  Array.from(document.getElementsByClassName('pagination')).forEach(pagination => {
-    console.log('setting loader');
    pagination.innerHTML = `<span class="loader">Loading Page ${window.currentPage + 1}...</span>`;
  });

--- a/src/js/render.js
+++ b/src/js/render.js
@ -1,6 +1,6 @@
 import md from 'marked';
 import { removeTags, slugify } from '../helpers';
-import { getWordsStats, wordExists } from './utilities';
+import { getWordsStats, getHomonymnNumber, hasToken } from './utilities';
 import { getMatchingSearchWords, highlightSearchTerm, getSearchFilters, getSearchTerm } from './search';
 import { showSection } from './displayToggles';
 import {
@ -15,14 +15,22 @@ import {
  setupIPAFields
 } from './setupListeners';
 import { getPaginationData } from './pagination';
-import { getOpenEditForms } from './wordManagement';
+import { getOpenEditForms, parseReferences } from './wordManagement';
+import { renderAd } from './ads';
+import ipaTableFile from './KeyboardFire/phondue/ipa-table.html';

 export function renderAll() {
+  renderTheme();
  renderDictionaryDetails();
  renderPartsOfSpeech();
  renderWords();
 }

+export function renderTheme() {
+  const { theme } = window.currentDictionary.settings;
+  document.body.id = theme + 'Theme';
+}
+
 export function renderDictionaryDetails() {
  renderName();

@ -36,7 +44,25 @@ export function renderDictionaryDetails() {

 export function renderName() {
  const dictionaryName = removeTags(window.currentDictionary.name) + ' ' + removeTags(window.currentDictionary.specification);
-  document.getElementById('dictionaryName').innerHTML = dictionaryName;
+  const name = document.getElementById('dictionaryName');
+  name.innerHTML = dictionaryName;
+  const isPublic = hasToken() && window.currentDictionary.settings.isPublic;
+  const shareLinkElement = document.getElementById('dictionaryShare');
+
+  if (isPublic && !shareLinkElement) {
+    const shareLink = document.createElement('a');
+    shareLink.id = 'dictionaryShare';
+    shareLink.classList.add('button');
+    shareLink.style.float = 'right';
+    shareLink.href = window.location.pathname.match(new RegExp(window.currentDictionary.externalID + '$')) ? window.location.pathname
+      : window.location.pathname.substring(0, window.location.pathname.indexOf(window.currentDictionary.externalID)) + window.currentDictionary.externalID;
+    shareLink.target = '_blank';
+    shareLink.title = 'Public Link to Dictionary';
+    shareLink.innerHTML = '&#10150;';
+    name.parentElement.insertBefore(shareLink, name);
+  } else if (!isPublic && shareLinkElement) {
+    shareLinkElement.parentElement.removeChild(shareLinkElement);
+  }
 }

 export function renderDescription() {
@ -122,6 +148,7 @@ export function renderWords() {
  let wordsHTML = '';
  let openEditForms = getOpenEditForms();
  let words = false;
+  const isPublic = hasToken() && window.currentDictionary.settings.isPublic;

  if (window.currentDictionary.words.length === 0) {
    wordsHTML = `<article class="entry">
@ -156,32 +183,27 @@ export function renderWords() {
    // const { pageStart, pageEnd } = getPaginationData(words);

    // words.slice(pageStart, pageEnd).forEach(originalWord => {
-    words.forEach(originalWord => {
-      let detailsMarkdown = removeTags(originalWord.details);
-      const references = detailsMarkdown.match(/\{\{.+?\}\}/g);
-      if (references && Array.isArray(references)) {
-        new Set(references).forEach(reference => {
-          const wordToFind = reference.replace(/\{\{|\}\}/g, '');
-          const existingWordId = wordExists(wordToFind, true);
-          if (existingWordId !== false) {
-            const wordMarkdownLink = `[${wordToFind}](#${existingWordId})`;
-            detailsMarkdown = detailsMarkdown.replace(new RegExp(reference, 'g'), wordMarkdownLink);
-          }
-        });
-      }
+    words.forEach((originalWord, displayIndex) => {
      const word = highlightSearchTerm({
        name: removeTags(originalWord.name),
        pronunciation: removeTags(originalWord.pronunciation),
        partOfSpeech: removeTags(originalWord.partOfSpeech),
        definition: removeTags(originalWord.definition),
-        details: detailsMarkdown,
+        details: parseReferences(removeTags(originalWord.details)),
        wordId: originalWord.wordId,
      });
+      const homonymnNumber = getHomonymnNumber(originalWord);
+      const shareLink = window.currentDictionary.hasOwnProperty('externalID')
+        ? window.location.pathname + window.currentDictionary.externalID + '/' + word.wordId : '';
+
+      wordsHTML += renderAd(displayIndex);
+
      wordsHTML += `<article class="entry" id="${word.wordId}">
        <header>
-          <h4 class="word">${word.name}</h4>
+          <h4 class="word">${word.name}${homonymnNumber > 0 ? ' <sub>' + homonymnNumber.toString() + '</sub>' : ''}</h4>
          <span class="pronunciation">${word.pronunciation}</span>
          <span class="part-of-speech">${word.partOfSpeech}</span>
+          ${isPublic ? `<a class="small button share-link" href="${shareLink}" target="_blank" title="Public Link to Word">&#10150;</a>` : ''}
          <span class="small button word-option-button">Options</span>
          <div class="word-option-list" style="display:none;">
            <div class="word-option" id="edit_${word.wordId}">Edit</div>
@ -246,18 +268,16 @@ export function renderEditForm(wordId = false) {
  wordId = typeof wordId.target === 'undefined' ? wordId : parseInt(this.id.replace('edit_', ''));
  const word = window.currentDictionary.words.find(w => w.wordId === wordId);
  if (word) {
-    const ipaPronunciationField = `<label>Pronunciation<a class="label-button ipa-table-button">IPA Chart</a><br>
-      <input id="wordPronunciation_${wordId}" class="ipa-field" maxlength="200" value="${word.pronunciation}"><br>
-      <a class="label-help-button ipa-field-help-button">Field Help</a>
-    </label>`;
-    const plainPronunciationField = `<label>Pronunciation<br>
-      <input id="wordPronunciation_${wordId}" maxlength="200" value="${word.pronunciation}">
-    </label>`;
+    const ipaPronunciationField = `<input id="wordPronunciation_${wordId}" class="ipa-field" maxlength="200" value="${word.pronunciation}"><br>
+      <a class="label-help-button ipa-field-help-button">Field Help</a>`;
+    const plainPronunciationField = `<input id="wordPronunciation_${wordId}" maxlength="200" value="${word.pronunciation}">`;
    const editForm = `<form id="editForm_${wordId}" class="edit-form">
      <label>Word<span class="red">*</span><br>
        <input id="wordName_${wordId}" maxlength="200" value="${word.name}">
      </label>
-      ${window.settings.useIPAPronunciationField ? ipaPronunciationField : plainPronunciationField}
+      <label>Pronunciation<a class="label-button ipa-table-button">IPA Chart</a><br>
+        ${window.settings.useIPAPronunciationField ? ipaPronunciationField : plainPronunciationField}
+      </label>
      <label>Part of Speech<br>
        <select id="wordPartOfSpeech_${wordId}" class="part-of-speech-select">
          <option value="${word.partOfSpeech}" selected>${word.partOfSpeech}</option>
@ -280,33 +300,36 @@ export function renderEditForm(wordId = false) {
  }
 }

+export function renderIPAHelp() {
+  import('./KeyboardFire/phondue/usage.html').then(html => {
+    renderInfoModal(html);
+  });
+}
+
 export function renderIPATable(ipaTableButton) {
  ipaTableButton = typeof ipaTableButton.target === 'undefined' || ipaTableButton.target === '' ? ipaTableButton : ipaTableButton.target;
  const label = ipaTableButton.parentElement.innerText.replace(/(Field Help|IPA Chart)/g, '').trim();
  const textBox = ipaTableButton.parentElement.querySelector('input');
-  import('./KeyboardFire/phondue/ipa-table.html').then(html => {
-    const modalElement = document.createElement('section');
-    modalElement.classList.add('modal', 'ipa-table-modal');
-    modalElement.innerHTML = `<div class="modal-background"></div>
-    <div class="modal-content">
-      <a class="close-button">&times;&#xFE0E;</a>
-      <header><label>${label} <input value="${textBox.value}" class="ipa-field"></label></header>
-      <section>
-        ${html}
-      </section>
-      <footer><a class="button done-button">Done</a></footer>
-    </div>`;
+  const modalElement = document.createElement('section');
+  modalElement.classList.add('modal', 'ipa-table-modal');
+  modalElement.innerHTML = `<div class="modal-background"></div>
+  <div class="modal-content">
+    <a class="close-button">&times;&#xFE0E;</a>
+    <header><label>${label} <input value="${textBox.value}" class="ipa-field"></label></header>
+    <section>
+      ${ipaTableFile}
+    </section>
+    <footer><a class="button done-button">Done</a></footer>
+  </div>`;
+
+  document.body.appendChild(modalElement);
  
-    document.body.appendChild(modalElement);
-    
-    setupIPAFields();
-    setupIPATable(modalElement, textBox);
-  });
+  setupIPAFields();
+  setupIPATable(modalElement, textBox);
 }

 export function renderMaximizedTextbox(maximizeButton) {
  maximizeButton = typeof maximizeButton.target === 'undefined' || maximizeButton.target === '' ? maximizeButton : maximizeButton.target;
-  console.log(maximizeButton.parentElement);
  const label = maximizeButton.parentElement.innerText.replace(/(\*|Maximize)/g, '').trim();
  const textBox = maximizeButton.parentElement.querySelector('textarea');
  const modalElement = document.createElement('section');
--- a/src/js/search.js
+++ b/src/js/search.js
@ -30,7 +30,6 @@ export function getSearchFilters() {
  const partsOfSpeech = document.querySelectorAll('#searchPartsOfSpeech input[type="checkbox"]');
  let checkedBoxes = 0;
  Array.from(partsOfSpeech).forEach(partOfSpeech => {
-    // console.log('partOfSpeech Inner Text:', partOfSpeech.parentElement.innerText);
    const partOfSpeechLabel = partOfSpeech.parentElement.innerText.trim();
    filters.partsOfSpeech[partOfSpeechLabel] = partOfSpeech.checked;
    if (partOfSpeech.checked) checkedBoxes++;
--- a/src/js/settings.js
+++ b/src/js/settings.js
@ -8,7 +8,7 @@ import { enableHotKeys, disableHotKeys } from "./hotkeys";
 export function loadSettings() {
  const storedSettings = window.localStorage.getItem(SETTINGS_KEY);
  window.settings = storedSettings ? JSON.parse(storedSettings) : cloneObject(DEFAULT_SETTINGS);
-  toggleIPAPronunciationFields();
+  toggleIPAPronunciationFields(false);
 }

 export function saveSettings() {
@ -17,10 +17,11 @@ export function saveSettings() {
 }

 export function openSettingsModal() {
-  const { useIPAPronunciationField, useHotkeys } = window.settings;
+  const { useIPAPronunciationField, useHotkeys, defaultTheme } = window.settings;

  document.getElementById('settingsUseIPA').checked = useIPAPronunciationField;
  document.getElementById('settingsUseHotkeys').checked = useHotkeys;
+  document.getElementById('settingsDefaultTheme').value = defaultTheme;

  document.getElementById('settingsModal').style.display = '';
 }
@ -28,6 +29,7 @@ export function openSettingsModal() {
 export function saveSettingsModal() {
  window.settings.useIPAPronunciationField = document.getElementById('settingsUseIPA').checked;
  window.settings.useHotkeys = document.getElementById('settingsUseHotkeys').checked;
+  window.settings.defaultTheme = document.getElementById('settingsDefaultTheme').value;

  if (hasToken()) {
    import('./account/index.js').then(account => {
@ -65,8 +67,8 @@ export function toggleHotkeysEnabled() {
  }
 }

-export function toggleIPAPronunciationFields() {
-  const ipaButtons = document.querySelectorAll('.ipa-table-button, .ipa-field-help-button'),
+export function toggleIPAPronunciationFields(render = true) {
+  const ipaButtons = document.querySelectorAll('.ipa-field-help-button'),
    ipaFields = document.querySelectorAll('.ipa-field');
  if (!window.settings.useIPAPronunciationField) {
    Array.from(ipaButtons).forEach(button => {
@ -83,5 +85,7 @@ export function toggleIPAPronunciationFields() {
      field.addEventListener('keypress', usePhondueDigraphs);
    });
  }
-  renderWords();
+  if (render) {
+    renderWords();
+  }
 }
--- a/src/js/setupListeners.js
+++ b/src/js/setupListeners.js
@ -1,5 +1,5 @@
 import {showSection, hideDetailsPanel} from './displayToggles';
-import { renderWords, renderEditForm, renderMaximizedTextbox, renderInfoModal, renderIPATable } from './render';
+import { renderWords, renderEditForm, renderMaximizedTextbox, renderInfoModal, renderIPATable, renderIPAHelp } from './render';
 import { confirmEditWord, cancelEditWord, confirmDeleteWord, submitWordForm } from './wordManagement';
 import { openEditModal, saveEditModal, saveAndCloseEditModal, exportDictionary, exportWords, importDictionary, importWords, confirmDeleteDictionary } from './dictionaryManagement';
 import { goToNextPage, goToPreviousPage, goToPage } from './pagination';
@ -8,8 +8,14 @@ import { usePhondueDigraphs } from './KeyboardFire/phondue/ipaField';
 import { openSettingsModal, saveSettingsModal, saveAndCloseSettingsModal } from './settings';
 import { enableHotKeys } from './hotkeys';
 import { showSearchModal, clearSearchText, checkAllPartsOfSpeechFilters, uncheckAllPartsOfSpeechFilters } from './search';
+import helpFile from '../markdown/help.md';
+import termsFile from '../markdown/terms.md';
+import privacyFile from '../markdown/privacy.md';
+import { dismiss, isDismissed } from './announcements';
+import { fadeOutElement } from './utilities';

 export default function setupListeners() {
+  setupAnnouncements();
  setupDetailsTabs();
  setupHeaderButtons();
  setupWordForm();
@ -31,6 +37,17 @@ export function setupHeaderButtons() {
  });
 }

+function setupAnnouncements() {
+  const announcements = document.querySelectorAll('.announcement');
+  Array.from(announcements).forEach(announcement => {
+    if (announcement.id && isDismissed(announcement.id)) {
+      fadeOutElement(announcement);
+    } else {
+      announcement.querySelector('.close-button').addEventListener('click', () => dismiss(announcement));
+    }
+  });
+}
+
 function setupDetailsTabs() {
  const tabs = document.querySelectorAll('#detailsSection nav li');
  tabs.forEach(tab => {
@ -76,13 +93,10 @@ function setupEditFormTabs() {
 function setupEditFormInteractions() {
  const preventDuplicatesBox = document.getElementById('editPreventDuplicates');
  preventDuplicatesBox.addEventListener('change', () => {
-    console.log('changed');
    const caseSensitiveBox = document.getElementById('editCaseSensitive');
    if (preventDuplicatesBox.checked) {
-      console.log('checked');
      caseSensitiveBox.disabled = false;
    } else {
-      console.log('unchecked');
      caseSensitiveBox.disabled = true;
      caseSensitiveBox.checked = false;
    }
@ -287,11 +301,6 @@ export function setupIPAButtons() {
    button.addEventListener('click', renderIPATable);
  });

-  const renderIPAHelp = () => {
-    import('./KeyboardFire/phondue/usage.html').then(html => {
-      renderInfoModal(html);
-    });
-  }
  Array.from(ipaFieldHelpButtons).forEach(button => {
    button.removeEventListener('click', renderIPAHelp);
    button.addEventListener('click', renderIPAHelp);
@ -362,19 +371,13 @@ export function setupMaximizeModal(modal, textBox) {

 export function setupInfoButtons() {
  document.getElementById('helpInfoButton').addEventListener('click', () => {
-    import('../markdown/help.md').then(html => {
-      renderInfoModal(html);
-    });
+    renderInfoModal(helpFile);
  });
  document.getElementById('termsInfoButton').addEventListener('click', () => {
-    import('../markdown/terms.md').then(html => {
-      renderInfoModal(html);
-    });
+    renderInfoModal(termsFile);
  });
  document.getElementById('privacyInfoButton').addEventListener('click', () => {
-    import('../markdown/privacy.md').then(html => {
-      renderInfoModal(html);
-    });
+    renderInfoModal(privacyFile);
  });
 }

--- a/src/js/utilities.js
+++ b/src/js/utilities.js
@ -107,29 +107,33 @@ export function wordExists(word, returnId = false) {
  return foundWord ? (returnId ? foundWord.wordId : true) : false;
 }

-export function generateRandomWords(numberOfWords) {
-  console.log('Generating', numberOfWords, 'words...');
-  const letters = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z'];
-  letters.forEach(letter => letters.push(letter.toUpperCase()));
-  const words = [];
-  while (words.length < numberOfWords) {
-    let word = '';
-    while (word === '' || words.includes(word)) {
-      word += letters[Math.floor(Math.random() * letters.length)];
-    }
-    words.push(word);
-  }
-  words.forEach((word, index) => {
-    addWord({
-      name: word,
-      pronunciation: '/' + word + '/',
-      partOfSpeech: Math.random() > 0.5 ? 'Noun' : 'Verb',
-      definition: word,
-      details: word + (index > 0 ? '\n\nRef: {{' + words[index - 1] + '}}' : ''),
-      wordId: getNextId(),
-    }, false);
+export function getHomonymnIndexes(word) {
+  const { currentDictionary } = window;
+  const { caseSensitive } = currentDictionary.settings;
+  const foundIndexes = [];
+  currentDictionary.words.forEach((existingWord, index) => {
+    if (existingWord.wordId !== word.wordId
+      && (caseSensitive ? existingWord.name === word.name : existingWord.name.toLowerCase() === word.name.toLowerCase())) {
+        foundIndexes.push(index);
+      }
  });
-  console.log('done');
+  return foundIndexes;
+}
+
+export function getHomonymnNumber(word) {
+  const homonyms = getHomonymnIndexes(word);
+  if (homonyms.length > 0) {
+    const index = window.currentDictionary.words.findIndex(w => w.wordId === word.wordId);
+    let number = 1;
+
+    for (let i = 0; i < homonyms.length; i++) {
+      if (index < homonyms[i]) break;
+      number++;
+    }
+
+    return number;
+  }
+  return 0;
 }

 export function addMessage(messageText, time = 5000, extraClass = false) {
@ -145,7 +149,7 @@ export function addMessage(messageText, time = 5000, extraClass = false) {
  const closeButton = element.querySelector('.close-button');
  const closeMessage = () => {
    closeButton.removeEventListener('click', closeMessage);
-    messagingSection.removeChild(element);
+    fadeOutElement(element);
  };
  closeButton.addEventListener('click', closeMessage);

@ -154,6 +158,13 @@ export function addMessage(messageText, time = 5000, extraClass = false) {
  }
 }

+export function fadeOutElement(element) {
+  element.classList.add('fadeout');
+  setTimeout(() => {
+    element.parentElement.removeChild(element);
+  }, 300);
+}
+
 export function hideAllModals() {
  const permanentModals = ['#searchModal', '#settingsModal', '#editModal'];
  const hideModals = document.querySelectorAll(permanentModals.join(',')),
@ -163,5 +174,5 @@ export function hideAllModals() {
 }

 export function hasToken() {
-  return getCookie('token') !== '';
+  return window.isOffline !== true && getCookie('token') !== '';
 }
--- a/src/js/view/dictionaryManagement.js
+++ b/src/js/view/dictionaryManagement.js
@ -1,12 +0,0 @@
-export function getDictionary() {
-  const url = window.location.href.replace(/\#.*$/gi, '');
-  console.log(url);
-  let dict = url.substr(url.lastIndexOf('?'));
-  console.log(dict);
-  if (dict === url) {
-    dict = dict.substr(dict.lastIndexOf('/'));
-    console.log(dict);
-  }
-  dict = dict.replace(/[\?\/]/g, '');
-  console.log(dict);
-}
--- a/src/js/view/index.js
+++ b/src/js/view/index.js
@ -1,21 +1,14 @@
-import '../../main.scss';
 import { renderAll } from './render';
 import setupListeners from './setupListeners';
-
-// import setupListeners, { setupSearchFilters } from './js/setupListeners';
-// import { renderAll } from './js/render';
-// import { hasToken } from './js/utilities';
-// import { loadDictionary } from './js/dictionaryManagement';
-// import { loadSettings } from './js/settings';
+import { setupAds } from '../ads';

 function initialize() {
+  setupAds();
  renderAll();
  setupListeners();
 }

 window.onload = (function (oldLoad) {
-  return function () {
-    oldLoad && oldLoad();
-    initialize();
-  }
+  oldLoad && oldLoad();
+  initialize();
 })(window.onload);
--- a/src/js/view/render.js
+++ b/src/js/view/render.js
@ -1,16 +1,26 @@
 import md from 'marked';
 import { removeTags, slugify } from '../../helpers';
-import { getWordsStats, wordExists } from '../utilities';
-import { getMatchingSearchWords, highlightSearchTerm, getSearchFilters, getSearchTerm } from '../search';
-import { showSection } from '../displayToggles';
+import { getWordsStats, getHomonymnNumber } from './utilities';
+import { getMatchingSearchWords, highlightSearchTerm, getSearchFilters, getSearchTerm } from './search';
+import { showSection } from './displayToggles';
 import { setupSearchFilters, setupInfoModal } from './setupListeners';
+import { parseReferences } from './wordManagement';
+import { renderAd } from '../ads';
+import { sortWords } from './wordManagement';

 export function renderAll() {
+  renderTheme();
  renderDictionaryDetails();
  renderPartsOfSpeech();
+  sortWords();
  renderWords();
 }

+export function renderTheme() {
+  const { theme } = window.currentDictionary.settings;
+  document.body.id = theme + 'Theme';
+}
+
 export function renderDictionaryDetails() {
  renderName();

@ -25,6 +35,9 @@ export function renderDictionaryDetails() {
 export function renderName() {
  const dictionaryName = removeTags(window.currentDictionary.name) + ' ' + removeTags(window.currentDictionary.specification);
  document.getElementById('dictionaryName').innerHTML = dictionaryName;
+  const shareLink = window.location.pathname.match(new RegExp(window.currentDictionary.externalID + '$')) ? window.location.pathname
+    : window.location.pathname.substring(0, window.location.pathname.indexOf(window.currentDictionary.externalID)) + window.currentDictionary.externalID;
+  document.getElementById('dictionaryShare').href = shareLink;
 }

 export function renderDescription() {
@ -133,32 +146,27 @@ export function renderWords() {
      </article>`;
    }

-    words.forEach(originalWord => {
-      let detailsMarkdown = removeTags(originalWord.details);
-      const references = detailsMarkdown.match(/\{\{.+?\}\}/g);
-      if (references && Array.isArray(references)) {
-        new Set(references).forEach(reference => {
-          const wordToFind = reference.replace(/\{\{|\}\}/g, '');
-          const existingWordId = wordExists(wordToFind, true);
-          if (existingWordId !== false) {
-            const wordMarkdownLink = `[${wordToFind}](#${existingWordId})`;
-            detailsMarkdown = detailsMarkdown.replace(new RegExp(reference, 'g'), wordMarkdownLink);
-          }
-        });
-      }
+    words.forEach((originalWord, displayIndex) => {
      const word = highlightSearchTerm({
        name: removeTags(originalWord.name),
        pronunciation: removeTags(originalWord.pronunciation),
        partOfSpeech: removeTags(originalWord.partOfSpeech),
        definition: removeTags(originalWord.definition),
-        details: detailsMarkdown,
+        details: parseReferences(removeTags(originalWord.details)),
        wordId: originalWord.wordId,
      });
+
+      const homonymnNumber = getHomonymnNumber(originalWord);
+      const shareLink = window.location.pathname + (window.location.pathname.match(new RegExp(word.wordId + '$')) ? '' : '/' + word.wordId);
+
+      wordsHTML += renderAd(displayIndex);
+
      wordsHTML += `<article class="entry" id="${word.wordId}">
        <header>
-          <h4 class="word">${word.name}</h4>
+          <h4 class="word">${word.name}${homonymnNumber > 0 ? ' <sub>' + homonymnNumber.toString() + '</sub>' : ''}</h4>
          <span class="pronunciation">${word.pronunciation}</span>
          <span class="part-of-speech">${word.partOfSpeech}</span>
+          <a href="${shareLink}" target="_blank" class="small button word-option-button" title="Link to Word">&#10150;</a>
        </header>
        <dl>
          <dt class="definition">${word.definition}</dt>
--- a/src/js/view/search.js
+++ b/src/js/view/search.js
@ -0,0 +1,144 @@
+import { cloneObject, getIndicesOf } from "../../helpers";
+import removeDiacritics from "../StackOverflow/removeDiacritics";
+import { renderWords } from "./render";
+
+export function showSearchModal() {
+  document.getElementById('searchModal').style.display = 'block';
+  document.getElementById('searchBox').focus();
+}
+
+export function clearSearchText() {
+  document.getElementById('searchBox').value = '';
+  document.getElementById('openSearchModal').value = '';
+  renderWords();
+}
+
+export function getSearchTerm() {
+  return document.getElementById('searchBox').value;
+}
+
+export function getSearchFilters() {
+  const filters = {
+    caseSensitive: document.getElementById('searchCaseSensitive').checked,
+    ignoreDiacritics: document.getElementById('searchIgnoreDiacritics').checked,
+    exact: document.getElementById('searchExactWords').checked,
+    name: document.getElementById('searchIncludeName').checked,
+    definition: document.getElementById('searchIncludeDefinition').checked,
+    details: document.getElementById('searchIncludeDetails').checked,
+    partsOfSpeech: {},
+  };
+  const partsOfSpeech = document.querySelectorAll('#searchPartsOfSpeech input[type="checkbox"]');
+  let checkedBoxes = 0;
+  Array.from(partsOfSpeech).forEach(partOfSpeech => {
+    const partOfSpeechLabel = partOfSpeech.parentElement.innerText.trim();
+    filters.partsOfSpeech[partOfSpeechLabel] = partOfSpeech.checked;
+    if (partOfSpeech.checked) checkedBoxes++;
+  });
+
+  filters.allPartsOfSpeechChecked = checkedBoxes === partsOfSpeech.length;
+
+  return filters;
+}
+
+export function getMatchingSearchWords() {
+  let searchTerm = getSearchTerm();
+  const filters = getSearchFilters();
+  if (searchTerm !== '' || !filters.allPartsOfSpeechChecked) {
+    const matchingWords = window.currentDictionary.words.slice().filter(word => {
+      if (!filters.allPartsOfSpeechChecked) {
+        const partOfSpeech = word.partOfSpeech === '' ? 'Unclassified' : word.partOfSpeech;
+        return filters.partsOfSpeech.hasOwnProperty(partOfSpeech) && filters.partsOfSpeech[partOfSpeech];
+      }
+      return true;
+    }).filter(word => {
+      searchTerm = filters.ignoreDiacritics ? removeDiacritics(searchTerm) : searchTerm;
+      searchTerm = filters.caseSensitive ? searchTerm : searchTerm.toLowerCase();
+      let name = filters.ignoreDiacritics ? removeDiacritics(word.name) : word.name;
+      name = filters.caseSensitive ? name : name.toLowerCase();
+      let definition = filters.ignoreDiacritics ? removeDiacritics(word.definition) : word.definition;
+      definition = filters.caseSensitive ? definition : definition.toLowerCase();
+      let details = filters.ignoreDiacritics ? removeDiacritics(word.details) : word.details;
+      details = filters.caseSensitive ? details : details.toLowerCase();
+
+      const isInName = filters.name && (filters.exact
+          ? searchTerm == name
+          : new RegExp(searchTerm, 'g').test(name));
+      const isInDefinition = filters.definition && (filters.exact
+          ? searchTerm == definition
+          : new RegExp(searchTerm, 'g').test(definition));
+      const isInDetails = filters.details && new RegExp(searchTerm, 'g').test(details);
+      return searchTerm === '' || isInName || isInDefinition || isInDetails;
+    });
+    return matchingWords;
+  }
+  
+  return window.currentDictionary.words
+}
+
+export function highlightSearchTerm(word) {
+  let searchTerm = getSearchTerm();
+  if (searchTerm) {
+    const filters = getSearchFilters();
+    const markedUpWord = cloneObject(word);
+    if (filters.ignoreDiacritics) {
+      const searchTermLength = searchTerm.length;
+      searchTerm = removeDiacritics(searchTerm);
+      if (filters.name) {
+        const nameMatches = getIndicesOf(searchTerm, removeDiacritics(markedUpWord.name), filters.caseSensitive);
+        nameMatches.forEach((wordIndex, i) => {
+            wordIndex += '<mark></mark>'.length * i;
+          markedUpWord.name = markedUpWord.name.substring(0, wordIndex)
+            + '<mark>' + markedUpWord.name.substr(wordIndex, searchTermLength) + '</mark>'
+            + markedUpWord.name.substr(wordIndex + searchTermLength);
+        });
+      }
+      if (filters.definition) {
+        const definitionMatches = getIndicesOf(searchTerm, removeDiacritics(markedUpWord.definition), filters.caseSensitive);
+        definitionMatches.forEach((wordIndex, i) => {
+          wordIndex += '<mark></mark>'.length * i;
+          markedUpWord.definition = markedUpWord.definition.substring(0, wordIndex)
+            + '<mark>' + markedUpWord.definition.substr(wordIndex, searchTermLength) + '</mark>'
+            + markedUpWord.definition.substr(wordIndex + searchTermLength);
+        });
+      }
+      if (filters.details) {
+        const detailsMatches = getIndicesOf(searchTerm, removeDiacritics(markedUpWord.details), filters.caseSensitive);
+        detailsMatches.forEach((wordIndex, i) => {
+          wordIndex += '<mark></mark>'.length * i;
+          markedUpWord.details = markedUpWord.details.substring(0, wordIndex)
+            + '<mark>' + markedUpWord.details.substr(wordIndex, searchTermLength) + '</mark>'
+            + markedUpWord.details.substr(wordIndex + searchTermLength);
+        });
+      }
+    } else {
+      const regexMethod = 'g' + (filters.caseSensitive ? '' : 'i');
+      if (filters.name) {
+        markedUpWord.name = markedUpWord.name.replace(new RegExp(`(${searchTerm})`, regexMethod), `<mark>$1</mark>`);
+      }
+      if (filters.definition) {
+        markedUpWord.definition = markedUpWord.definition.replace(new RegExp(`(${searchTerm})`, regexMethod), `<mark>$1</mark>`);
+      }
+      if (filters.details) {
+        markedUpWord.details = markedUpWord.details.replace(new RegExp(`(${searchTerm})`, regexMethod), `<mark>$1</mark>`);
+      }
+    }
+    return markedUpWord;
+  }
+  return word;
+}
+
+export function checkAllPartsOfSpeechFilters() {
+  const searchFilters = document.querySelectorAll('#searchPartsOfSpeech input[type="checkbox"]');
+  Array.from(searchFilters).forEach(filter => {
+    filter.checked = true;
+  });
+  renderWords();
+}
+
+export function uncheckAllPartsOfSpeechFilters() {
+  const searchFilters = document.querySelectorAll('#searchPartsOfSpeech input[type="checkbox"]');
+  Array.from(searchFilters).forEach(filter => {
+    filter.checked = false;
+  });
+  renderWords();
+}
--- a/src/js/view/setupListeners.js
+++ b/src/js/view/setupListeners.js
@ -1,6 +1,9 @@
 import {showSection, hideDetailsPanel} from './displayToggles';
-import { showSearchModal, clearSearchText, checkAllPartsOfSpeechFilters, uncheckAllPartsOfSpeechFilters } from '../search';
+import { showSearchModal, clearSearchText, checkAllPartsOfSpeechFilters, uncheckAllPartsOfSpeechFilters } from './search';
 import { renderWords, renderInfoModal } from './render';
+import helpFile from '../../markdown/help.md';
+import termsFile from '../../markdown/terms.md';
+import privacyFile from '../../markdown/privacy.md';

 export default function setupListeners() {
  setupDetailsTabs();
@ -79,19 +82,13 @@ export function setupSearchFilters() {

 export function setupInfoButtons() {
  document.getElementById('helpInfoButton').addEventListener('click', () => {
-    import('../../markdown/help.md').then(html => {
-      renderInfoModal(html);
-    });
+    renderInfoModal(helpFile);
  });
  document.getElementById('termsInfoButton').addEventListener('click', () => {
-    import('../../markdown/terms.md').then(html => {
-      renderInfoModal(html);
-    });
+    renderInfoModal(termsFile);
  });
  document.getElementById('privacyInfoButton').addEventListener('click', () => {
-    import('../../markdown/privacy.md').then(html => {
-      renderInfoModal(html);
-    });
+    renderInfoModal(privacyFile);
  });
 }

--- a/src/js/view/utilities.js
+++ b/src/js/view/utilities.js
@ -0,0 +1,118 @@
+export function getWordsStats() {
+  const {words, partsOfSpeech} = window.currentDictionary;
+  const {caseSensitive} = window.currentDictionary.settings;
+  
+  const wordStats = {
+    numberOfWords: [
+      {
+        name: 'Total',
+        value: words.length,
+      },
+    ],
+    wordLength: {
+      shortest: 0,
+      longest: 0,
+      average: 0,
+    },
+    letterDistribution: [
+      /* {
+        letter: '',
+        number: 0,
+        percentage: 0.00,
+      } */
+    ],
+    totalLetters: 0,
+  };
+
+  partsOfSpeech.forEach(partOfSpeech => {
+    const wordsWithPartOfSpeech = words.filter(word => word.partOfSpeech === partOfSpeech);
+    wordStats.numberOfWords.push({
+      name: partOfSpeech,
+      value: wordsWithPartOfSpeech.length,
+    });
+  });
+
+  wordStats.numberOfWords.push({
+    name: 'Unclassified',
+    value: words.filter(word => !partsOfSpeech.includes(word.partOfSpeech)).length,
+  });
+
+  let totalLetters = 0;
+  const numberOfLetters = {};
+
+  words.forEach(word => {
+    const shortestWord = wordStats.wordLength.shortest;
+    const longestWord = wordStats.wordLength.longest;
+    const wordLetters = word.name.split('');
+    const lettersInWord = wordLetters.length;
+
+    totalLetters += lettersInWord;
+
+    if (shortestWord === 0 || lettersInWord < shortestWord) {
+      wordStats.wordLength.shortest = lettersInWord;
+    }
+
+    if (longestWord === 0 || lettersInWord > longestWord) {
+      wordStats.wordLength.longest = lettersInWord;
+    }
+
+    wordLetters.forEach(letter => {
+      const letterToUse = caseSensitive ? letter : letter.toLowerCase();
+      if (!numberOfLetters.hasOwnProperty(letterToUse)) {
+        numberOfLetters[letterToUse] = 1;
+      } else {
+        numberOfLetters[letterToUse]++;
+      }
+    });
+  });
+
+  wordStats.totalLetters = totalLetters;
+  wordStats.wordLength.average = words.length > 0 ? Math.round(totalLetters / words.length) : 0;
+
+  for (const letter in numberOfLetters) {
+    if (numberOfLetters.hasOwnProperty(letter)) {
+      const number = numberOfLetters[letter];
+      wordStats.letterDistribution.push({
+        letter,
+        number,
+        percentage: number / totalLetters,
+      });
+    }
+  }
+
+  wordStats.letterDistribution.sort((a, b) => {
+    if (a.percentage === b.percentage) return 0;
+    return (a.percentage > b.percentage) ? -1 : 1;
+  });
+
+  return wordStats;
+}
+
+export function getHomonymnIndexes(word) {
+  const { currentDictionary } = window;
+  const { caseSensitive } = currentDictionary.settings;
+  const foundIndexes = [];
+  currentDictionary.words.forEach((existingWord, index) => {
+    if (existingWord.wordId !== word.wordId
+      && (caseSensitive ? existingWord.name === word.name : existingWord.name.toLowerCase() === word.name.toLowerCase())) {
+        foundIndexes.push(index);
+      }
+  });
+  return foundIndexes;
+}
+
+export function getHomonymnNumber(word) {
+  const homonyms = getHomonymnIndexes(word);
+  if (homonyms.length > 0) {
+    const index = window.currentDictionary.words.findIndex(w => w.wordId === word.wordId);
+    let number = 1;
+
+    for (let i = 0; i < homonyms.length; i++) {
+      if (index < homonyms[i]) break;
+      number++;
+    }
+
+    return number;
+  }
+  return 0;
+}
--- a/src/js/view/wordManagement.js
+++ b/src/js/view/wordManagement.js
@ -0,0 +1,55 @@
+import { wordExists, getHomonymnIndexes } from "./utilities";
+import removeDiacritics from "../StackOverflow/removeDiacritics";
+
+export function sortWords() {
+  const { sortByDefinition } = window.currentDictionary.settings;
+  const sortBy = sortByDefinition ? 'definition' : 'name';
+
+  window.currentDictionary.words.sort((wordA, wordB) => {
+    if (removeDiacritics(wordA[sortBy]).toLowerCase() === removeDiacritics(wordB[sortBy]).toLowerCase()) return 0;
+    return removeDiacritics(wordA[sortBy]).toLowerCase() > removeDiacritics(wordB[sortBy]).toLowerCase() ? 1 : -1;
+  });
+}
+
+export function parseReferences(detailsMarkdown) {
+  const references = detailsMarkdown.match(/\{\{.+?\}\}/g);
+  if (references && Array.isArray(references)) {
+    new Set(references).forEach(reference => {
+      let wordToFind = reference.replace(/\{\{|\}\}/g, '');
+      let homonymn = 0;
+      
+      if (wordToFind.includes(':')) {
+        const separator = wordToFind.indexOf(':');
+        homonymn = wordToFind.substr(separator + 1);
+        wordToFind = wordToFind.substring(0, separator);
+        if (homonymn && homonymn.trim()
+          && !isNaN(parseInt(homonymn.trim())) && parseInt(homonymn.trim()) > 0) {
+          homonymn = parseInt(homonymn.trim());
+        } else {
+          homonymn = false;
+        }
+      }
+
+      let existingWordId = false;
+      const homonymnIndexes = getHomonymnIndexes({ name: wordToFind, wordId: -1 });
+
+      if (homonymn !== false && homonymn > 0) {
+        if (typeof homonymnIndexes[homonymn - 1] !== 'undefined') {
+          existingWordId = window.currentDictionary.words[homonymnIndexes[homonymn - 1]].wordId;
+        }
+      } else if (homonymn !== false) {
+        existingWordId = wordExists(wordToFind, true);
+      }
+
+      if (existingWordId !== false) {
+        if (homonymn < 1 && homonymnIndexes.length > 0) {
+          homonymn = 1;
+        }
+        const homonymnSubHTML = homonymn > 0 ? '<sub>' + homonymn.toString() + '</sub>' : '';
+        const wordMarkdownLink = `[${wordToFind}${homonymnSubHTML}](#${existingWordId})`;
+        detailsMarkdown = detailsMarkdown.replace(new RegExp(reference, 'g'), wordMarkdownLink);
+      }
+    });
+  }
+  return detailsMarkdown;
+}
--- a/src/js/wordManagement.js
+++ b/src/js/wordManagement.js
@ -1,5 +1,5 @@
 import { renderWords } from "./render";
-import { wordExists, addMessage, getNextId, hasToken } from "./utilities";
+import { wordExists, addMessage, getNextId, hasToken, getHomonymnIndexes } from "./utilities";
 import removeDiacritics from "./StackOverflow/removeDiacritics";
 import { removeTags, getTimestampInSeconds } from "../helpers";
 import { saveDictionary } from "./dictionaryManagement";
@ -46,6 +46,49 @@ export function sortWords(render) {
  }
 }

+export function parseReferences(detailsMarkdown) {
+  const references = detailsMarkdown.match(/\{\{.+?\}\}/g);
+  if (references && Array.isArray(references)) {
+    new Set(references).forEach(reference => {
+      let wordToFind = reference.replace(/\{\{|\}\}/g, '');
+      let homonymn = 0;
+      
+      if (wordToFind.includes(':')) {
+        const separator = wordToFind.indexOf(':');
+        homonymn = wordToFind.substr(separator + 1);
+        wordToFind = wordToFind.substring(0, separator);
+        if (homonymn && homonymn.trim()
+          && !isNaN(parseInt(homonymn.trim())) && parseInt(homonymn.trim()) > 0) {
+          homonymn = parseInt(homonymn.trim());
+        } else {
+          homonymn = false;
+        }
+      }
+
+      let existingWordId = false;
+      const homonymnIndexes = getHomonymnIndexes({ name: wordToFind, wordId: -1 });
+
+      if (homonymn !== false && homonymn > 0) {
+        if (typeof homonymnIndexes[homonymn - 1] !== 'undefined') {
+          existingWordId = window.currentDictionary.words[homonymnIndexes[homonymn - 1]].wordId;
+        }
+      } else if (homonymn !== false) {
+        existingWordId = wordExists(wordToFind, true);
+      }
+
+      if (existingWordId !== false) {
+        if (homonymn < 1 && homonymnIndexes.length > 0) {
+          homonymn = 1;
+        }
+        const homonymnSubHTML = homonymn > 0 ? '<sub>' + homonymn.toString() + '</sub>' : '';
+        const wordMarkdownLink = `[${wordToFind}${homonymnSubHTML}](#${existingWordId})`;
+        detailsMarkdown = detailsMarkdown.replace(new RegExp(reference, 'g'), wordMarkdownLink);
+      }
+    });
+  }
+  return detailsMarkdown;
+}
+
 export function submitWordForm() {
  const name = document.getElementById('wordName').value,
    pronunciation = document.getElementById('wordPronunciation').value,
@ -101,6 +144,7 @@ export function deleteWord(wordId) {
  const wordIndex = window.currentDictionary.words.findIndex(word => word.wordId === wordId);
  if (wordIndex < 0) {
    console.error('Could not find word to delete');
+    addMessage('Could not find word to delete. Please refresh your browser and try again.', 10000, 'error');
  } else {
    window.currentDictionary.words.splice(wordIndex, 1);
    addMessage('Word Deleted Successfully');
@ -119,6 +163,7 @@ export function updateWord(word, wordId) {

  if (wordIndex < 0) {
    console.error('Could not find word to update');
+    addMessage('Could not find word to update. Please refresh your browser and try again.', 10000, 'error');
  } else {
    word.lastUpdated = getTimestampInSeconds();
    word.createdOn = window.currentDictionary.words[wordIndex].createdOn;
@ -136,7 +181,6 @@ export function updateWord(word, wordId) {

 export function confirmEditWord(id) {
  const wordId = typeof id.target !== 'undefined' ? parseInt(this.id.replace('editWordButton_', '')) : id;
-  console.log(wordId);
  const name = document.getElementById('wordName_' + wordId).value,
    pronunciation = document.getElementById('wordPronunciation_' + wordId).value,
    partOfSpeech = document.getElementById('wordPartOfSpeech_' + wordId).value,
@ -174,6 +218,7 @@ export function confirmDeleteWord(wordId) {

  if (!word) {
    console.error('Something went wrong! Couldn\'t find word with id of ' + wordId);
+    addMessage('Could not find word to delete. Please refresh your browser and try again.', 10000, 'error');
  } else {
    if (confirm(`Are you sure you want to delete "${word.name}"?`)) {
      if (confirm(`Just to double-check:\nDo you really want to delete "${word.name}"?\n\nYou won't be able to undo it!`)) {
--- a/src/main.scss
+++ b/src/main.scss
@ -9,10 +9,30 @@
@import 'scss/mobile/structure';
@import 'scss/mobile/elements';

-html, body {
-  font-family: $font;
+@import 'scss/themes/default';
+@import 'scss/themes/dark';
+@import 'scss/themes/light';
+@import 'scss/themes/blue';
+@import 'scss/themes/green';
+@import 'scss/themes/royal';
+@import 'scss/themes/yellow';
+@import 'scss/themes/red';
+@import 'scss/themes/mint';
+@import 'scss/themes/grape';

+html, body {
+  margin: 0;
+  font-family: $font;
+  transition: all 0.2s ease-in;
+  
  * {
+    transition: all 0.2s ease-in;
    box-sizing: border-box;
  }
+}
+
+input:not([type="checkbox"]),
+select,
+textarea {
+  font-size: 16px;
 }
--- a/src/markdown/help.md
+++ b/src/markdown/help.md
@ -1,50 +1,51 @@
 # Lexiconga Help

 ## Table of Contents
-* [What is Lexiconga?](#what-is-lexiconga-dictionary-builder-)
-* [How do I use Lexiconga?](#how-do-i-use-lexiconga-)
+
+* [What is Lexiconga?](#what-is-lexiconga)
+* [How do I use Lexiconga?](#how-do-i-use-lexiconga)
  * [Getting Started](#getting-started)
-  * [Viewing your Dictionary's Details](#viewing-your-dictionary-s-details)
+  * [Viewing your Dictionary's Details](#viewing-your-dictionarys-details)
  * [Referencing Other Words](#referencing-other-words)
  * [Maximizing Large Text Boxes](#maximizing-large-text-boxes)
+  * [IPA Auto-Fill Fields](#ipa-auto-fill-fields)
  * [Entry Management](#entry-management)
-  * [Search/Filter](#search-filter)
-  * [The Dictionary Settings Menu](#the-dictionary-settings-menu)
+  * [Search/Filter](#searchfilter)
+  * [The Settings Window](#the-settings-window)
+  * [The Dictionary Settings Window](#the-dictionary-settings-window)
  * [Keyboard Shortcuts](#keyboard-shortcuts)
-  * [Importing and Exporting](#importing-and-exporting)
 * [Accounts](#accounts)
  * [Creating An Account](#creating-an-account)
  * [Logging In](#logging-in)
  * [Differences](#differences)
-    * [Account Settings](#account-settings)
-    * [Dictionary Settings](#dictionary-settings)
+    * [Settings](#settings)
    * [Public Dictionaries](#public-dictionaries)
-  * [Forgot Your Password?](#forgot-your-password-)
+  * [Forgot Your Password?](#forgot-your-password)
  * [Lockout](#lockout)
 * [Problems or Requests](#problems-or-requests)
 * [Update Log](#update-log)
-* [Future Plans](#future-plans)
+* [Open Source](#open-source)
 * [Thanks](#thanks-)
-* [Libraries Used](#libraries-used)

 ## What is Lexiconga?
+
 Lexiconga is a tool intended to help you build constructed language (conlang) dictionaries/lexicons.

-You can enter words and definitions, and they will appear nicely formatted and in alphabetical order by name under your dictionary's title, where you can also sort them by definition. If the default parts of speech are not adequate for your conlang, you can change them to whatever you might need. You can even enter a description and full set of language rules that you can toggle on and off below the dictionary's title!
+You can enter words and definitions, and they will appear nicely formatted and in alphabetical order by name under your dictionary's title and details. You can also set your dicitonary to display your words by definition if you prefer that view. If the default parts of speech are not adequate for your conlang, you can change them to whatever you might need. You can also enter a description and full set of language rules that you can toggle on and off below the dictionary's title!

-It accepts Unicode characters so you can utilize whatever typable characters you might need and [Markdown](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet) for formatting long text entries, and if you want to share or even just make a backup of your dictionary, you can export it to a single convenient file that can be easily re-imported. Your dictionary is saved to your browser's localStorage every time you make a change, which means as long as you use the same browser and don't deliberately delete it (by clearing your cache), your dictionary will always be there when you come back.
+Lexiconga accepts Unicode characters so you can utilize whatever typable characters you might need and [Markdown](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet) for formatting long text entries, and if you want to share or even just make a backup of your dictionary, you can export it to a single convenient file that can be easily re-imported. Your dictionary is saved to your browser's [localStorage](https://www.w3schools.com/html/html5_webstorage.asp) every time you make a change, which means as long as you use the same browser and don't deliberately delete it by clearing your cache, your dictionary will always be there when you come back.

-If you would like an added layer of accessibility and security (in case you clear your browser cache frequently), you can create an account, where you can store and switch between as many dictionaries as you need. Having an account will also allow you to access your dictionaries from any browser by logging in. (Just be careful you don't overwrite dictionaries by logging in and saving from separate locations!)
+If you would like an added layer of accessibility and security (in case you clear your browser cache frequently), you can create an account, where you can store and switch between as many dictionaries as you need. Having an account will also allow you to access your dictionaries from any browser by logging in.

 ## How do I use Lexiconga?

 ### Getting Started
-When you have a brand new, empty dictionary, the first thing you'll probably want to do is change the title to whatever your conlang is called and add at least a little description of what your language is like or how to use it. You can do this by clicking on the **Edit** button, which will open up the Dictionary Settings screen. Here, you will find all the fields you need to update your dictionary's Name, Specification, and Description. The Description text area uses [Markdown](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet) to format any text you include, so brush up on how to do basic things in Markdown before you get started _(NOTE: a line break is done by adding 2 or more spaces to the end of the line and then going to the next line!)_.
+When you have a brand new, empty dictionary, the first thing you'll probably want to do is change the title to whatever your conlang is called and add at least a little description of what your language is like or how to use it. You can do this by clicking on the **Edit** button, which will open up the Dictionary Settings screen. Here, you will find all the fields you need to update your dictionary's Name, Specification, and Description. The Description text area uses [Markdown](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet) to format any text you include, so brush up on how to do basic things in Markdown before you get started _(NOTE: a line break is created by adding 2 or more spaces to the end of the line and then going to the next line!)_.

 After this, go to the **Details** tab and make sure that the Parts of Speech are adequate for your language _(see below for more information about this)_, and add phonology information if you'd like _(learning to use the [International Phonetic Alphabet](https://en.wikipedia.org/wiki/International_Phonetic_Alphabet) can be very helpful here)_. Update these fields how you want them and click the "Save" button to keep the Dictionary Settings menu open, or the "Save & Close" button to close the menu and start adding words!

 To add words, use the form on the top left side of the window _(in mobile, click the **+** button to show the form)_. Hopefully the form is self-explanatory, but if not, here's a little guide:  
-Enter the word in your language in the "Word" field, the pronunciation of the word in the "Pronunciation" field, choose a Part of Speech, enter an definition/equivalent word in the "Definition" field and/or a longer definition or fuller explanation of the word using [Markdown](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet) in the "Details" text area, and click "Add Word". Your word will instantly appear in your dictionary under the dictionary's name! You can add as many words as you want this way.  
+Enter the word in your constructed language in the "Word" field, the pronunciation of the word in the "Pronunciation" field, choose a Part of Speech, enter an definition/equivalent word in the "Definition" field and/or a longer definition or fuller explanation of the word using [Markdown](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet) in the "Details" text area, and click "Add Word". Your word will instantly appear in your dictionary under the dictionary's name! You can add as many words as you want this way.  
 The only things to remember while adding new words is that the minimum information that you can enter is the Word itself and either the Definition OR the Details. You can have both of these or just one, but you need at least one. If you do not want to use the Pronunciation or Parts of Speech then you do not need to, though if you leave out Part of Speech, you will miss out on the handy Search Filter feature.

 And that's all you need to get started! Everything else should be pretty self-explanatory, but a full explanation of Lexiconga and all of its functions continues below.
@ -54,11 +55,20 @@ After you enter a markdown-formatted description/rules in the Dictionary Setting

 ### Referencing Other Words
 If you want to reference another existing word in your dictionary, wrapping the word with its exact name in double-curly-braces \{\{like so\}\} in the Details field will automatically create a link to the word in the dictionary.  
-Note: If you do not prevent duplicates, it will find the first entry in the list.
+
+If you have more than one word with the same spelling, the duplicate words will appear in your word listing with small numbers beside them. By writing the number after a colon \{\{like so:2\}\}, you can directly reference the specific homonymn. If you have duplicate words and exclude the reference number, it will link to the homonymn marked with 1.

 ### Maximizing Large Text Boxes
 If you need more space to see what you are entering into a word's Details field or any other long text field with a "Maximize" button, clicking "Maximize" will give you a larger view of the text box to enter text in. When you're done writing, click either the "Done" or &times; button or any of the darker space outside of the larger view, and your text will be in the original text area. It will even preserve your cursor position or highlighted text so you don't lose your place moving from the larger view back to the small (and vice-versa)!

+### IPA Auto-Fill Fields
+
+You may notice some buttons around the Pronunciation field in the main word form and some other fields in the Details tab of your Dictionary Settings menu. This indicates that the field is using a special feature that generates [International Phonetic Alphabet](https://en.wikipedia.org/wiki/International_Phonetic_Alphabet) (IPA) characters when typing certain combinations of characters. Click the "Field Help" button below the field for instructions on how to use those fields.
+
+You can also click the "IPA Table" button to display a maximized table that shows all of the characters in the IPA. Clicking them will add it to the pronunciation field wherever you position the cursor in the field. If you hover over the button for an IPA character that is not on a standard keyboard, you can what character combinations will produce that character when you type it in the field.
+
+If you do not want to use the IPA field feaure, you can turn it off in the Settings. Click the "Settings" button in the top right side of the website, uncheck "Use IPA Auto-Fill", and click "Save" or "Save & Close". The "IPA Table" and "Field Help" buttons will be removed from all fields they were around, and you can use those fields as normal.
+
 ### Entry Management
 After adding some words to your dictionary, you'll see an "Options" button on each entry. Clicking the button reveals Edit and Delete buttons.

@ -66,133 +76,155 @@ The **Edit** button will cause a form with the current details of the word you e

 The **Delete** button will ask you to confirm that you want to delete the entry, and if you say yes, the word will be _permanently deleted and **cannot be retrieved**_.

+Note that to use these fields, your browser will need to allow "confirm" and "prompt" popups. Preventing these fuctions will prevent words from being edited or deleted.
+
 ### Search/Filter
-You can search entries or filter by part of speech by clicking the "Search/Filter Options" button to expand the search panel.
+You can search entries or filter by part of speech by clicking the "Search" button at the top of the screen. This will open a small panel that will stick to the top of your screen as you scroll.

 From there, you can enter any text you want in the search box and either press Enter or click anywhere outside the search box, and Lexiconga will display any and every entry including your entry. To display the entire dictionary again, you must clear the search box.

-You can refine your search by using the checkboxes below the search box:
+You can refine your search by clicking the "Toggle Options" button and using the checkboxes below the search box. There are 3 sections that can help you filter your search:

-* **Word**: When checked, Lexiconga searches your dictionary's "Word" entries for the entered text. When unchecked, it ignores it.
-* **Definition**: When checked, Lexiconga searches your dictionary's "Definition/Equivalent Word(s)" entries for the entered text. When unchecked, it ignores it.
-* **Explanation**: When checked, Lexiconga searches your dictionary's "Explanation/Long Definition" entries for the entered text. When unchecked, it ignores it.
-* **Search Case-Sensitive**: When checked, Lexiconga finds entries matching the letter case in the entered text. When unchecked, it will find any case as long as the letters match.
-* **Ignore Diacritics/Accents**: When checked, Lexiconga will ignore accented letters and diacritics and identify them as their equivalent unaccented letter and vice-versa, in case you want to find a word with a diacritic without entering the diacritic in the search box. When unchecked, it will only find diacritics and accented letters if they are specifically entered in the search box.
+- **Search For**
+  - **Case-Sensitive:** When checked, Lexiconga finds entries matching the letter case in the entered text. When unchecked, it will find any case as long as the letters match.
+  - **Ignore Diacritics/Accents:** When checked, Lexiconga will ignore accented letters and diacritics and identify them as their equivalent unaccented letter and vice-versa, in case you want to find a word with a diacritic without entering the diacritic in the search box. When unchecked, it will only find diacritics and accented letters if they are specifically entered in the search box.
+  - **Exact Words:** When checked, the search term will find entries with _exact matches_ in only the Word or Definition field. If Word or Definition has _any_ text aside from exactly what was entered in the search bar, it will not be displayed.
+- **Include in Search**
+  - **Word**: When checked, Lexiconga searches your dictionary's "Word" entries for the entered text. When unchecked, it ignores it.
+  - **Definition**: When checked, Lexiconga searches your dictionary's "Definition/Equivalent Word(s)" entries for the entered text. When unchecked, it ignores it.
+  - **Explanation**: When checked, Lexiconga searches your dictionary's "Explanation/Long Definition" entries for the entered text. When unchecked, it ignores it.
+- **Include Only:** Lists all parts of speech and "Unclassified" with a checkbox next to each. If you uncheck any of the parts of speech, any entries in your dictionary with that part of speech will not be shown. Use the "Check All" and "Uncheck All" buttons to quickly select/unselect all of them.
+  - **Unclassified:** Checking this box will show entries that do not have a part of speech.

-The "Filter Words" drop-down box allows you to filter your dictionary by part of speech. To display the whole dictionary again after setting a filter, reset the filter option to "All".
+When you have a search term or filter applied, you can see the number of results and "(Filtered)" next to the search button. To close the search panel, click the &times; button or the darker space on either side of it.

-### The Dictionary Settings Menu
-While you were in the settings menu when you were getting started, you probably noticed the other tabs.
+To display _all_ of your words again, clear your search bar and ensure all the "Include Only" checkboxes are checked.

-The **Parts of Speech** field is where you can add custom parts of speech for your language if you need to! Just list your parts of speech in a comma-separated list the same way as the default parts of speech are listed, and your options in the word form and filters will update as soon as you save!  
->_Please note that if you have other parts of speech added to existing words, those words will not update and will keep the old parts of speech. You will need to manually update any words with incorrect parts of speech after the fact, which is why I recommend you update the available parts of speech as one of the first things you do if you need to change them at all!_
+### The Settings Window

-The **Allow Duplicates** checkbox allows you to control whether or not Lexiconga will allow you to add the same word multiple times. If you leave Allow Duplicates unchecked and you try to add a word that is already in the dictionary, Lexiconga will tell you that the word already exists and will ask if you want to update it with the newly entered word.
+Clicking the "Settings" button in the top-right side of Lexiconga will show the Settings window with some options.

-The **Case-Sensitive** checkbox allows you to control Lexiconga's duplicate detection. If you leave Case-Sensitive unchecked, you will be alerted when you are trying to add a word with the same letters to your dictionary a second time. For example, "dog" is identified as the same word as "DOG" or "doG". The dictionary will keep whatever capitalization you save but it will identify words with the same spelling as duplicates. If Case-Sensitive is checked, then it will not identify "dog" and "DOG" as the same word.  
-If Allow Duplicates is checked, this checkbox becomes unavailable.
+- **Use IPA Auto-Fill:** Check this to use character combinations to input International Phonetic Alphabet characters into Pronunciation fields. Use the "Field Help" button for instructions on how to use it and the "IPA Table" to display available characters. Uncheck it to disable the feature and hide the buttons.
+- **Use Hotkeys:** Check this to enable keyboard combinations to perform different helpful actions (see [Keyboard Shortcuts](#keyboard-shortcuts) below). Unchecking this disables the feature.
+  - Note: If your browser does not support required features, this will be disabled automatically.
+- **Default Theme:** Choose what color theme new dictionaries will use when they are created.

-The **Dictionary is Complete** checkbox will make the word add/edit form go away so you can view or share it more easily/safely. Plus when you export your dictionary, all of the options to change anything about your dictionary will be excluded when it is re-imported! Your dictionary will become static, and will not be able to be changed or updated without a password.
+After making changes, click the "Save" or "Save & Close" button to save your changes.

-The **Export...** and **Import...** buttons are discussed in the [Importing and Exporting](#importing-and-exporting) section below.
+### The Dictionary Settings Window

-The **Empty Current Dictionary** should only be used if you want to completely start over from scratch. It will ask you to confirm that you want to delete, and if you confirm, your dictionary will be gone forever. If you have not exported your dictionary before emptying it, there will be absolutely no way to get it back. Please be careful with this!
+Clicking the "Edit" button under your dictionary's name will display a window with tabs that each contain different fields and options.
+
+#### Description
+
+  - **Name:** Your dictionary's name. Displays above the entries.
+  - **Specification:** How your dictionary is referred to. For example, you can change this to something like "Word List" or "Lexicon" if you prefer. Displays above the entries after Name.
+  - **Description:** Any information you want to enter about your dictionary. Uses [Markdown](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet) formatting.
+  
+#### Details
+
+  - **Parts of Speech:** The parts of speech available in the dropdown box on word forms. Separate each individual part of speech with a comma.
+  - **Alphabetical Order:** This feature has not been implemented yet.
+  - **Phonology**
+    - **Consonants:** The IPA characters representing the consonants present in your language. Uses the IPA Auto-Fill feature unless it is turned off. Separate each consonant with a _space_ so they will be displayed correctly under the Details section of your dictionary.
+    - **Vowels:** The IPA characters representing the vowels present in your language. Uses the IPA Auto-Fill feature unless it is turned off. Separate each vowel with a _space_ so they will be displayed correctly under the Details section of your dictionary.
+    - **Polyphthongs/Blends:** The IPA characters representing the polyphthongs or blends present in your language. Uses the IPA Auto-Fill feature unless it is turned off. Separate each one with a _space_ so they will be displayed correctly under the Details section of your dictionary.
+  - **Phonotactics**
+    - **Onset:** What phonological characters can appear at the beginning of a syllable. Separate each with a comma.
+    - **Nucleus:** What phonological characters can appear in the middle of a syllable. Separate each with a comma.
+    - **Coda:** What phonological characters can appear at the end of a syllable. Separate each with a comma.
+    - **Exceptions:** Any exceptions to the phonotactical rules laid out above. This is a Markdown-enable text area that you can use however you'd like.
+  - **Orthography**
+    - **Notes:** Any notes about your constructed language's writing system that you want to share. Uses Markdown.
+  - **Grammar**
+    - **Notes:** Any notes about your constructed language's grammar that you want to share. Uses Markdown.
+
+#### Settings
+  - **Prevent Duplicate Words:** Checking this box will prevent the creation of words with the exact same spelling.
+  - **Words are Case-Sensitive:** Only available when "Prevent Duplicate Words" is checked. Checking this box will allow the creation of words with the exact same spelling if their capitalization is different.
+  - **Sort by Definition:** Checking this box will sort the words in alphabetical order based on the Definition instead of the Word.
+  - **Theme:** Set the color theme for the current dictionary.
+  - **Make Public:** Only visible if logged in with a Lexiconga account. Checking this box will make your dictionary public via a link you can share with others. The link will appear below this checkbox after it is checked.
+
+#### Actions
+  - **Import JSON:** Choose a previously exported JSON file or older `.dict` file to import. If you are logged in, this will upload the dictionary to your account and display it. If you are not logged in, it will _replace_ your current dictionary with the imported one.
+    - Again, please note that if you are not logged in, this import process will _**permanently overwrite your current dictionary**_, so please be sure to export your dictionary _before_ you import a new one!
+  - **Import Words:** Choose a properly-formatted `.csv` file of words to add to your dictionary. This will add all of the words from the file to your current dictionary _even if the list includes duplicate words_. Use the "Download an example file with the correct formatting" link below this field to save a file that you can open with any program that processes CSVs like Microsoft Excel or some other spreadsheet program.
+    - Please note that when importing words, you must make sure that the parts of speech specified in the parts of speech column are written _exactly as they are in your dictionary settings_ (capitalized, spelled correctly, or any other details). If they are not the same, then you will not be able to use the filters to find the words! So if you import a word with the part of speech set to "adj" or "adjective", but the part of speech in your dictionary's settings is "Adjective", then you will not be able to find the word using the filters!
+    - If you import a word _without_ a part of speech, you _can_ use the filter's "Blanks" option to find any words with empty parts of speech to help you clean up after the import.
+  - **Export JSON:** Start a download of a file with your dictionary's name in a `.json` format. _Please note that this may not work as expected on mobile platforms._ This export can be a personal backup for your own uses, to work on multiple dictionaries at a time (i.e. export one dictionary and import the other to work on the one you'd like), or you can share it with friends to view it. The file contains your whole dictionary in a JSON format and is mainly only useful for importing back into Lexiconga.
+  - **Export Words:** Start a download of all of the words in the currently loaded dictionary into a convenient CSV file format that you can use to re-import into another Lexiconga dictionary or otherwise use as you need it! All of the data is wrapped in double quotes (`"`) to comply with standard CSV format.
+  - **Delete Dictionary:** Clicking this button will confirm that you want to delete your dictionary. If you confirm, it will permanently destroy your dictionary and all of its data. If you are logged in, this also removes the dictionary from your account.
+
+After making any changes, be sure to click "Save" or "Save & Close" to ensure that your changes are saved!

 ### Keyboard Shortcuts
-**Esc** : Exits a window (i.e. Dictionary Settings, Account Settings, this about page, etc.) without saving.
+**Esc** : Closes any open window (i.e. Dictionary Settings, Settings, this help page, etc.) without saving.

 **Ctrl/Control +**

-* **Enter/Return** : Submit Word (when typing in Word or Edit Form)
-* **D** : Toggle Dictionary Description visibility.
-* **H** : Open this help window.
-* **M** : Maximize/Minimize Full Screen textbox when typing in the boxes that have the Maximize button.
-* **S** : Jump to Search box.
-* **U** : Toggle Word Form lock.
-
-**Alt/Option +**
-
-* **A** : Toggle Account Settings window (if logged in).
-* **S** : Toggle Dicitonary Settings window. Saves & Closes if it's already open.
-
-### Importing and Exporting
-In the Settings screen, you may notice the buttons labeled "**Export...**" and "**Import...**". If you click on either of these, the respective Export and Import page will appear.
-
-#### Exporting
-Clicking the **"Export Words"** button will start a download of all of the words in the currently loaded dictionary into a convenient CSV file format that you can use to re-import into another Lexiconga dictionary or otherwise use as you need it! All of the data is wrapped in double quotes (`"`) to comply with standard CSV format.
-
-Clicking the **"Export Dictionary"** button will start a download of a file with your dictionary's name in a ".dict" format. _Please note that this may not work as expected on mobile platforms._ This export can be a personal backup for your own uses, to work on multiple dictionaries at a time (i.e. export one dictionary and import the other to work on the one you'd like), or you can share it with friends to view it. The .dict file contains your whole dictionary in a JSON format, and is mainly only useful for importing back into Lexiconga.
-
-#### Importing
-Clicking the **"Import Words"** button after choosing a file allows you to import a correctly-formatted CSV list of words into your currently loaded dictionary. This can either be a previously-exported list of words from another Lexiconga dictionary or a list created in Excel with the correct column headers that has been saved as a CSV file. You can download a CSV file as a template from the Import page as an example to help you format and save your Excel lists properly.
-
-Please note that when importing words, you must make sure that the parts of speech specified in the parts of speech column are written _exactly as they are in your dictionary settings_ (capitalized, spelled correctly, or any other details). If they are not the same, then you will not be able to use the filters to find the words! So if you import a word with the part of speech set to "adj" or "adjective", but the part of speech in your dictionary's settings is "Adjective", then you will not be able to find the word using the filters!
-
-If you import a word _without_ a part of speech, you _can_ use the filter's "Blanks" option to find any words with empty parts of speech to help you clean up after the import.
-
-Clicking the **"Import Dictionary"** button after choosing a file allows you to upload and view any previously-exported ".dict" files. After selecting your ".dict" file, click the "Import Dictionary" button to _overwrite your current dictionary_ and view the imported one. Again, please note that if you are not logged in, this import process will _**permanently overwrite your current dictionary**_, so please be sure to export your dictionary _before_ you import a new one!
+- **Enter/Return:** Submit Word (when typing in Word or Edit Form) _OR_ Save & Close the Settings or Dictionary Settings window.
+- **D:** Cycle through dictionary description, details, and stats.
+- **E:** Open the Dictionary Settings window.
+- **H:** Open this help window.
+- **M:** Maximize/Minimize Full Screen textbox when typing in the boxes that have the Maximize button.
+- **S:** Open the Search panel.
+- **Shift + S:** Open the Settings window.
+- **X:** Clear the Search box.

 ## Accounts
-If you are using an account with Lexiconga, your experience should remain essentially the same, but you will see some additional options in the Settings menu and you might notice some slight changes in performance as it saves to and loads from the database.
+If you are using an account with Lexiconga, your experience should remain essentially the same, but you will see some additional options in the Settings menu and you might notice some slight changes in performance as it saves to and loads from the database. This saving/loading process prioritizes your local dictionary, so if you ever lose connection, it will keep retrying the upload until connection is re-established. It also attempts to sync every time you load Lexiconga, so please be aware of that if you refresh the page.

 ### Creating An Account
-The first time you create an account, you will need to enter your email address and a password (for logging in) in addition to a "Public Name". Your Public Name will be more important when we add dictionary sharing later, but for now, it is important in that it helps indicate whether or not you are logged in (see below). If you have a dictionary loaded in your browser, it will be automatically uploaded to your account and saved after it is created.
+The first time you create an account, you will need to enter your email address and a password (for logging in) in addition to a "Public Name". Your Public Name will display whenever you log in and will display under your dictionary's name if you make your dictionary public and share it (see below). If you have a dictionary loaded in your browser, it will be automatically uploaded to your account and saved after it is created.

 ### Logging In
-To log in after creating an account, just click the "Log In/Create Account" button and enter your email address and password under the "Log In" form, just like any other account online. You will know that you are logged in from the "Welcome back!" notification at the top of the screen when you load the page. You can also know that you're logged in if you see a "Log Out" button instead of "Log In/Create Account" in the top right corner of the screen.
+To log in after creating an account, just click the "Log In/Create Account" button and enter your email address and password under the "Log In" section, just like any other account online. You will know that you are logged in from the "Welcome back!" notification at the bottom of the screen when you load the page. You can also know that you're logged in if you see a "Log Out" button instead of "Log In/Create Account" in the top right corner of the screen.
+
+Logging in creates a cookie in your browser that Lexiconga uses to know that you are logged in and verify your account. That means that if your browser prevents cookies, you cannot use a Lexiconga account's features.

 ### Differences
-Every time you save a change to your dictionary's settings or add, edit, or delete a word, the changes are automatically saved to both your browser's localStorage in addition to being sent to your account. If you're paranoid that your changes are not being saved, you can check your browser's console log to see the little save and update notifications.
+Every time you save a change to your dictionary's settings or add, edit, or delete a word, the changes are automatically saved to both your browser's localStorage in addition to being sent to your account. Little confirmation messages will appear in the bottom right side of the screen after every change you make to confirm that things are saved correctly.

-#### Account Settings
-After logging in, you'll see an "Account Settings" button in the top, right side of the Lexiconga window. Clicking this will allow you to change a few settings about your account:
+#### Settings
+After logging in, you'll see some additional options in the "Settings" window under new "Account Settings" and "Account Actions" sections.

-The **Email** field allows you to specify a different login and contact email address. Make sure that you do not forget what you chose, because there is no way to retrieve your email address if you change it to something you forget!
+##### Account Settings

-The **Public Name** field allows you to change your public name.
+- **Email:** Allows you to specify a different login and contact email address. Make sure that you do not forget what you chose, because there is no way to retrieve your email address if you change it to something you forget!
+- **Public Name:** Allows you to change your public name.
+- **Allow Emails:** Check this box if you would like to receive emails about important Lexiconga updates. Make sure that you allow emails from addresses at lexicon.ga or check your spam folder just in case. Note that this checkbox does not affect password reset requests—if you forget your password, Lexiconga will send you a password reset email regardless of your choice here.
+- **New Password:** Enter a new password in this field _only if you want to change it_! Leave this field blank to prevent your password from changing.

-The **Allow Emails** checkbox allows you to choose if you would like to receive emails about important Lexiconga updates. Make sure that you allow emails from addresses at lexicon.ga or check your spam folder just in case. Note that this checkbox does not affect password reset requests—if you forget your password, Lexiconga will send you a password reset email regardless of your choice here.
+If you change any of the options above, be sure you click the "Save" or "Save & Close" button.

-If you change any of the three options above, be sure you click the "Save Settings" button.
+##### Account Actions

-The "Reset Password" button in the "Reset Your Password" section will allow you to reset your login password. Don't forget it!
-
-#### Dictionary Settings
-Under the Settings menu, you'll see some additional options:
-
-The **Dictionary is Public** checkbox determines whether or not the current dictionary can be viewed by anyone online using the Public Link that appears when checked. Public dictionaries are explained more below.
-
-The **Change Dicitonaries** dropdown box contains the names of all of your created dictionaries. If you have more than one, selecting a different dictionary from the list will immediately download and display that dictionary.
-
-The **Create New Dictionary** button will instantly create and save a new blank dictionary to your account.
-
-The **Import Dictionary** button acts the same as before, but instead of overwriting your dictionary, it imports the dictionary as a new, separate dictionary and saves it to your account. After importing, the imported dictionary will display, and you can use the Change Dictionaries dropdown box to change to a previous one if you desire.
-
-The **Delete Current Dictionary** button will permanently and irretrievably delete the currently loaded dictionary from your account! Be careful with that one. After deleting, you will then be prompted to either select another dictionary to load or create a new one, _or_ if you have no other dictionaries, immediately create a new one for you.
+- **Change Dictionary:** Shows all dictionaries created on your account. Choose a different one from the drop-down box to instantly load and display that dictionary.
+- **Create New Dictionary:** Clicking this button will create a new dictionary on your account and display the new empty dictionary to you.

 #### Public Dictionaries
-When a dictionary is marked as public, you can share its public link and allow anyone to view its contents without being able to make changes. The dictionary's description and the search/filter area is visible by default, and the viewer can scroll through or search your dictionary without being able to make changes. Public dictionaries also have the ability to share specific word entries using the "➦" buttons in each word box. When viewing a word, the search/filter options are not available, but anyone can still read the dictionary's description.
+When a dictionary is marked as public, you can share its public link and allow anyone to view and search its contents without being able to make changes. Public dictionaries also have the ability to share specific word entries using the "➦" buttons in each word box. When viewing a word, anyone can still read the dictionary's description and details.

-To log in or create an account when viewing a dictionary, you need to go back to the main Lexiconga page. You can get there by clicking either the logo or the "Go Home" button. Or, if you are the owner of the dictionary and are currently logged in, the "Go Home" button will be replaced with an "Edit Dictionary" button, and you can click that to change your current dictionary adn start editing it.
+To log in or create an account when viewing a dictionary, you need to go back to the main Lexiconga page. You can get there by clicking the Lexiconga logo.

 ### Forgot Your Password?
-If you forget your password, you can request a password reset email by clicking the "Forgot Password" button on the "Log In/Create Account" button entering the email address associated with your account and clicking "Email Password Reset Key". This will send an email (_check your spam_) with a link that will allow you to reset your password. When you go to the link provided, you'll be able to enter a new password that you can log in with.
+If you forget your password, you can request a password reset email by clicking the "Forgot Password" button in the "Log In/Create Account" window, entering the email address associated with your account, and clicking "Email Password Reset Key". This will send an email (_check your spam_) with a link that will allow you to reset your password. When you go to the link provided, you'll be able to enter a new password that you can log in with.

 ### Lockout
-If you manage to enter your password wrong 10 times, you'll be locked out from logging in for an hour. Use this time to try to remember your password or something. You can get an idea of how long you've waited by refreshing the page and clicking the unfortunate "Can't Login" button. After an hour has passed, refresh the page again and you'll get another 10 tries.
+If you manage to enter your password wrong 10 times, you'll be locked out from logging in for 1 hour. Use this time to try to remember your password or something. You can get an idea of how long you've waited by trying to log in again. After an hour has passed, refresh the page again and you'll get another 10 tries.

 ## Problems or Requests
-Please report any problems you come across to the [Lexiconga Issues page](https://lexicon.ga/issues). You can also submit enhancement requests to the same place if you have any requests for new features.
+Please report any problems you come across to the [Lexiconga Issues page](https://github.com/Alamantus/Lexiconga/issues). You can also submit enhancement requests to the same place if you have any requests for new features.

 ## Update Log
-You can see all previous updates to Lexiconga here:  
-[https://lexicon.ga/updates](https://lexicon.ga/updates)
+You can see all previous updates to Lexiconga on the [Lexiconga Releases page](https://github.com/Alamantus/Lexiconga/releases).

 ## Open Source
-The free features of Lexiconga are fully open-source and can be found here: https://cybre.tech/Alamantus/lexiconga-lite
+Lexiconga's source code is fully open and readable on Github here: https://github.com/Alamantus/Lexiconga

 ## Thanks!
-If you like Lexiconga and want to buy me a cup of coffee for the service, you can use **[Buy Me A Coffee](https://buymeacoff.ee/robbieantenesse)** to help keep it online if you want.
+If you like Lexiconga and want to help contribute to keeping it online and motivate me to keep adding new features, you can use **[Buy Me A Coffee](https://buymeacoff.ee/robbieantenesse)** to give a one-time donation or **[Liberapay](https://liberapay.com/robbieantenesse)** to make a recurring donation.

 I hope you enjoy Lexiconga and that it helps you build some awesome languages.

--- a/src/markdown/privacy.md
+++ b/src/markdown/privacy.md
@ -1,6 +1,6 @@
 ## Privacy Policy

-This document was last updated on May 16, 2018 to update contact information and add transparency to our hosting service and how your data is used (i.e. to display your dicitonaries and sometimes send you emails if you agree to receive them).
+This document was last updated on June 5, 2019 to update information about our hosting service and how your data is used (i.e. to display your dicitonaries and sometimes send you emails if you agree to receive them) and to reflect changes to Lexiconga made during the app update.

 This Privacy Policy governs the manner in which Lexiconga collects, uses, maintains and discloses information collected from users (each, a "User") of the https://lexicon.ga website ("Site") and its accounts ("Account").

@ -11,17 +11,17 @@ We may collect personal identification information from Users in a variety of wa
 We may collect non-personal identification information about Users whenever they interact with our Site through website analytics tools. Non-personal identification information may include the browser name, the type of computer and technical information about Users means of connection to our Site, such as the operating system and the Internet service providers utilized and other similar information.

 ### Web browser cookies
-Our Site does not use "cookies" to enhance User experience, but it does use "local storage". User's web browser places local storage on their hard drive for record-keeping purposes and sometimes to track information about them, but we only use this to store your current dictionary. User may choose to set their web browser to refuse local storage usage, but if they do so, the Site will not function properly.
+Our Site stores exactly one "cookie" that is used to keep Users logged in to their Accounts, and it does use "local storage". User's web browser places local storage on their hard drive for record-keeping purposes and sometimes to track information about them, but we only use this to store your current dictionary. User may choose to set their web browser to refuse local storage usage, but if they do so, the Site will not function properly.

 ### How we use collected information
 Lexiconga may collect and use Users personal information for the following purposes:  

- **To run and operate our Site and personalize user experience:** We need your input to display content on the Site correctly, because it is a tool built entirely to display the content that you enter.
+- **To run and operate our Site and personalize User experience:** We need your input to display content on the Site correctly, because it is a tool built entirely to display the content that you enter.

 We do not use your data in _any way_ other than to serve your content or to send the occasional update email—you may opt out of receiving emails at any time via your Account Settings! Your email address is tied directly to your account, however, so altering it _will change your login credentials_.

 ### How we protect your information
-If you are utilizing an Account, we protect your information by keeping your information on a trusted database server provided by the Site's web host, [InfinityFree](https://infinityfree.net/). All data you save from an Account is uploaded to this database server from your browser. If we ever change web hosts, you will be notified via the on-site notification.
+If you are utilizing an Account, we protect your information by keeping your information on a trusted database server provided by the Site's web host, [Namecheap](https://namecheap.com/). All data you save from an Account is uploaded to this database server from your browser. If we ever change web hosts, you will be notified via the on-site notification.

 If you utilize the ability to make dictionaries associated with an Account visible to the public, you accept all responsibility for its content being visible to anyone who might find it. We cannot protect what you willingly put in public, and we do not accept liability if information you place online is used against you somehow. Never put personal information online!

@ -34,10 +34,10 @@ We do not sell, trade, or rent Users personal identification information to othe
 If User decides to opt-in to our mailing list, they will receive emails that may include company news, updates, related product or service information, etc. We may use third party service providers like MailChimp to help us operate our business and the Site or administer activities on our behalf, such as sending out newsletters or surveys. We may share your information with these third parties for those limited purposes provided that you have given us your permission.

 ### Third party websites
-Users may find advertising or other content on our Site that link to the sites and services of our partners, suppliers, advertisers, sponsors, licencors and other third parties. We do not control the content or links that appear on these sites and are not responsible for the practices employed by websites linked to or from our Site. In addition, these sites or services, including their content and links, may be constantly changing. These sites and services may have their own privacy policies and customer service policies. Browsing and interaction on any other website, including websites which have a link to our Site, is subject to that website's own terms and policies.
+Users may find advertising or other content on our Site that link to the sites and services of our partners, suppliers, advertisers, sponsors, licencors and other third parties. While we manually curate what links we allow in our advertisements, we do not control the content that appears on these sites and are not responsible for the practices employed by websites linked to or from our Site. In addition, these sites or services, including their content and links, may be constantly changing. These sites and services may have their own privacy policies and customer service policies. Browsing and interaction on any other website, including websites which have a link to our Site, is subject to that website's own terms and policies.

 ### Advertising
-Ads appearing on our site may be delivered to Users by advertising partners, who may set cookies. These cookies allow the ad server to recognize your computer each time they send you an online advertisement to compile non personal identification information about you or others who use your computer. This information allows ad networks to, among other things, deliver targeted advertisements that they believe will be of most interest to you. This privacy policy does not cover the use of cookies by any advertisers.
+Ads appearing on our site are manually chosen to by the Lexiconga's administrator, only appear as text, and never set cookies. You can see all active advertisements at any time in the [source code on Github](https://github.com/Alamantus/Lexiconga/blob/master/ads.json).

 ### Changes to this privacy policy
 Lexiconga has the discretion to update this privacy policy at any time. When we do, we will post a notification on the main page of our Site. We encourage Users to frequently check this page for any changes to stay informed about how we are helping to protect the personal information we collect. You acknowledge and agree that it is your responsibility to review this privacy policy periodically and become aware of modifications.
--- a/src/markdown/terms.md
+++ b/src/markdown/terms.md
@ -1,8 +1,8 @@
 ## Terms of Service ("Terms")

-Last updated: May 16, 2018 — Update to contact information.
+Last updated: June 5, 2019 — Minor text fixes and link additions.

-Please read these Terms of Service ("Terms", "Terms of Service") carefully before using the https://lexicon.ga website (the "Service") or the cloud account service (an "Account") operated by Robbie Antenesse and Alamantus GameDev ("us", "we", or "our").
+Please read these Terms of Service ("Terms", "Terms of Service") carefully before using the https://lexicon.ga website (the "Service") or the cloud account service (an "Account") operated by [Robbie Antenesse](https://robbie.antenesse.net) and [Alamantus GameDev](https://alamantus.com) ("us", "we", or "our").

 Your access to and use of the Service is conditioned on your acceptance of and compliance with these Terms. These Terms apply to all visitors, users and others who access or use the Service. By accessing or using the Service you agree to be bound by these Terms. If you disagree with any part of the terms then you may not access the Service.

@ -14,7 +14,7 @@ If you stop using our Service, your data will remain unless you request its remo
 Instructions for use are visible through the "Help" button on the site.

 ### Public Dictionaries
-Any dictionaries created and associated with an Account are private by default and only visible to the owner of the Account. You may make your dictionaries visible to the public at any time by utilizing the appropriate dictionarys setting.
+Any dictionaries created and associated with an Account are private by default and only visible to the owner of the Account. You may make your dictionaries visible to the public at any time by utilizing the appropriate dictionary setting.

 If you utilize the ability to make dictionaries associated with an Account visible to the public, you accept all responsibility for any and all damages that may come as a result of the information you place online and acknowledge that we are not liable in any way. Do not put any personal information online. We cannot protect what you deliberately make publicly visible.

--- a/src/php/.htaccess
+++ b/src/php/.htaccess
@ -1,12 +1,14 @@
 RewriteEngine On    # Turn on the rewriting engine

-RewriteRule    ^view/([0-9]+)/([0-9]+)/?$    api/router.php?view=publicview&dict=$1&word=$2    [NC,L]    # Handle word ids.
+RewriteRule    ^view/([0-9]+)/([0-9]+)/?$    router.php?view=word&dict=$1&word=$2    [NC,L]    # Handle word ids.

-RewriteRule    ^([0-9]+)/([0-9]+)/?$    api/router.php?view=publicview&dict=$1&word=$2    [NC,L]    # Handle word ids.
+RewriteRule    ^([0-9]+)/([0-9]+)/?$    router.php?view=word&dict=$1&word=$2    [NC,L]    # Handle word ids.

-RewriteRule    ^view/([0-9]+)/?$    api/router.php?view=publicview&dict=$1    [NC,L]    # Handle dictionary ids.
+RewriteRule    ^view/([0-9]+)/?$    router.php?view=dictionary&dict=$1    [NC,L]    # Handle dictionary ids.

-RewriteRule    ^([0-9]+)/?$    api/router.php?view=publicview&dict=$1    [NC,L]    # Handle dictionary ids.
+RewriteRule    ^([0-9]+)/?$    router.php?view=dictionary&dict=$1    [NC,L]    # Handle dictionary ids.
+
+RewriteRule    ^/?(index.html)?$    router.php    [NC,L]    # Handle dictionary ids.

 #RewriteRule ^issues/?$ https://github.com/Alamantus/Lexiconga/issues [R=301,L] # Shorten issues url.

--- a/src/php/announcements.json
+++ b/src/php/announcements.json
@ -0,0 +1,8 @@
+[
+  {
+    "header": "Welcome to Lexiconga 2.0!",
+    "body": "<p>Lexiconga has been rewritten from the ground up!</p><p>Check the <a href=\"https://github.com/Alamantus/Lexiconga/releases\" target=\"_blank\" rel=\"noopener\">Updates page</a> for all the new features, or click Help to get a refresher on how to use Lexiconga!</p>",
+    "expire": "January 1, 2020",
+    "dismissId": "welcome"
+  }
+]
--- a/src/php/api/Db.php
+++ b/src/php/api/Db.php
@ -1,11 +1,11 @@
 <?php
-require_once('./config.php');
+require_once(realpath(dirname(__FILE__) . '/./config.php'));

 class Db {
  private $dbh;
  public $last_error_info;
  function __construct() {
-    $this->dbh = new PDO('mysql:host=localhost;dbname=lexiconga;charset=utf8', DB_USER, DB_PASSWORD);
+    $this->dbh = new PDO('mysql:host=localhost;dbname=' . DB_NAME . ';charset=utf8', DB_USER, DB_PASSWORD);
    $this->dbh->setAttribute(PDO::ATTR_DEFAULT_FETCH_MODE, PDO::FETCH_ASSOC);
    $this->last_error_info = null;
  }
--- a/src/php/api/Dictionary.php
+++ b/src/php/api/Dictionary.php
@ -1,6 +1,6 @@
 <?php
-require_once('./Db.php');
-require_once('./Token.php');
+require_once(realpath(dirname(__FILE__) . '/./Db.php'));
+require_once(realpath(dirname(__FILE__) . '/./Token.php'));

 class Dictionary {
  private $db;
@ -127,7 +127,7 @@ VALUES ($new_id, ?, ?, ?, ?)";
            'allowDuplicates' => $result['allow_duplicates'] === '1' ? true : false,
            'caseSensitive' => $result['case_sensitive'] === '1' ? true : false,
            'sortByDefinition' => $result['sort_by_definition'] === '1' ? true : false,
-            'isComplete' => false,
+            'theme' => $result['theme'],
            'isPublic' => $result['is_public'] === '1' ? true : false,
          ),
          'lastUpdated' => is_null($result['last_updated']) ? $result['created_on'] : $result['last_updated'],
@ -143,13 +143,13 @@ VALUES ($new_id, ?, ?, ?, ?)";
      $query = "SELECT words.* FROM words JOIN dictionaries ON id = dictionary WHERE dictionary=? AND is_public=1";
      $results = $this->db->query($query, array($dictionary))->fetchAll();
      if ($results) {
-        return array_map(function ($row) {
+        return array_map(function ($row) use ($dictionary) {
          return array(
            'name' => $row['name'],
            'pronunciation' => $row['pronunciation'],
            'partOfSpeech' => $row['part_of_speech'],
            'definition' => $row['definition'],
-            'details' => $row['details'],
+            'details' => $this->parseReferences($row['details'], $dictionary),
            'lastUpdated' => is_null($row['last_updated']) ? intval($row['created_on']) : intval($row['last_updated']),
            'createdOn' => intval($row['created_on']),
            'wordId' => intval($row['word_id']),
@ -160,6 +160,87 @@ VALUES ($new_id, ?, ?, ?, ?)";
    return array();
  }

+  public function getSpecificPublicDictionaryWord ($dictionary, $word) {
+    if (is_numeric($dictionary) && is_numeric($word)) {
+      $query = "SELECT words.* FROM words JOIN dictionaries ON id = dictionary WHERE dictionary=? AND word_id=? AND is_public=1";
+      $result = $this->db->query($query, array($dictionary, $word))->fetch();
+      if ($result) {
+        return array(
+          'name' => $result['name'],
+          'pronunciation' => $result['pronunciation'],
+          'partOfSpeech' => $result['part_of_speech'],
+          'definition' => $result['definition'],
+          'details' => $this->parseReferences($result['details'], $dictionary),
+          'lastUpdated' => is_null($result['last_updated']) ? intval($result['created_on']) : intval($result['last_updated']),
+          'createdOn' => intval($result['created_on']),
+          'wordId' => intval($result['word_id']),
+        );
+      }
+    }
+    return false;
+  }
+
+  private function parseReferences($details, $dictionary_id) {
+    $details = strip_tags($details);
+    if (preg_match_all('/\{\{.+?\}\}/', $details, $references) !== false) {
+      $references = array_unique($references[0]);
+      foreach($references as $reference) {
+        $word_to_find = preg_replace('/\{\{|\}\}/', '', $reference);
+        $homonymn = 0;
+      
+        if (strpos($word_to_find, ':') !== false) {
+          $separator = strpos($word_to_find, ':');
+          $homonymn = substr($word_to_find, $separator + 1);
+          $word_to_find = substr($word_to_find, 0, $separator);
+          if ($homonymn && trim($homonymn) && intval(trim($homonymn)) > 0) {
+            $homonymn = intval(trim($homonymn));
+          } else {
+            $homonymn = false;
+          }
+        }
+
+        $target_id = false;
+        $reference_ids = $this->getWordIdsWithName($dictionary_id, $word_to_find);
+
+        if (count($reference_ids) > 0) {
+          if ($homonymn !== false && $homonymn > 0) {
+            if (isset($reference_ids[$homonymn - 1])) {
+              $target_id = $reference_ids[$homonymn - 1];
+            }
+          } else if ($homonymn !== false) {
+            $target_id = $reference_ids[0];
+          }
+
+          if ($target_id !== false) {
+            if ($homonymn < 1) {
+              $homonymn = 1;
+            }
+            $homonymn_sub_html = $homonymn > 0 ? '<sub>' . $homonymn . '</sub>' : '';
+            $site_root = substr($_SERVER['REQUEST_URI'], 0, strpos($_SERVER['REQUEST_URI'], $dictionary_id));
+            $markdown_link = '<a href="' . $site_root . $dictionary_id . '/' . $target_id .'" target="_blank" title="Link to Reference">'
+              . $word_to_find . $homonymn_sub_html . '</a>';
+            $details = str_replace($reference, $markdown_link, $details);
+          }
+        }
+      }
+    }
+
+    return $details;
+  }
+
+  private function getWordIdsWithName($dictionary, $word_name) {
+    if (is_numeric($dictionary)) {
+      $query = "SELECT word_id FROM words WHERE dictionary=? AND name=?";
+      $results = $this->db->query($query, array($dictionary, $word_name))->fetchAll();
+      if ($results) {
+        return array_map(function ($row) {
+          return intval($row['word_id']);
+        }, $results);
+      }
+    }
+    return array();
+  }
+
  public function getDetails ($user, $dictionary) {
    $query = "SELECT * FROM dictionaries JOIN dictionary_linguistics ON dictionary = id WHERE user=$user AND id=$dictionary";
    $result = $this->db->query($query)->fetch();
@ -197,7 +278,7 @@ VALUES ($new_id, ?, ?, ?, ?)";
          'allowDuplicates' => $result['allow_duplicates'] === '1' ? true : false,
          'caseSensitive' => $result['case_sensitive'] === '1' ? true : false,
          'sortByDefinition' => $result['sort_by_definition'] === '1' ? true : false,
-          'isComplete' => false,
+          'theme' => $result['theme'],
          'isPublic' => $result['is_public'] === '1' ? true : false,
        ),
        'lastUpdated' => is_null($result['last_updated']) ? $result['created_on'] : $result['last_updated'],
@ -215,7 +296,7 @@ SET name=:name,
  allow_duplicates=:allow_duplicates,
  case_sensitive=:case_sensitive,
  sort_by_definition=:sort_by_definition,
-  is_complete=:is_complete,
+  theme=:theme,
  is_public=:is_public,
  last_updated=:last_updated,
  created_on=:created_on
@ -229,7 +310,7 @@ WHERE user=$user AND id=$dictionary";
      ':allow_duplicates' => $dictionary_object['settings']['allowDuplicates'] ? 1 : 0,
      ':case_sensitive' => $dictionary_object['settings']['caseSensitive'] ? 1 : 0,
      ':sort_by_definition' => $dictionary_object['settings']['sortByDefinition'] ? 1 : 0,
-      ':is_complete' => 0,
+      ':theme' => $dictionary_object['settings']['theme'],
      ':is_public' => $dictionary_object['settings']['isPublic'] ? 1 : 0,
      ':last_updated' => $dictionary_object['lastUpdated'],
      ':created_on' => $dictionary_object['createdOn'],
--- a/src/php/api/Token.php
+++ b/src/php/api/Token.php
@ -1,5 +1,5 @@
 <?php
-require_once('../vendor/autoload.php');
+require_once(realpath(dirname(__FILE__) . '/../vendor/autoload.php'));

 use \Firebase\JWT\JWT;
 use \Hashids\Hashids;
--- a/src/php/api/User.php
+++ b/src/php/api/User.php
@ -1,7 +1,7 @@
 <?php
-require_once('./Db.php');
-require_once('./Token.php');
-require_once('./Dictionary.php');
+require_once(realpath(dirname(__FILE__) . '/./Db.php'));
+require_once(realpath(dirname(__FILE__) . '/./Token.php'));
+require_once(realpath(dirname(__FILE__) . '/./Dictionary.php'));

 class User {
  private $db;
@ -18,12 +18,12 @@ class User {
    if ($user) {
      if ($user['old_password'] !== null) {
        if ($user['old_password'] === crypt($password, $email)) {
-          if ($this->upgradePassword($password)) {
+          if ($this->upgradePassword($password, $user)) {
            return $this->logIn($email, $password);
          }
        }
      } else if (password_verify($password, $user['password'])) {
-        $this->db->execute('UPDATE users SET last_login=' . time() . ' WHERE id=' . $user['id']);
+        $this->db->execute('UPDATE users SET last_login=current_timestamp() WHERE id=' . $user['id']);
        $token = $this->generateUserToken($user['id'], $user['current_dictionary']);
        return array(
          'token' => $token,
@ -42,7 +42,7 @@ class User {

  public function create ($email, $password, $user_data) {
    $insert_user_query = 'INSERT INTO users (email, password, public_name, allow_email, created_on)
-VALUES (?, ?, ?, ?, ?)';
+VALUES (?, ?, ?, ?, current_timestamp())';
    $password_hash = password_hash($password, PASSWORD_DEFAULT);

    $insert_user = $this->db->execute($insert_user_query, array(
@ -50,7 +50,6 @@ VALUES (?, ?, ?, ?, ?)';
      $password_hash,
      $user_data['publicName'] !== '' ? $user_data['publicName'] : null,
      $user_data['allowEmail'] ? 1 : 0,
-      time(),
    ));
    if ($insert_user === true) {
      $new_user_id = $this->db->lastInsertId();
@ -267,6 +266,75 @@ VALUES (?, ?, ?, ?, ?)';
    return false;
  }

+  public function setPasswordReset($email) {
+    $date = date("Y-m-d H:i:s");
+    $reset_code = random_int(0, 999999999);
+    $reset_code_hash = $this->token->hash($reset_code);
+    $query = "UPDATE `users` SET `password_reset_code`=?, `password_reset_date`=? WHERE `email`=?;";
+    $reset = $this->db->execute($query, array(
+      $reset_code,
+      $date,
+      $email,
+    ));
+    
+    if ($reset) {
+      $user_data = $this->getUserDataByEmailForPasswordReset($email);
+      if ($user_data) {
+        $to = $email;
+        $subject = "Here's your Lexiconga password reset link";
+        $message = "Hello " . $user_data['public_name'] . "\r\n\r\nSomeone has requested a password reset link for your Lexiconga account. If it was you, you can reset your password by going to the link below and entering a new password for yourself:\r\n";
+        $message .= "https://" . $_SERVER['HTTP_HOST'] . "/passwordreset.php?account=" . $user_data['id'] . "&code=" . $reset_code_hash . "\r\n\r\n";
+        $message .= "If it wasn't you who requested the link, you can ignore this email since it was only sent to you, but you might want to consider changing your password when you have a chance.\r\n\r\n";
+        $message .= "The password link will only be valid for today until you use it.\r\n\r\n";
+        $message .= "Thanks!\r\nThe Lexiconga Admins";
+        $header = "From: Lexiconga Password Reset <donotreply@" . $_SERVER['HTTP_HOST'] . ">\r\n"
+          . "Reply-To: help@" . $_SERVER['HTTP_HOST'] . "\r\n"
+          . "X-Mailer: PHP/" . phpversion();
+        if (mail($to, $subject, $message, $header)) {
+          return true;
+        } else {
+          return array(
+            'error' => 'Could not send email to ' . $email,
+          );
+        }
+      }
+    } else {
+      return array(
+        'error' => $this->db->last_error_info,
+      );
+    }
+
+    return false;
+  }
+
+  public function checkPasswordReset($id, $code) {
+    $date = date("Y-m-d");
+    $daterange = "'" . $date . " 00:00:00' AND '" . $date . " 23:59:59'";
+    $unhashed_code = $this->token->unhash($code);
+    $query = "SELECT * FROM `users` WHERE `id`=? AND `password_reset_code`=? AND `password_reset_date` BETWEEN " . $daterange . ";";
+    $stmt = $this->db->query($query, array(
+      $id,
+      $unhashed_code,
+    ));
+    $results = $stmt->fetchAll();
+    
+    if ($stmt && $results) {
+        return count($results) === 1;
+    } else {
+        return false;
+    }
+  }
+
+  public function resetPassword($password, $id) {
+    $id = intval($id);
+    $password_hash = password_hash($password, PASSWORD_DEFAULT);
+    $query = "UPDATE `users` SET `password`=?, `old_password`=null, `password_reset_code`=null WHERE `id`=?;";
+    return $this->db->execute($query, array(
+      $password_hash,
+      $id,
+    ));
+  }
+
  private function generateUserToken ($user_id, $dictionary_id) {
    $user_data = array(
      'id' => intval($user_id),
@ -277,14 +345,27 @@ VALUES (?, ?, ?, ?, ?)';
  }

  private function hasMembership ($id) {
-    $current_membership = "SELECT * FROM memberships WHERE user=$id AND start_date>=CURRENT_TIMESTAMP AND CURRENT_TIMESTAMP<expire_date";
+    $current_membership = "SELECT * FROM memberships WHERE user=$id AND start_date>=current_timestamp() AND current_timestamp()<expire_date";
    return $this->db->query($current_membership)->rowCount() > 0;
  }

-  private function upgradePassword ($password) {
+  private function upgradePassword($password, $user) {
    $new_password = password_hash($password, PASSWORD_DEFAULT);
    $update_query = 'UPDATE users SET old_password=NULL, password=? WHERE id=' . $user['id'];
    $stmt = $this->db->query($update_query, array($new_password));
    return $stmt->rowCount() === 1;
  }
+
+  private function getUserDataByEmailForPasswordReset($email) {
+    $query = 'SELECT id, public_name FROM users WHERE email=?';
+    $stmt = $this->db->query($query, array($email));
+    $result = $stmt->fetch();
+    if ($stmt && $result) {
+      return array(
+        'id' => $result['id'],
+        'public_name' => $result['public_name'] ? $result['public_name'] : 'Lexiconger',
+      );
+    }
+    return false;
+  }
 }
--- a/src/php/api/config.php.changeme
+++ b/src/php/api/config.php.changeme
@ -1,4 +1,8 @@
 <?php

+define('DB_NAME', 'lexiconga_db_name');
 define('DB_USER', 'lexiconga_db_username');
-define('DB_PASSWORD', 'user_password');
+define('DB_PASSWORD', 'user_password');
+
+define('LOGIN_FAILURES_ALLOWED', 10);
+define('LOGIN_FAILURES_LOCKOUT_MINUTES', 60);
--- a/src/php/api/index.php
+++ b/src/php/api/index.php
@ -1,6 +1,7 @@
 <?php
-require_once('./Response.php');
-require_once('./User.php');
+require_once(realpath(dirname(__FILE__) . '/./config.php'));
+require_once(realpath(dirname(__FILE__) . '/./Response.php'));
+require_once(realpath(dirname(__FILE__) . '/./User.php'));

 $inputJSON = file_get_contents('php://input');
 $inputJSON = strip_tags($inputJSON);
@ -39,6 +40,26 @@ switch ($action) {
    ), 400);
  }
  case 'login': {
+    session_start();
+    if (isset($_SESSION['unlock'])) {
+      if (time() < $_SESSION['unlock']) {
+        $seconds_left = ($_SESSION['unlock'] - time());
+        $minutes_left = floor($seconds_left / 60);
+        $seconds_left = $seconds_left % 60;
+        return Response::json(array(
+          'data' => 'Too many failed login attempts. You must wait another '
+            . ($minutes_left > 0 ? $minutes_left . ' minutes ' : '')
+            . ($minutes_left > 0 && $seconds_left > 0 ? 'and ' : '')
+            . ($seconds_left > 0 ? $seconds_left . ' seconds ' : '')
+            . 'until you can log in again.',
+          'error' => true,
+        ), 403);
+      } else {
+        unset($_SESSION['failures']);
+        unset($_SESSION['unlock']);
+      }
+    }
+
    if (isset($request['email']) && isset($request['password'])) {
      $user = new User();
      $user_data = $user->logIn($request['email'], $request['password']);
@ -48,8 +69,22 @@ switch ($action) {
          'error' => false,
        ), 200);
      }
+
+      if (!isset($_SESSION['failures'])) {
+        $_SESSION['failures'] = 0;
+      }
+      $_SESSION['failures']++;
+
+      if ($_SESSION['failures'] >= LOGIN_FAILURES_ALLOWED) {
+        $_SESSION['unlock'] = time() + (LOGIN_FAILURES_LOCKOUT_MINUTES * 60);
+        return Response::json(array(
+          'data' => 'Too many failed login attempts. You must wait ' . LOGIN_FAILURES_LOCKOUT_MINUTES . ' minutes until you can log in again.',
+          'error' => true,
+        ), 403);
+      }
+
      return Response::json(array(
-        'data' => 'Could not log in: incorrect data',
+        'data' => 'Incorrect email or password.<br>After ' . (LOGIN_FAILURES_ALLOWED - $_SESSION['failures']) . ' more failures, you will be locked out for ' . LOGIN_FAILURES_LOCKOUT_MINUTES . ' minutes.',
        'error' => true,
      ), 401);
    }
@ -384,6 +419,58 @@ switch ($action) {
      'error' => true,
    ), 400);
  }
+  case 'initiate-password-reset': {
+    if (isset($request['email'])) {
+      $user = new User();
+      $password_reset = $user->setPasswordReset($request['email']);
+      if ($password_reset === true) {
+        return Response::json(array(
+          'data' => $password_reset,
+          'error' => false,
+        ), 200);
+      }
+      if (isset($password_reset['error'])) {
+        return Response::json(array(
+          'data' => $password_reset['error'],
+          'error' => true,
+        ), 500);
+      }
+      return Response::json(array(
+        'data' => 'Could not send password reset key: email not found',
+        'error' => true,
+      ), 401);
+    }
+    return Response::json(array(
+      'data' => 'Could not send password reset key: required data missing',
+      'error' => true,
+    ), 400);
+  }
+  case 'password-reset': {
+    if (isset($request['account']) && isset($request['password'])) {
+      $user = new User();
+      $password_reset = $user->resetPassword($request['password'], $request['account']);
+      if ($password_reset === true) {
+        return Response::json(array(
+          'data' => $password_reset,
+          'error' => false,
+        ), 200);
+      }
+      if (isset($password_reset['error'])) {
+        return Response::json(array(
+          'data' => $password_reset['error'],
+          'error' => true,
+        ), 500);
+      }
+      return Response::json(array(
+        'data' => 'Could not send password reset key: email not found',
+        'error' => true,
+      ), 401);
+    }
+    return Response::json(array(
+      'data' => 'Could not send password reset key: required data missing',
+      'error' => true,
+    ), 400);
+  }

  default: {
    return Response::html('Hi!');
--- a/src/php/api/migrate.php.changeme
+++ b/src/php/api/migrate.php.changeme
@ -0,0 +1,274 @@
+<?php
+$incoming = isset($_POST['incoming']) ? json_decode($_POST['incoming'], true) : false;
+$outgoing = isset($_GET['outgoing']);
+
+header('Access-Control-Allow-Origin: *');
+header('Expires: Sun, 01 Nov 2015 22:46:51 GMT');
+header("Cache-Control: no-store, no-cache, must-revalidate, max-age=0");
+header("Cache-Control: post-check=0, pre-check=0", false);
+header("Pragma: no-cache");
+
+define("VERSION1_DATABASE_SERVERNAME", "host");
+define("VERSION1_DATABASE_USERNAME", "username");
+define("VERSION1_DATABASE_PASSWORD", "password");
+define("VERSION1_DATABASE_NAME", "database");
+define("MIGRATE_TO", "remote_url");
+define("NEW_DATABASE_SERVERNAME", "host");
+define("NEW_DATABASE_USERNAME", "username");
+define("NEW_DATABASE_PASSWORD", "password");
+define("NEW_DATABASE_NAME", "database");
+
+if ($outgoing) {
+  echo '<pre>' . PHP_EOL;
+  echo 'Starting migration from ' . VERSION1_DATABASE_SERVERNAME . ' db ' . VERSION1_DATABASE_NAME . PHP_EOL . 'To ' . MIGRATE_TO . PHP_EOL . PHP_EOL;
+
+  $dbconnection = new PDO('mysql:host=' . VERSION1_DATABASE_SERVERNAME . ';dbname=' . VERSION1_DATABASE_NAME . ';charset=utf8', VERSION1_DATABASE_USERNAME, VERSION1_DATABASE_PASSWORD);
+	$dbconnection->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
+	// $dbconnection->setAttribute(PDO::ATTR_EMULATE_PREPARES, true);
+	$dbconnection->setAttribute(PDO::ATTR_DEFAULT_FETCH_MODE, PDO::FETCH_ASSOC);
+  try {
+    $users_stmt = $dbconnection->prepare('SELECT * FROM `users`');
+    $users_stmt->execute();
+    if ($users_stmt) {
+      $users = $users_stmt->fetchAll();
+      if ($users !== false) {
+        echo count($users) . ' Users' . PHP_EOL;
+
+        foreach($users as $user) {
+          $send_user_response = send('user', $user);
+
+          if ($send_user_response === "GOT USER") {
+            echo PHP_EOL . 'User ' . $user['id'] . ' sent successfully' . PHP_EOL;
+
+            $dictionaries_stmt = $dbconnection->prepare('SELECT * FROM `dictionaries` WHERE `user`=?');
+            $dictionaries_stmt->execute(array(intval($user['id'])));
+            if ($dictionaries_stmt) {
+              $dictionaries = $dictionaries_stmt->fetchAll();
+              if ($dictionaries !== false) {
+                echo 'User ' . $user['id'] . ' has ' . count($dictionaries) . ' Dictionaries' . PHP_EOL;
+
+                $send_dictionaries_response = send('dictionaries', $dictionaries, array('user' => $user['id']));
+
+                if ($send_dictionaries_response === 'GOT DICTIONARIES') {
+                  echo 'Dictionaries sent successfully' . PHP_EOL;
+
+                  foreach($dictionaries as $dictionary) {
+                    $words_stmt = $dbconnection->prepare('SELECT * FROM `words` WHERE `dictionary`=?');
+                    $words_stmt->execute(array(intval($dictionary['id'])));
+                    if ($words_stmt) {
+                      $words = $words_stmt->fetchAll();
+                      if ($words !== false) {
+                        $send_words_response = send('words', $words);
+
+                        if ($send_words_response === 'GOT WORDS') {
+                          echo 'Words for Dictionary ' . $dictionary['id'] . ' sent successfully' . PHP_EOL;
+                        } else {
+                          echo var_export($send_words_response, true) . PHP_EOL . PHP_EOL;
+                        }
+                      } else {
+                        echo '$words_stmt->fetchAll() failed.' . PHP_EOL . var_export($words_stmt->errorInfo(), true) . PHP_EOL . PHP_EOL;
+                      }
+                    } else {
+                      echo '$words_stmt failed' . PHP_EOL . PHP_EOL;
+                    }
+                  }
+                } else {
+                  echo var_export($send_dictionaries_response, true) . PHP_EOL . PHP_EOL;
+                }
+              } else {
+                echo '$dictionaries_stmt->fetchAll() failed.' . PHP_EOL . var_export($dictionaries_stmt->errorInfo(), true) . PHP_EOL . PHP_EOL;
+              }
+            } else {
+              echo '$dictionaries_stmt failed' . PHP_EOL . PHP_EOL;
+            }
+          } else {
+            var_dump($send_user_response) . PHP_EOL . PHP_EOL;
+          }
+        }
+      } else {
+        echo '$users_stmt->fetchAll() failed.' . PHP_EOL . var_export($users_stmt->errorInfo(), true) . PHP_EOL . PHP_EOL;
+      }
+    } else {
+      echo '$users_stmt failed' . PHP_EOL . PHP_EOL;
+    }
+  }
+  catch (PDOException $ex) {
+    echo var_export($ex, true) . PHP_EOL . PHP_EOL;
+  }
+
+  echo '</pre>';
+} else if ($incoming !== false) {
+  $type = isset($_POST['type']) ? $_POST['type'] : false;
+
+  if ($type !== false) {
+    $dbconnection = new PDO('mysql:host=' . NEW_DATABASE_SERVERNAME . ';dbname=' . NEW_DATABASE_NAME . ';charset=utf8', NEW_DATABASE_USERNAME, NEW_DATABASE_PASSWORD);
+    $dbconnection->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
+    switch($type) {
+      case 'user': {
+        if ($incoming === null) {
+          echo 'Invalid JSON';
+        } else {
+          $user_stmt = $dbconnection->prepare('INSERT INTO `users`(`id`, `email`, `old_password`, `password`, `public_name`, `current_dictionary`, `allow_email`, `last_login`, `password_reset_code`, `password_reset_date`, `created_on`) VALUES (?,?,?,?,?,?,?,?,?,?,?)');
+          $user_stmt->execute(array(
+            intval($incoming['id']),
+            $incoming['email'],
+            $incoming['password'],
+            null,
+            $incoming['public_name'],
+            intval($incoming['current_dictionary']),
+            intval($incoming['allow_email']),
+            $incoming['last_login'],
+            null,
+            null,
+            $incoming['created_on'],
+          ));
+          if ($user_stmt) {
+            echo 'GOT USER';
+          } else {
+            var_dump($user_stmt->errorInfo());
+          }
+        }
+        break;
+      }
+      case 'dictionaries': {
+        if ($incoming === null) {
+          echo 'Invalid JSON';
+        } else {
+          if (count($incoming) === 0) {
+            echo 'Need new dictionary for user ' . $_POST['user'] . ': ';
+            
+            $new_id = mt_rand(1000, 999999999);
+
+            $user = intval($_POST['user']);
+            $insert_dictionary_query = "INSERT INTO dictionaries (id, user, description, created_on) VALUES (?, ?, ?, ?)";
+            $insert_dictionary_stmt = $dbconnection->prepare($insert_dictionary_query);
+            $insert_dictionary = $insert_dictionary_stmt->execute(array($new_id, $user, 'A new dictionary.', time()));
+
+            if ($insert_dictionary) {
+              $insert_linguistics_query = "INSERT INTO dictionary_linguistics (dictionary, parts_of_speech, exceptions, orthography_notes, grammar_notes) VALUES ($new_id, ?, ?, ?, ?)";
+              $insert_linguistics_stmt = $dbconnection->prepare($insert_linguistics_query);
+              $insert_linguistics = $insert_linguistics_stmt->execute(array('Noun,Adjective,Verb', '', '', ''));
+
+              if ($insert_linguistics === true) {
+                $update_query = 'UPDATE users SET current_dictionary=? WHERE id=?';
+                $update_stmt = $dbconnection->prepare($update_query);
+                $update = $update_stmt->execute(array($new_id, $user));
+                if ($update) {
+                  echo 'CREATED DICTIONARY';
+                } else {
+                  var_dump($update_stmt);
+                }
+              } else {
+                var_dump($insert_linguistics_stmt->errorInfo());
+              }
+            } else {
+              var_dump($insert_dictionary_stmt->errorInfo());
+            }
+          } else {
+            $dictionaries_query = 'INSERT INTO `dictionaries`(`id`, `user`, `name`, `specification`, `description`, `allow_duplicates`, `case_sensitive`, `sort_by_definition`, `theme`, `is_public`, `last_updated`, `created_on`) VALUES ';
+            $linguistics_query = "INSERT INTO dictionary_linguistics (dictionary, parts_of_speech, exceptions, orthography_notes, grammar_notes) VALUES ";
+            $dictionaries_params = array();
+            $linguistics_params = array();
+            foreach($incoming as $dictionary) {
+              $dictionaries_query .= '(?,?,?,?,?,?,?,?,?,?,?,?), ';
+              // `id`, `user`, `name`, `description`, `words`, `next_word_id`, `allow_duplicates`, `case_sensitive`, `parts_of_speech`, `sort_by_equivalent`, `is_complete`, `is_public`, `last_updated`, `created_on`
+              $dictionaries_params[] = intval($dictionary['id']);
+              $dictionaries_params[] = intval($dictionary['user']);
+              $dictionaries_params[] = $dictionary['name'];
+              $dictionaries_params[] = 'Dictionary';
+              $dictionaries_params[] = fixStupidOldNonsense($dictionary['description']);
+              $dictionaries_params[] = intval($dictionary['allow_duplicates']);
+              $dictionaries_params[] = intval($dictionary['case_sensitive']);
+              $dictionaries_params[] = intval($dictionary['sort_by_equivalent']);
+              $dictionaries_params[] = 'default';
+              $dictionaries_params[] = intval($dictionary['is_public']);
+              $dictionaries_params[] = $dictionary['last_updated'] ? strtotime($dictionary['last_updated']) : null;
+              $dictionaries_params[] = strtotime($dictionary['created_on']);
+
+              $linguistics_query .= '(?, ?, ?, ?, ?), ';
+              $linguistics_params[] = intval($dictionary['id']);
+              $linguistics_params[] = $dictionary['parts_of_speech'];
+              $linguistics_params[] = '';
+              $linguistics_params[] = '';
+              $linguistics_params[] = '';
+            }
+            $dictionaries_stmt = $dbconnection->prepare(trim($dictionaries_query, ', '));
+            $dictionaries_stmt->execute($dictionaries_params);
+            if ($dictionaries_stmt) {
+              $linguistics_stmt = $dbconnection->prepare(trim($linguistics_query, ', '));
+              $linguistics_stmt->execute($linguistics_params);
+              if ($linguistics_stmt) {
+                echo 'GOT DICTIONARIES';
+              } else {
+                var_dump($linguistics_stmt->errorInfo());
+              }
+            } else {
+              var_dump($dictionaries_stmt->errorInfo());
+            }
+          }
+        }
+        break;
+      }
+      case 'words': {
+        if ($incoming === null) {
+          echo 'Invalid JSON';
+        } else {
+          if (count($incoming) > 0) {
+            $words_query = 'INSERT INTO `words`(`dictionary`, `word_id`, `name`, `pronunciation`, `part_of_speech`, `definition`, `details`, `last_updated`, `created_on`) VALUES ';
+            $words_params = array();
+            foreach($incoming as $word) {
+              $words_query .= '(?,?,?,?,?,?,?,?,?), ';
+              // `dictionary`, `word_id`, `name`, `pronunciation`, `part_of_speech`, `simple_definition`, `long_definition`, `last_updated`, `created_on`
+              $words_params[] = intval($word['dictionary']);
+              $words_params[] = intval($word['word_id']);
+              $words_params[] = $word['name'];
+              $words_params[] = $word['pronunciation'];
+              $words_params[] = $word['part_of_speech'];
+              $words_params[] = $word['simple_definition'];
+              $words_params[] = fixStupidOldNonsense($word['long_definition']);
+              $words_params[] = $word['last_updated'] ? strtotime($word['last_updated']) : null;
+              $words_params[] = strtotime($word['created_on']);
+            }
+            $words_stmt = $dbconnection->prepare(trim($words_query, ', '));
+            $words_stmt->execute($words_params);
+            if ($words_stmt) {
+              echo 'GOT WORDS';
+            } else {
+              var_dump($words_stmt->errorInfo());
+            }
+          } else {
+            echo 'NO WORDS';
+          }
+        }
+        break;
+      }
+    }
+  }
+} else {
+  echo 'no' . PHP_EOL . PHP_EOL;
+}
+
+function send($type, $data, $additional_data = array()) {
+  $send_data = array_merge(array('type' => $type, 'incoming' => json_encode($data)), $additional_data);
+
+  $ch = curl_init();
+  curl_setopt($ch, CURLOPT_URL, MIGRATE_TO . '/api/migrate.php');
+  curl_setopt($ch, CURLOPT_POST, 1);
+  curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query($send_data));
+
+  curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
+
+  $server_output = curl_exec($ch);
+
+  curl_close ($ch);
+
+  return $server_output;
+}
+
+function fixStupidOldNonsense($markdown) {
+  $markdown = str_replace('&quot;', '"', $markdown);
+  $markdown = str_replace('&apos;', "'", $markdown);
+  $markdown = str_replace('&#92;', '\\', $markdown);
+  $markdown = str_replace('<br>', '\\n', $markdown);
+  return $markdown;
+}
--- a/src/php/api/router.php
+++ b/src/php/api/router.php
@ -1,24 +0,0 @@
-<?php
-$view = isset($_GET['view']) ? $_GET['view'] : false;
-$dict = isset($_GET['dict']) ? $_GET['dict'] : false;
-
-switch ($view) {
-  case 'publicview': {
-    $html = file_get_contents('../view.html');
-    if ($dict !== false) {
-      require_once('./Dictionary.php');
-      $dictionary = new Dictionary();
-      $dictionary_data = $dictionary->getPublicDictionaryDetails($dict);
-      if ($dictionary_data !== false) {
-        $dictionary_data['words'] = $dictionary->getPublicDictionaryWords($dict);
-        $html = str_replace('{{dict}}', $dict, $html);
-        $html = str_replace('{{dict_name}}', $dictionary_data['name'] . ' ' . $dictionary_data['specification'], $html);
-        $html = str_replace('{{public_name}}', $dictionary_data['createdBy'], $html);
-        $dictionary_json = json_encode($dictionary_data);
-        $html = str_replace('{{dict_json}}', addslashes($dictionary_json), $html);
-      }
-      echo $html;
-    }
-    break;
-  }
-}
--- a/src/php/passwordreset.php
+++ b/src/php/passwordreset.php
@ -0,0 +1,26 @@
+<?php
+require_once(realpath(dirname(__FILE__) . '/./api/config.php'));
+require_once(realpath(dirname(__FILE__) . '/./api/Db.php'));
+require_once(realpath(dirname(__FILE__) . '/./api/User.php'));
+require_once(realpath(dirname(__FILE__) . '/./api/Response.php'));
+
+$html = file_get_contents('./template-passwordreset.html');
+$content = '<p>Sorry, this password reset link is not valid.</p>';
+
+if (isset($_GET['account']) && isset($_GET['code'])) {
+  $user = new User();
+  if ($user->checkPasswordReset($_GET['account'], $_GET['code'])) {
+    $content = '<label>New Password<br>
+      <input type="password" id="newPassword" maxlength="100">
+    </label>
+    <label>Confirm Password<br>
+      <input type="password" id="newConfirm" maxlength="100">
+    </label>
+    <input type="hidden" id="account" value="' . $_GET['account'] . '">
+    <section id="newPasswordErrorMessages"></section>
+    <button id="newPasswordSubmit" class="button">Update Password</button>';
+  }
+}
+
+$html = str_replace('{{content}}', $content, $html);
+return Response::html($html);
--- a/src/php/router.php
+++ b/src/php/router.php
@ -0,0 +1,136 @@
+<?php
+require_once(realpath(dirname(__FILE__) . '/./api/Response.php'));
+$view = isset($_GET['view']) ? $_GET['view'] : false;
+
+switch ($view) {
+  case 'dictionary': {
+    $html = file_get_contents(realpath(dirname(__FILE__) . '/./template-view.html'));
+    $dict = isset($_GET['dict']) ? $_GET['dict'] : false;
+    if ($dict !== false) {
+      require_once(realpath(dirname(__FILE__) . '/./api/Dictionary.php'));
+      $dictionary = new Dictionary();
+      $dictionary_data = $dictionary->getPublicDictionaryDetails($dict);
+      if ($dictionary_data !== false) {
+        $dictionary_data['words'] = $dictionary->getPublicDictionaryWords($dict);
+        $html = str_replace('{{dict}}', $dict, $html);
+        $html = str_replace('{{dict_name}}', $dictionary_data['name'] . ' ' . $dictionary_data['specification'], $html);
+        $html = str_replace('{{public_name}}', $dictionary_data['createdBy'], $html);
+        $dictionary_json = json_encode($dictionary_data);
+        $html = str_replace('{{dict_json}}', addslashes($dictionary_json), $html);
+      } else {
+        $html = str_replace('{{dict}}', 'error', $html);
+        $html = str_replace('{{dict_name}}', 'Error: Dictionary Not Found', $html);
+        $html = str_replace('{{public_name}}', 'Error', $html);
+        $html = str_replace('{{dict_json}}', '{"name": "Error:", "specification": "Dictionary Not Found", "words": []}', $html);
+      }
+      return Response::html($html);
+    }
+    break;
+  }
+  case 'word': {
+    $html = file_get_contents(realpath(dirname(__FILE__) . '/./template-view.html'));
+    $dict = isset($_GET['dict']) ? $_GET['dict'] : false;
+    $word = isset($_GET['word']) ? $_GET['word'] : false;
+    if ($dict !== false && $word !== false) {
+      require_once(realpath(dirname(__FILE__) . '/./api/Dictionary.php'));
+      $dictionary = new Dictionary();
+      $dictionary_data = $dictionary->getPublicDictionaryDetails($dict);
+      if ($dictionary_data !== false) {
+        $dictionary_name = $dictionary_data['name'] . ' ' . $dictionary_data['specification'];
+        $word_data = $dictionary->getSpecificPublicDictionaryWord($dict, $word);
+        if ($word_data === false) {
+          $word_data = array(
+            'name' => 'Error: Word Not Found',
+            'pronunciation' => '',
+            'partOfSpeech' => '',
+            'definition' => 'No word with the id ' . $word . ' was found in the ' . $dictionary_name,
+            'details' => '',
+            'lastUpdated' => null,
+            'createdOn' => null,
+            'wordId' => null,
+          );
+        }
+        $dictionary_data['words'] = array($word_data);
+        $html = str_replace('{{dict}}', $dict, $html);
+        $html = str_replace('{{dict_name}}', $word_data['name'] . ' in the ' . $dictionary_name, $html);
+        $html = str_replace('{{public_name}}', $dictionary_data['createdBy'], $html);
+        $dictionary_json = json_encode($dictionary_data);
+        $html = str_replace('{{dict_json}}', addslashes($dictionary_json), $html);
+      } else {
+        $html = str_replace('{{dict}}', 'error', $html);
+        $html = str_replace('{{dict_name}}', 'Error: Dictionary Not Found', $html);
+        $html = str_replace('{{public_name}}', 'Error', $html);
+        $html = str_replace('{{dict_json}}', '{"name": "Error:", "specification": "Dictionary Not Found", "words": []}', $html);
+      }
+      return Response::html($html);
+    }
+    break;
+  }
+
+  default: {
+    $html = file_get_contents(realpath(dirname(__FILE__) . '/./template-index.html'));
+    $announcements = file_get_contents(realpath(dirname(__FILE__) . '/./announcements.json'));
+    $announcements = json_decode($announcements, true);
+    $announcements_html = '';
+    foreach ($announcements as $announcement) {
+      $expire = strtotime($announcement['expire']);
+      if (time() < $expire) {
+        $announcements_html .= '<article class="announcement"' . (isset($announcement['dismissId']) ? ' id="announcement-' . $announcement['dismissId'] . '"' : '') . ' data-expires="' . $announcement['expire'] . '">
+        <a class="close-button" title="Dismiss Announcement">&times;&#xFE0E;</a>
+        <h4>' . $announcement['header'] . '</h4>
+        ' . $announcement['body'] . '
+      </article>';
+      }
+    }
+    $html = str_replace('{{announcements}}', $announcements_html, $html);
+
+    $upup_files = array(
+      'src.js',
+      'main.css',
+      'help.html',
+      'privacy.html',
+      'terms.html',
+      'usage.html',
+      'ipa-table.html',
+      'favicon.png',
+    );
+    $files = array_map(function($file_name) use($upup_files) {
+      foreach($upup_files as $index => $upup_file) {
+        $file_pieces = explode('.', $upup_file);
+        if (substr($file_name, 0, strlen($file_pieces[0])) === $file_pieces[0]
+          && substr($file_name, -strlen($file_pieces[1])) === $file_pieces[1]) {
+          return str_replace('\\', '/', $file_name);
+        }
+      }
+      return false;
+    }, scandir('.'));
+    $files = array_filter($files);
+
+    $upup_insert = "<script src=\"upup.min.js\"></script>
+    <script>
+    window.onload = (function (oldLoad) {
+      oldLoad && oldLoad();
+      if (UpUp) {
+        UpUp.start({
+          'cache-version': '2.0.0',
+          'content-url': 'offline.html',
+          'assets': [
+            \"" . implode('","', $files) . "\"
+          ],
+        });
+      }
+    })(window.onload);
+    </script>";
+    
+    $html = str_replace('{{upup_insert}}', $upup_insert, $html);
+    
+    $imported_from_http = '';
+    if (isset($_POST['oldDictionaryFromHTTP'])) {
+      $imported_from_http = '<script>window.dictionaryImportedFromHTTP = "' . addslashes($_POST['oldDictionaryFromHTTP']) . '";</script>';
+    }
+    $html = str_replace('{{imported_from_http}}', $imported_from_http, $html);
+
+    return Response::html($html);
+    break;
+  }
+}
--- a/src/scss/Account/_structure.scss
+++ b/src/scss/Account/_structure.scss
@ -13,4 +13,10 @@
      }
    }
  }
+}
+
+.share-link {
+  margin-left: $general-padding !important;
+  line-height: 16px !important;
+  padding: 1px 3px 3px !important;
 }
--- a/src/scss/_containers.scss
+++ b/src/scss/_containers.scss
@ -1,7 +1,6 @@
 header {
  display: block;
  padding: 5px $general-padding;
-  border-bottom: 1px solid $mid;
  margin: 0 0 5px;

  &#top {
@ -14,7 +13,7 @@ main {
  width: 90%;
  max-width: 1000px;
  min-height: 400px;
-  margin: 0 auto;
+  margin: 0 auto ($header-height * 1.25);

  #sideColumn,
  #mainColumn {
@ -29,13 +28,12 @@ main {

  #mainColumn {
    width: 64%;
-    margin: 0;
+    margin: $general-padding 0 0;
  }

  article {
    width: 95%;
    margin: 10px auto;
-    border: $border;

    dl {
      padding: 0 $general-padding;
@ -46,6 +44,5 @@ main {
 footer {
  display: block;
  padding: $general-padding;
-  border-top: 1px solid $mid;
  margin: 5px 0 0;
 }
--- a/src/scss/_elements.scss
+++ b/src/scss/_elements.scss
@ -1,8 +1,8 @@
-p, span {
-  &.red {
-    color: $red;
-  }
+a {
+  text-decoration: underline;
+}

+p, span {
  &.bold {
    font-weight: bold;
  }
@ -34,24 +34,42 @@ label {
  }

  .label-button {
-    @extend .button;
-
+    display: inline-block;
+    padding: 3px 9px;
+    border-radius: 3px;
+    line-height: 30px;
+    cursor: pointer;
+    user-select: none;
    font-size: 80%;
    font-weight: normal;
    float: right;
    cursor: pointer;
    line-height: 80% !important;
    padding: 3px 3px 5px;
+
+    &.small {
+      font-size: 80%;
+      line-height: 25px;
+    }
  }

  .label-help-button {
-    @extend .button;
-
+    display: inline-block;
+    padding: 3px 9px;
+    border-radius: 3px;
+    line-height: 30px;
+    cursor: pointer;
+    user-select: none;
    font-size: 70%;
    font-weight: normal;
    cursor: pointer;
    line-height: 70% !important;
    padding: 2px 2px 4px;
+
+    &.small {
+      font-size: 80%;
+      line-height: 25px;
+    }
  }
 }

@ -62,38 +80,48 @@ ul {
 .tag {
  display: inline-block;
  padding: 3px 9px;
-  border: $border;
  border-radius: 3px;
-  background-color: $light;
  line-height: 30px;

  &.small {
    font-size: 80%;
    line-height: 25px;
  }
-
-  &.red {
-    background-color: $red;
-    color: $white;
-  }
 }

 span .tag {
-  @extend .tag;
-  
  border-radius: 3px 0 0 3px;
+
+  display: inline-block;
+  padding: 3px 9px;
+  border-radius: 3px;
+  line-height: 30px;
+
+  &.small {
+    font-size: 80%;
+    line-height: 25px;
+  }
  
  &+.tag {
    border-left: none;
    border-radius: 0 3px 3px 0;
-    background-color: $white;
  }
 }

 .button {
-  @extend .tag;
+  display: inline-block;
+  padding: 3px 9px;
+  border-radius: 3px;
+  line-height: 30px;
  cursor: pointer;
  user-select: none;
+  text-decoration: none;
+  font-weight: bold;
+
+  &.small {
+    font-size: 80%;
+    line-height: 25px;
+  }
 }

 .modal {
@ -109,7 +137,6 @@ span .tag {
    left: 0;
    bottom: 0;
    right: 0;
-    background-color: #000000;
    opacity: 0.5;
  }

@ -122,8 +149,6 @@ span .tag {
    max-width: 100%;
    height: 600px;
    max-height: 100%;
-    background-color: $white;
-    border: $border;
    border-radius: 5px;

    .close-button {
@ -134,30 +159,19 @@ span .tag {
      font-size: 200%;
      cursor: pointer;
      user-select: none;
+      text-decoration: none;
    }
  }
 }

 .tabs {
-  ul {
-    border-bottom: $border;
-  }
  li {
    display: inline-block;
    list-style: none;
    margin: 0 2px -1px;
    padding: 10px $general-padding;
-    border-top: $border;
-    border-left: $border;
-    border-right: $border;
    border-radius: 5px 5px 0 0;
-    background-color: $mid;
    cursor: pointer;
-
-    &.active {
-      background-color: $white;
-      border-bottom: 1px solid $white;
-    }
  }
 }

@ -198,6 +212,25 @@ span .tag {
  }
 }

+.fadeout {
+  overflow: hidden;
+  animation-name: shut;
+  animation-duration: 0.3s;
+  animation-timing-function: linear;
+  animation-iteration-count: 1;
+  animation-fill-mode: both;
+}
+@keyframes shut {
+  0% {
+    opacity: 1;
+    max-height: 200px;
+  }
+  100% {
+    opacity: 0;
+    max-height: 0px;
+  }
+}
+
 .pagination {
  position: relative;
  text-align: center;
--- a/src/scss/_structure.scss
+++ b/src/scss/_structure.scss
@ -2,6 +2,9 @@
  #title {
    display: inline-block;
    margin: 3px $general-padding 3px 0;
+    width: 180px;
+    max-height: $header-height - $general-padding;
+    vertical-align: middle;
  }

  #openSearchModal {
@ -42,7 +45,6 @@
        left: unset;
        bottom: unset;
        right: unset;
-        background-color: $white;
        padding: ($general-padding / 2) $general-padding ($general-padding * 0.25);
        font-size: 90%;

@ -100,16 +102,13 @@

 #wordForm {
  position: fixed;
-  top: auto;
+  top: $header-height + $general-padding;
  width: 31%;
  max-width: 320px;
  padding: 10px;
-  background-color: $light;
-  border: $border;
  border-radius: 5px;
  max-height: 80%;
  overflow-y: auto;
-  box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
 }

 .edit-form {
@ -117,11 +116,12 @@
  max-width: 500px;
 }

-#detailsSection {
-  padding: $general-padding;
-  background-color: $white;
-  border: $border;
+#mainColumn {
  border-radius: 5px;
+}
+
+#detailsSection {
+  padding: $general-padding $general-padding 0;

  #dictionaryName {
    margin-top: 0;
@ -135,8 +135,6 @@
      list-style: none;
      margin: 0;
      padding: 10px $general-padding;
-      border: $border;
-      background-color: $light;
      cursor: pointer;
      
      &:first-child {
@ -148,15 +146,10 @@
      &:not(:first-child) {
        border-left: none;
      }
-
-      &.active {
-        background-color: #bababa;
-      }
    }
  }

  #detailsPanel {
-    background-color: $white;
    padding: $general-padding;
    max-height: 400px;
    overflow-y: auto;
@ -169,9 +162,23 @@
 }


+.announcement {
+  position: relative;
+  padding: 0 $general-padding $general-padding;
+  text-align: center;
+
+  .close-button {
+    position: absolute;
+    top: 5px;
+    right: 5px;
+    font-size: 25px;
+    line-height: 10px;
+    cursor: pointer;
+    text-decoration: none;
+  }
+}
+
 .entry {
-  background-color: $light;
-  
  .word {
    display: inline-block;
    margin: 3px 0;
@ -202,15 +209,12 @@
      position: absolute;
      top: 3px;
      right: 3px;
-      background-color: $white;
-      border: $border;
      border-radius: 5px;
      
      .word-option {
        padding: 10px 25px;;

        &:hover {
-          background-color: $light;
          cursor: pointer;
        }
      }
@ -339,13 +343,12 @@ $nav-font-height: 16px;
  bottom: $general-padding;
  right: $general-padding;
  max-width: 300px;
+  z-index: 10;

  .message {
    position: relative;
    display: block;
    padding: $general-padding ($general-padding * 2) $general-padding $general-padding;
-    background-color: $light;
-    border: $border;
    border-radius: 5px;
    margin-bottom: 5px;

@ -353,10 +356,6 @@ $nav-font-height: 16px;
      margin-bottom: 0;
    }

-    &.error {
-      background-color: lighten($red, 0.75);
-    }
-
    .close-button {
      position: absolute;
      top: 5px;
@ -364,6 +363,7 @@ $nav-font-height: 16px;
      font-size: 25px;
      line-height: 10px;
      cursor: pointer;
+      text-decoration: none;

      &:before {
        content: '';
@ -372,7 +372,6 @@ $nav-font-height: 16px;
        right: -2px;
        width: 20px;
        height: 20px;
-        background-color: #455455;
        opacity: 0.5;
        transform-origin: center left;
        transform: scaleX(0);
@ -391,10 +390,19 @@ $nav-font-height: 16px;
 }

 #bottom {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 5;
  text-align: center;
+  padding: $general-padding / 2;

  a {
-    color: #000000;
    text-decoration: none;
  }
+
+  .separator {
+    display: inline;
+  }
 }
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@ -2,12 +2,4 @@ $font: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubunt

 $header-height: 60px;

-$dark: #bababa;
-$mid: #dedede;
-$light: #efefef;
-$white: #ffffff;
-
-$red: #d42932;
-
-$border: 1px solid $dark;
 $general-padding: 20px;
--- a/src/scss/mobile/_containers.scss
+++ b/src/scss/mobile/_containers.scss
@ -12,6 +12,8 @@ header {
 }

 main {
+  margin-bottom: $general-padding;
+  
  #sideColumn {
    display: block;
    width: 0;
--- a/src/scss/mobile/_elements.scss
+++ b/src/scss/mobile/_elements.scss
@ -1,21 +1,21 @@
@media (max-width: 750px) {

-.tag {
-  padding: 2px 6px;
-  font-size: 90%;
-  line-height: 120%;
+// .tag {
+//   padding: 2px 6px;
+//   font-size: 90%;
+//   line-height: 120%;

-  &.small {
-    font-size: 70%;
-    line-height: 100%;
-  }
-}
+//   &.small {
+//     font-size: 70%;
+//     line-height: 100%;
+//   }
+// }

-.button {
-  @extend .tag;
-  cursor: pointer;
-  user-select: none;
-}
+// .button {
+//   @extend .tag;
+//   cursor: pointer;
+//   user-select: none;
+// }

 .tabs {
  li {
--- a/src/scss/mobile/_structure.scss
+++ b/src/scss/mobile/_structure.scss
@ -34,10 +34,7 @@
  width: 32px;
  height: 32px;
  display: block;
-  background-color: #00de00;
-  border: $border;
  border-radius: 0 3px 3px 0;
-  color: $white;
  font-size: 30px;
  line-height: 24px;
  font-weight: bold;
@ -88,4 +85,14 @@
  }
 }

+#bottom {
+  position: relative;
+  bottom: unset;
+
+  .separator {
+    display: block;
+    visibility: hidden;
+  }
+}
+
 }
--- a/src/scss/themes/_blue.scss
+++ b/src/scss/themes/_blue.scss
@ -0,0 +1,265 @@
+#blueTheme {
+  $dark: #757575;
+  $mid: #a0a0a0;
+  $light: #cecece;
+  $white: #ffffff;
+  $red: #de0000;
+
+  $header-color: #3333ee;
+  $background-color: #4444ff;
+  $footer-color: #2222cc;
+  $link-color: #3333aa;
+  $button-color: #6868dd;
+  $message-color: #7777dd;
+  $word-form-color: #3232bb;
+  $dictionary-color: #3535cc;
+  $entry-color: #5252dd;
+  $input-color: #4444ff;
+  $details-color: #7777ee;
+  $modal-color: #4444dd;
+  
+  $border: 1px solid $dark;
+  
+  background-color: $background-color;
+  color: $white;
+  
+  a {
+    color: $link-color;
+  }
+  
+  p, span {
+    &.red {
+      color: $red;
+    }
+  }
+
+  label {
+    .label-button {
+      border: 1px solid darken($button-color, 2);
+      background-color: $button-color;
+      color: $white;
+      text-decoration: none;
+    }
+
+    .label-help-button {
+      border: 1px solid darken($button-color, 2);
+      background-color: $button-color;
+      color: $white;
+      text-decoration: none;
+    }
+  }
+
+  input, textarea, select, option {
+    background-color: $input-color;
+    color: $white;
+    border: 1px solid $dark;
+  }
+
+  .tag {
+    border: $border;
+    background-color: $button-color;
+
+    &.red {
+      background-color: $red;
+      color: $white;
+    }
+  }
+
+  span .tag {
+    border: $border;
+    background-color: $button-color;
+    &+.tag {
+      background-color: lighten($button-color, 25);
+      border-left: none;
+    }
+  }
+
+  .button {
+    border: 1px solid darken($button-color, 2);
+    background-color: $button-color;
+    color: $white;
+
+    &.red {
+      background-color: $red;
+      color: $white;
+    }
+  }
+
+  .modal {
+    .modal-background {
+      background-color: #000000;
+    }
+    .modal-content {
+      background-color: $modal-color;
+      border: 1px solid darken($modal-color, 10);
+    }
+  }
+
+  .tabs {
+    ul {
+      border-bottom: $border;
+    }
+    li {
+      border-top: $border;
+      border-left: $border;
+      border-right: $border;
+      background-color: $button-color;
+
+      &.active {
+        background-color: $modal-color;
+        border-bottom: 1px solid $modal-color;
+      }
+    }
+  }
+
+  header {
+    border-bottom: 1px solid $mid;
+  }
+
+  main {
+    article {
+      border: $border;
+    }
+  }
+
+  footer {
+    border-top: 1px solid $mid;
+  }
+
+  #top {
+    background-color: $header-color;
+    border-bottom: 1px solid darken($header-color, 2);
+    box-shadow: 0px 4px 5px 0px #000000;
+
+    #title {
+      #lexi {
+        fill: lighten($background-color, 25);
+      }
+      #conga {
+        fill: lighten($footer-color, 25);
+      }
+    }
+
+    #openSearchModal {
+      cursor: pointer;
+    }
+
+    #searchModal {
+      .modal-content {
+        section+footer {
+          background-color: $modal-color;
+        }
+      }
+    }
+  }
+
+  #wordForm {
+    background-color: $word-form-color;
+    border: 1px solid darken($word-form-color, 2);
+    box-shadow: 4px 4px 5px 0px #000000;
+  }
+
+  #mainColumn {
+    background-color: $dictionary-color;
+    border: 1px solid darken($dictionary-color, 2);
+    box-shadow: 4px 4px 5px 0px #000000;
+  }
+
+  #detailsSection {
+    nav ul {
+      li {
+        border: 1px solid darken($button-color, 20);
+        background-color: $button-color;
+
+        &.active {
+          background-color: lighten($button-color, 15);
+        }
+      }
+    }
+
+    #detailsPanel {
+      background-color: $details-color;
+    }
+  }
+
+  .announcement {
+    background-color: saturate(lighten($footer-color, 20%), 20%);
+    box-shadow: 4px 4px 5px 0px #000000;
+  }
+
+  .entry {
+    background-color: $entry-color;
+    border: 1px solid darken($entry-color, 20);
+    
+    header {
+      border-bottom: 1px solid darken($entry-color, 20);
+      
+      .word-option-button {
+        background-color: darken($entry-color, 10);
+        border: 1px solid darken($entry-color, 20);
+      }
+      
+      .word-option-list {
+        background-color: darken($entry-color, 5);
+        border: 1px solid darken($entry-color, 10);
+        
+        .word-option {
+          &:hover {
+            background-color: lighten($entry-color, 5);
+          }
+        }
+      }
+    }
+
+    .edit-form {
+      .button {
+        background-color: darken($button-color, 10);
+      }
+    }
+  }
+
+  #messagingSection {
+    .message {
+      background-color: $message-color;
+      border: $border;
+
+      &.error {
+        background-color: lighten($red, 0.75);
+      }
+
+      .close-button {
+        &:before {
+          background-color: #455455;
+        }
+      }
+    }
+  }
+
+  #bottom {
+    background-color: $footer-color;
+    border-top: 1px solid darken($footer-color, 2);
+    box-shadow: 0px -4px 5px 0px #000000;
+
+    a {
+      color: $white;
+    }
+  }
+
+}
+
+@media (max-width: 750px) {
+#blueTheme {
+  $dark: #bababa;
+  $mid: #dedede;
+  $light: #efefef;
+  $white: #ffffff;
+  $red: #b42032;
+  $border: 1px solid $dark;
+  
+  #mobileWordFormShow {
+    background-color: #00de00;
+    border: $border;
+    color: $light;
+  }
+}
+}
--- a/src/scss/themes/_dark.scss
+++ b/src/scss/themes/_dark.scss
@ -0,0 +1,265 @@
+#darkTheme {
+  $dark: #757575;
+  $mid: #a0a0a0;
+  $light: #cecece;
+  $white: #ffffff;
+  $red: #de0000;
+
+  $header-color: #111111;
+  $background-color: #222222;
+  $footer-color: #000000;
+  $link-color: #bababa;
+  $button-color: #464646;
+  $message-color: #555555;
+  $word-form-color: #101010;
+  $dictionary-color: #111111;
+  $entry-color: #303030;
+  $input-color: #222222;
+  $details-color: #555555;
+  $modal-color: #222222;
+  
+  $border: 1px solid $dark;
+  
+  background-color: $background-color;
+  color: $light;
+  
+  a {
+    color: $link-color;
+  }
+  
+  p, span {
+    &.red {
+      color: $red;
+    }
+  }
+
+  label {
+    .label-button {
+      border: 1px solid darken($button-color, 2);
+      background-color: $button-color;
+      color: $light;
+      text-decoration: none;
+    }
+
+    .label-help-button {
+      border: 1px solid darken($button-color, 2);
+      background-color: $button-color;
+      color: $light;
+      text-decoration: none;
+    }
+  }
+
+  input, textarea, select, option {
+    background-color: $input-color;
+    color: $light;
+    border: 1px solid $dark;
+  }
+
+  .tag {
+    border: $border;
+    background-color: $button-color;
+
+    &.red {
+      background-color: $red;
+      color: $light;
+    }
+  }
+
+  span .tag {
+    border: $border;
+    background-color: $button-color;
+    &+.tag {
+      background-color: lighten($button-color, 25);
+      border-left: none;
+    }
+  }
+
+  .button {
+    border: 1px solid darken($button-color, 2);
+    background-color: $button-color;
+    color: $light;
+
+    &.red {
+      background-color: $red;
+      color: $light;
+    }
+  }
+
+  .modal {
+    .modal-background {
+      background-color: $dark;
+    }
+    .modal-content {
+      background-color: $modal-color;
+      border: 1px solid darken($modal-color, 10);
+    }
+  }
+
+  .tabs {
+    ul {
+      border-bottom: $border;
+    }
+    li {
+      border-top: $border;
+      border-left: $border;
+      border-right: $border;
+      background-color: $button-color;
+
+      &.active {
+        background-color: $modal-color;
+        border-bottom: 1px solid $modal-color;
+      }
+    }
+  }
+
+  header {
+    border-bottom: 1px solid $mid;
+  }
+
+  main {
+    article {
+      border: $border;
+    }
+  }
+
+  footer {
+    border-top: 1px solid $mid;
+  }
+
+  #top {
+    background-color: $header-color;
+    border-bottom: 1px solid darken($header-color, 2);
+    box-shadow: 0px 4px 5px 0px $dark;
+
+    #title {
+      #lexi {
+        fill: $mid;
+      }
+      #conga {
+        fill: $dark;
+      }
+    }
+
+    #openSearchModal {
+      cursor: pointer;
+    }
+
+    #searchModal {
+      .modal-content {
+        section+footer {
+          background-color: $modal-color;
+        }
+      }
+    }
+  }
+
+  #wordForm {
+    background-color: $word-form-color;
+    border: 1px solid darken($word-form-color, 2);
+    box-shadow: 4px 4px 5px 0px $dark;
+  }
+
+  #mainColumn {
+    background-color: $dictionary-color;
+    border: 1px solid darken($dictionary-color, 2);
+    box-shadow: 4px 4px 5px 0px $dark;
+  }
+
+  #detailsSection {
+    nav ul {
+      li {
+        border: 1px solid darken($button-color, 20);
+        background-color: $button-color;
+
+        &.active {
+          background-color: lighten($button-color, 15);
+        }
+      }
+    }
+
+    #detailsPanel {
+      background-color: $details-color;
+    }
+  }
+
+  .announcement {
+    background-color: saturate(lighten($footer-color, 20%), 20%);
+    box-shadow: 4px 4px 5px 0px $dark;
+  }
+
+  .entry {
+    background-color: $entry-color;
+    border: 1px solid darken($entry-color, 20);
+    
+    header {
+      border-bottom: 1px solid darken($entry-color, 20);
+      
+      .word-option-button {
+        background-color: darken($entry-color, 10);
+        border: 1px solid darken($entry-color, 20);
+      }
+      
+      .word-option-list {
+        background-color: darken($entry-color, 5);
+        border: 1px solid darken($entry-color, 10);
+        
+        .word-option {
+          &:hover {
+            background-color: lighten($entry-color, 5);
+          }
+        }
+      }
+    }
+
+    .edit-form {
+      .button {
+        background-color: darken($button-color, 10);
+      }
+    }
+  }
+
+  #messagingSection {
+    .message {
+      background-color: $message-color;
+      border: $border;
+
+      &.error {
+        background-color: lighten($red, 0.75);
+      }
+
+      .close-button {
+        &:before {
+          background-color: #455455;
+        }
+      }
+    }
+  }
+
+  #bottom {
+    background-color: $footer-color;
+    border-top: 1px solid darken($footer-color, 2);
+    box-shadow: 0px -4px 5px 0px $dark;
+
+    a {
+      color: $light;
+    }
+  }
+
+}
+
+@media (max-width: 750px) {
+#darkTheme {
+  $dark: #bababa;
+  $mid: #dedede;
+  $light: #efefef;
+  $white: #ffffff;
+  $red: #b42032;
+  $border: 1px solid $dark;
+  
+  #mobileWordFormShow {
+    background-color: #00de00;
+    border: $border;
+    color: $light;
+  }
+}
+}
--- a/src/scss/themes/_default.scss
+++ b/src/scss/themes/_default.scss
@ -0,0 +1,264 @@
+#defaultTheme {
+  $dark: #bababa;
+  $mid: #dedede;
+  $light: #efefef;
+  $white: #ffffff;
+  $red: #b42032;
+
+  $header-color: #eacc9d;
+  $background-color: #e6cfaa;
+  $footer-color: #cb6318;
+  $link-color: #a01000;
+  $button-color: #dcb078;
+  $message-color: #c0c088;
+  $word-form-color: #ba5536;
+  $dictionary-color: #bd7251;
+  $entry-color: #d7ad7d;
+  $input-color: #efdfc0;
+  $details-color: #f2d5b2;
+  $modal-color: #f2d5b2;
+  
+  $border: 1px solid $dark;
+  
+  background-color: $background-color;
+  color: #000000;
+  
+  a {
+    color: $link-color;
+  }
+  
+  p, span {
+    &.red {
+      color: $red;
+    }
+  }
+
+  label {
+    .label-button {
+      border: 1px solid darken($button-color, 2);
+      background-color: $button-color;
+      color: #000000;
+      text-decoration: none;
+    }
+
+    .label-help-button {
+      border: 1px solid darken($button-color, 2);
+      background-color: $button-color;
+      color: #000000;
+      text-decoration: none;
+    }
+  }
+
+  input, textarea, select, option {
+    background-color: $input-color;
+    border: 1px solid $dark;
+  }
+
+  .tag {
+    border: $border;
+    background-color: $button-color;
+
+    &.red {
+      background-color: $red;
+      color: $white;
+    }
+  }
+
+  span .tag {
+    border: $border;
+    background-color: $button-color;
+    &+.tag {
+      background-color: lighten($button-color, 25);
+      border-left: none;
+    }
+  }
+
+  .button {
+    border: 1px solid darken($button-color, 2);
+    background-color: $button-color;
+    color: #000000;
+
+    &.red {
+      background-color: $red;
+      color: $white;
+    }
+  }
+
+  .modal {
+    .modal-background {
+      background-color: #000000;
+    }
+    .modal-content {
+      background-color: $modal-color;
+      border: 1px solid darken($modal-color, 10);
+    }
+  }
+
+  .tabs {
+    ul {
+      border-bottom: $border;
+    }
+    li {
+      border-top: $border;
+      border-left: $border;
+      border-right: $border;
+      background-color: $button-color;
+
+      &.active {
+        background-color: $modal-color;
+        border-bottom: 1px solid $modal-color;
+      }
+    }
+  }
+
+  header {
+    border-bottom: 1px solid $mid;
+  }
+
+  main {
+    article {
+      border: $border;
+    }
+  }
+
+  footer {
+    border-top: 1px solid $mid;
+  }
+
+  #top {
+    background-color: $header-color;
+    border-bottom: 1px solid darken($header-color, 2);
+    box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.75);
+
+    #title {
+      #lexi {
+        fill: #ff5500;
+      }
+      #conga {
+        fill: #d70000;
+      }
+    }
+
+    #openSearchModal {
+      cursor: pointer;
+    }
+
+    #searchModal {
+      .modal-content {
+        section+footer {
+          background-color: $modal-color;
+        }
+      }
+    }
+  }
+
+  #wordForm {
+    background-color: $word-form-color;
+    border: 1px solid darken($word-form-color, 2);
+    box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
+  }
+
+  #mainColumn {
+    background-color: $dictionary-color;
+    border: 1px solid darken($dictionary-color, 2);
+    box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
+  }
+
+  #detailsSection {
+    nav ul {
+      li {
+        border: 1px solid darken($button-color, 20);
+        background-color: $button-color;
+
+        &.active {
+          background-color: lighten($button-color, 15);
+        }
+      }
+    }
+
+    #detailsPanel {
+      background-color: $details-color;
+    }
+  }
+
+  .announcement {
+    background-color: saturate(lighten($footer-color, 20%), 20%);
+    box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
+  }
+
+  .entry {
+    background-color: $entry-color;
+    border: 1px solid darken($entry-color, 20);
+    
+    header {
+      border-bottom: 1px solid darken($entry-color, 20);
+      
+      .word-option-button {
+        background-color: darken($entry-color, 10);
+        border: 1px solid darken($entry-color, 20);
+      }
+      
+      .word-option-list {
+        background-color: darken($entry-color, 5);
+        border: 1px solid darken($entry-color, 10);
+        
+        .word-option {
+          &:hover {
+            background-color: lighten($entry-color, 5);
+          }
+        }
+      }
+    }
+
+    .edit-form {
+      .button {
+        background-color: darken($button-color, 10);
+      }
+    }
+  }
+
+  #messagingSection {
+    .message {
+      background-color: $message-color;
+      border: $border;
+
+      &.error {
+        background-color: lighten($red, 0.75);
+      }
+
+      .close-button {
+        &:before {
+          background-color: #455455;
+        }
+      }
+    }
+  }
+
+  #bottom {
+    background-color: $footer-color;
+    border-top: 1px solid darken($footer-color, 2);
+    box-shadow: 0px -4px 5px 0px rgba(50, 50, 50, 0.75);
+
+    a {
+      color: #000000;
+    }
+  }
+
+}
+
+@media (max-width: 750px) {
+#defaultTheme {
+  $dark: #bababa;
+  $mid: #dedede;
+  $light: #efefef;
+  $white: #ffffff;
+  $red: #b42032;
+  $border: 1px solid $dark;
+  
+  #mobileWordFormShow {
+    background-color: #00de00;
+    border: $border;
+    color: $white;
+  }
+}
+}
--- a/src/scss/themes/_grape.scss
+++ b/src/scss/themes/_grape.scss
@ -0,0 +1,264 @@
+#grapeTheme {
+  $dark: #bababa;
+  $mid: #dedede;
+  $light: #efefef;
+  $white: #ffffff;
+  $red: #de0000;
+
+  $header-color: #cc9dea;
+  $background-color: #cfaae6;
+  $footer-color: #6318cb;
+  $link-color: #1000a0;
+  $button-color: #b078dc;
+  $message-color: #c088c0;
+  $word-form-color: #5536ba;
+  $dictionary-color: #7251bd;
+  $entry-color: #ad7dd7;
+  $input-color: #dfc0ef;
+  $details-color: #d5b2f2;
+  $modal-color: #d5b2f2;
+  
+  $border: 1px solid $dark;
+  
+  background-color: $background-color;
+  color: #000000;
+  
+  a {
+    color: $link-color;
+  }
+  
+  p, span {
+    &.red {
+      color: $red;
+    }
+  }
+
+  label {
+    .label-button {
+      border: 1px solid darken($button-color, 2);
+      background-color: $button-color;
+      color: #000000;
+      text-decoration: none;
+    }
+
+    .label-help-button {
+      border: 1px solid darken($button-color, 2);
+      background-color: $button-color;
+      color: #000000;
+      text-decoration: none;
+    }
+  }
+
+  input, textarea, select, option {
+    background-color: $input-color;
+    border: 1px solid $dark;
+  }
+
+  .tag {
+    border: $border;
+    background-color: $button-color;
+
+    &.red {
+      background-color: $red;
+      color: $white;
+    }
+  }
+
+  span .tag {
+    border: $border;
+    background-color: $button-color;
+    &+.tag {
+      background-color: lighten($button-color, 25);
+      border-left: none;
+    }
+  }
+
+  .button {
+    border: 1px solid darken($button-color, 2);
+    background-color: $button-color;
+    color: #000000;
+
+    &.red {
+      background-color: $red;
+      color: $white;
+    }
+  }
+
+  .modal {
+    .modal-background {
+      background-color: #000000;
+    }
+    .modal-content {
+      background-color: $modal-color;
+      border: 1px solid darken($modal-color, 10);
+    }
+  }
+
+  .tabs {
+    ul {
+      border-bottom: $border;
+    }
+    li {
+      border-top: $border;
+      border-left: $border;
+      border-right: $border;
+      background-color: $button-color;
+
+      &.active {
+        background-color: $modal-color;
+        border-bottom: 1px solid $modal-color;
+      }
+    }
+  }
+
+  header {
+    border-bottom: 1px solid $mid;
+  }
+
+  main {
+    article {
+      border: $border;
+    }
+  }
+
+  footer {
+    border-top: 1px solid $mid;
+  }
+
+  #top {
+    background-color: $header-color;
+    border-bottom: 1px solid darken($header-color, 2);
+    box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.75);
+
+    #title {
+      #lexi {
+        fill: darken($background-color, 25);
+      }
+      #conga {
+        fill: darken($footer-color, 25);
+      }
+    }
+
+    #openSearchModal {
+      cursor: pointer;
+    }
+
+    #searchModal {
+      .modal-content {
+        section+footer {
+          background-color: $modal-color;
+        }
+      }
+    }
+  }
+
+  #wordForm {
+    background-color: $word-form-color;
+    border: 1px solid darken($word-form-color, 2);
+    box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
+  }
+
+  #mainColumn {
+    background-color: $dictionary-color;
+    border: 1px solid darken($dictionary-color, 2);
+    box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
+  }
+
+  #detailsSection {
+    nav ul {
+      li {
+        border: 1px solid darken($button-color, 20);
+        background-color: $button-color;
+
+        &.active {
+          background-color: lighten($button-color, 15);
+        }
+      }
+    }
+
+    #detailsPanel {
+      background-color: $details-color;
+    }
+  }
+
+  .announcement {
+    background-color: saturate(lighten($footer-color, 20%), 20%);
+    box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
+  }
+
+  .entry {
+    background-color: $entry-color;
+    border: 1px solid darken($entry-color, 20);
+    
+    header {
+      border-bottom: 1px solid darken($entry-color, 20);
+      
+      .word-option-button {
+        background-color: darken($entry-color, 10);
+        border: 1px solid darken($entry-color, 20);
+      }
+      
+      .word-option-list {
+        background-color: darken($entry-color, 5);
+        border: 1px solid darken($entry-color, 10);
+        
+        .word-option {
+          &:hover {
+            background-color: lighten($entry-color, 5);
+          }
+        }
+      }
+    }
+
+    .edit-form {
+      .button {
+        background-color: darken($button-color, 10);
+      }
+    }
+  }
+
+  #messagingSection {
+    .message {
+      background-color: $message-color;
+      border: $border;
+
+      &.error {
+        background-color: lighten($red, 0.75);
+      }
+
+      .close-button {
+        &:before {
+          background-color: #455455;
+        }
+      }
+    }
+  }
+
+  #bottom {
+    background-color: $footer-color;
+    border-top: 1px solid darken($footer-color, 2);
+    box-shadow: 0px -4px 5px 0px rgba(50, 50, 50, 0.75);
+
+    a {
+      color: #000000;
+    }
+  }
+
+}
+
+@media (max-width: 750px) {
+#grapeTheme {
+  $dark: #bababa;
+  $mid: #dedede;
+  $light: #efefef;
+  $white: #ffffff;
+  $red: #b42032;
+  $border: 1px solid $dark;
+  
+  #mobileWordFormShow {
+    background-color: #00de00;
+    border: $border;
+    color: $white;
+  }
+}
+}
--- a/src/scss/themes/_green.scss
+++ b/src/scss/themes/_green.scss
@ -0,0 +1,265 @@
+#greenTheme {
+  $dark: #757575;
+  $mid: #a0a0a0;
+  $light: #cecece;
+  $white: #ffffff;
+  $red: #b42032;
+
+  $header-color: #55aa33;
+  $background-color: #70b044;
+  $footer-color: #559900;
+  $link-color: #007700;
+  $button-color: #acee79;
+  $message-color: #eeee77;
+  $word-form-color: #54aa32;
+  $dictionary-color: #57ad23;
+  $entry-color: #96cf52;
+  $input-color: #aaee88;
+  $details-color: #99dd77;
+  $modal-color: #80cc54;
+  
+  $border: 1px solid $dark;
+  
+  background-color: $background-color;
+  color: #000000;
+  
+  a {
+    color: $link-color;
+  }
+  
+  p, span {
+    &.red {
+      color: $red;
+    }
+  }
+
+  label {
+    .label-button {
+      border: 1px solid darken($button-color, 2);
+      background-color: $button-color;
+      color: #000000;
+      text-decoration: none;
+    }
+
+    .label-help-button {
+      border: 1px solid darken($button-color, 2);
+      background-color: $button-color;
+      color: #000000;
+      text-decoration: none;
+    }
+  }
+
+  input, textarea, select, option {
+    background-color: $input-color;
+    color: #000000;
+    border: 1px solid $dark;
+  }
+
+  .tag {
+    border: $border;
+    background-color: $button-color;
+
+    &.red {
+      background-color: $red;
+      color: #000000;
+    }
+  }
+
+  span .tag {
+    border: $border;
+    background-color: $button-color;
+    &+.tag {
+      background-color: lighten($button-color, 25);
+      border-left: none;
+    }
+  }
+
+  .button {
+    border: 1px solid darken($button-color, 2);
+    background-color: $button-color;
+    color: #000000;
+
+    &.red {
+      background-color: $red;
+      color: #000000;
+    }
+  }
+
+  .modal {
+    .modal-background {
+      background-color: #000000;
+    }
+    .modal-content {
+      background-color: $modal-color;
+      border: 1px solid darken($modal-color, 10);
+    }
+  }
+
+  .tabs {
+    ul {
+      border-bottom: $border;
+    }
+    li {
+      border-top: $border;
+      border-left: $border;
+      border-right: $border;
+      background-color: $button-color;
+
+      &.active {
+        background-color: $modal-color;
+        border-bottom: 1px solid $modal-color;
+      }
+    }
+  }
+
+  header {
+    border-bottom: 1px solid $mid;
+  }
+
+  main {
+    article {
+      border: $border;
+    }
+  }
+
+  footer {
+    border-top: 1px solid $mid;
+  }
+
+  #top {
+    background-color: $header-color;
+    border-bottom: 1px solid darken($header-color, 2);
+    box-shadow: 0px 4px 5px 0px #000000;
+
+    #title {
+      #lexi {
+        fill: lighten($background-color, 25);
+      }
+      #conga {
+        fill: darken($footer-color, 10);
+      }
+    }
+
+    #openSearchModal {
+      cursor: pointer;
+    }
+
+    #searchModal {
+      .modal-content {
+        section+footer {
+          background-color: $modal-color;
+        }
+      }
+    }
+  }
+
+  #wordForm {
+    background-color: $word-form-color;
+    border: 1px solid darken($word-form-color, 2);
+    box-shadow: 4px 4px 5px 0px #000000;
+  }
+
+  #mainColumn {
+    background-color: $dictionary-color;
+    border: 1px solid darken($dictionary-color, 2);
+    box-shadow: 4px 4px 5px 0px #000000;
+  }
+
+  #detailsSection {
+    nav ul {
+      li {
+        border: 1px solid darken($button-color, 20);
+        background-color: $button-color;
+
+        &.active {
+          background-color: lighten($button-color, 15);
+        }
+      }
+    }
+
+    #detailsPanel {
+      background-color: $details-color;
+    }
+  }
+
+  .announcement {
+    background-color: saturate(lighten($footer-color, 20%), 20%);
+    box-shadow: 4px 4px 5px 0px #000000;
+  }
+
+  .entry {
+    background-color: $entry-color;
+    border: 1px solid darken($entry-color, 20);
+    
+    header {
+      border-bottom: 1px solid darken($entry-color, 20);
+      
+      .word-option-button {
+        background-color: darken($entry-color, 10);
+        border: 1px solid darken($entry-color, 20);
+      }
+      
+      .word-option-list {
+        background-color: darken($entry-color, 5);
+        border: 1px solid darken($entry-color, 10);
+        
+        .word-option {
+          &:hover {
+            background-color: lighten($entry-color, 5);
+          }
+        }
+      }
+    }
+
+    .edit-form {
+      .button {
+        background-color: darken($button-color, 10);
+      }
+    }
+  }
+
+  #messagingSection {
+    .message {
+      background-color: $message-color;
+      border: $border;
+
+      &.error {
+        background-color: lighten($red, 0.75);
+      }
+
+      .close-button {
+        &:before {
+          background-color: #455455;
+        }
+      }
+    }
+  }
+
+  #bottom {
+    background-color: $footer-color;
+    border-top: 1px solid darken($footer-color, 2);
+    box-shadow: 0px -4px 5px 0px #000000;
+
+    a {
+      color: #000000;
+    }
+  }
+
+}
+
+@media (max-width: 750px) {
+#greenTheme {
+  $dark: #bababa;
+  $mid: #dedede;
+  $light: #efefef;
+  $white: #ffffff;
+  $red: #b42032;
+  $border: 1px solid $dark;
+  
+  #mobileWordFormShow {
+    background-color: #00de00;
+    border: $border;
+    color: $light;
+  }
+}
+}
--- a/src/scss/themes/_light.scss
+++ b/src/scss/themes/_light.scss
@ -0,0 +1,264 @@
+#lightTheme {
+  $dark: #bababa;
+  $mid: #dedede;
+  $light: #efefef;
+  $white: #ffffff;
+  $red: #c94557;
+
+  $header-color: $mid;
+  $background-color: $white;
+  $footer-color: $dark;
+  $link-color: #0055ff;
+  $button-color: $light;
+  $message-color: $mid;
+  $word-form-color: $mid;
+  $dictionary-color: $mid;
+  $entry-color: $light;
+  $input-color: $white;
+  $details-color: $white;
+  $modal-color: $light;
+  
+  $border: 1px solid $dark;
+  
+  background-color: $background-color;
+  color: #000000;
+  
+  a {
+    color: $link-color;
+  }
+  
+  p, span {
+    &.red {
+      color: $red;
+    }
+  }
+
+  label {
+    .label-button {
+      border: 1px solid darken($button-color, 2);
+      background-color: $button-color;
+      color: #000000;
+      text-decoration: none;
+    }
+
+    .label-help-button {
+      border: 1px solid darken($button-color, 2);
+      background-color: $button-color;
+      color: #000000;
+      text-decoration: none;
+    }
+  }
+
+  input, textarea, select, option {
+    background-color: $input-color;
+    border: 1px solid $dark;
+  }
+
+  .tag {
+    border: $border;
+    background-color: $button-color;
+
+    &.red {
+      background-color: $red;
+      color: $white;
+    }
+  }
+
+  span .tag {
+    border: $border;
+    background-color: $button-color;
+    &+.tag {
+      background-color: lighten($button-color, 25);
+      border-left: none;
+    }
+  }
+
+  .button {
+    border: 1px solid darken($button-color, 2);
+    background-color: $button-color;
+    color: #000000;
+
+    &.red {
+      background-color: $red;
+      color: $white;
+    }
+  }
+
+  .modal {
+    .modal-background {
+      background-color: #000000;
+    }
+    .modal-content {
+      background-color: $modal-color;
+      border: 1px solid darken($modal-color, 10);
+    }
+  }
+
+  .tabs {
+    ul {
+      border-bottom: $border;
+    }
+    li {
+      border-top: $border;
+      border-left: $border;
+      border-right: $border;
+      background-color: $button-color;
+
+      &.active {
+        background-color: $modal-color;
+        border-bottom: 1px solid $modal-color;
+      }
+    }
+  }
+
+  header {
+    border-bottom: 1px solid $mid;
+  }
+
+  main {
+    article {
+      border: $border;
+    }
+  }
+
+  footer {
+    border-top: 1px solid $mid;
+  }
+
+  #top {
+    background-color: $header-color;
+    border-bottom: 1px solid darken($header-color, 2);
+    box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.75);
+
+    #title {
+      #lexi {
+        fill: darken($dark, 15);
+      }
+      #conga {
+        fill: darken($dark, 50);
+      }
+    }
+
+    #openSearchModal {
+      cursor: pointer;
+    }
+
+    #searchModal {
+      .modal-content {
+        section+footer {
+          background-color: $modal-color;
+        }
+      }
+    }
+  }
+
+  #wordForm {
+    background-color: $word-form-color;
+    border: 1px solid darken($word-form-color, 2);
+    box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
+  }
+
+  #mainColumn {
+    background-color: $dictionary-color;
+    border: 1px solid darken($dictionary-color, 2);
+    box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
+  }
+
+  #detailsSection {
+    nav ul {
+      li {
+        border: 1px solid darken($button-color, 20);
+        background-color: $button-color;
+
+        &.active {
+          background-color: lighten($button-color, 15);
+        }
+      }
+    }
+
+    #detailsPanel {
+      background-color: $details-color;
+    }
+  }
+
+  .announcement {
+    background-color: saturate(lighten($footer-color, 20%), 20%);
+    box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
+  }
+
+  .entry {
+    background-color: $entry-color;
+    border: 1px solid darken($entry-color, 20);
+    
+    header {
+      border-bottom: 1px solid darken($entry-color, 20);
+      
+      .word-option-button {
+        background-color: darken($entry-color, 10);
+        border: 1px solid darken($entry-color, 20);
+      }
+      
+      .word-option-list {
+        background-color: darken($entry-color, 5);
+        border: 1px solid darken($entry-color, 10);
+        
+        .word-option {
+          &:hover {
+            background-color: lighten($entry-color, 5);
+          }
+        }
+      }
+    }
+
+    .edit-form {
+      .button {
+        background-color: darken($button-color, 10);
+      }
+    }
+  }
+
+  #messagingSection {
+    .message {
+      background-color: $message-color;
+      border: $border;
+
+      &.error {
+        background-color: lighten($red, 0.75);
+      }
+
+      .close-button {
+        &:before {
+          background-color: #455455;
+        }
+      }
+    }
+  }
+
+  #bottom {
+    background-color: $footer-color;
+    border-top: 1px solid darken($footer-color, 2);
+    box-shadow: 0px -4px 5px 0px rgba(50, 50, 50, 0.75);
+
+    a {
+      color: #000000;
+    }
+  }
+
+}
+
+@media (max-width: 750px) {
+#lightTheme {
+  $dark: #bababa;
+  $mid: #dedede;
+  $light: #efefef;
+  $white: #ffffff;
+  $red: #b42032;
+  $border: 1px solid $dark;
+  
+  #mobileWordFormShow {
+    background-color: #00de00;
+    border: $border;
+    color: $white;
+  }
+}
+}
--- a/src/scss/themes/_mint.scss
+++ b/src/scss/themes/_mint.scss
@ -0,0 +1,264 @@
+#mintTheme {
+  $dark: #bababa;
+  $mid: #dedede;
+  $light: #efefef;
+  $white: #ffffff;
+  $red: #b42032;
+
+  $header-color: #9deacc;
+  $background-color: #aae6cf;
+  $footer-color: #18cb63;
+  $link-color: #00a010;
+  $button-color: #78dcb0;
+  $message-color: #88c0c0;
+  $word-form-color: #36ba55;
+  $dictionary-color: #51bd72;
+  $entry-color: #7dd7ad;
+  $input-color: #c0efdf;
+  $details-color: #b2f2d5;
+  $modal-color: #b2f2d5;
+  
+  $border: 1px solid $dark;
+  
+  background-color: $background-color;
+  color: #000000;
+  
+  a {
+    color: $link-color;
+  }
+  
+  p, span {
+    &.red {
+      color: $red;
+    }
+  }
+
+  label {
+    .label-button {
+      border: 1px solid darken($button-color, 2);
+      background-color: $button-color;
+      color: #000000;
+      text-decoration: none;
+    }
+
+    .label-help-button {
+      border: 1px solid darken($button-color, 2);
+      background-color: $button-color;
+      color: #000000;
+      text-decoration: none;
+    }
+  }
+
+  input, textarea, select, option {
+    background-color: $input-color;
+    border: 1px solid $dark;
+  }
+
+  .tag {
+    border: $border;
+    background-color: $button-color;
+
+    &.red {
+      background-color: $red;
+      color: $white;
+    }
+  }
+
+  span .tag {
+    border: $border;
+    background-color: $button-color;
+    &+.tag {
+      background-color: lighten($button-color, 25);
+      border-left: none;
+    }
+  }
+
+  .button {
+    border: 1px solid darken($button-color, 2);
+    background-color: $button-color;
+    color: #000000;
+
+    &.red {
+      background-color: $red;
+      color: $white;
+    }
+  }
+
+  .modal {
+    .modal-background {
+      background-color: #000000;
+    }
+    .modal-content {
+      background-color: $modal-color;
+      border: 1px solid darken($modal-color, 10);
+    }
+  }
+
+  .tabs {
+    ul {
+      border-bottom: $border;
+    }
+    li {
+      border-top: $border;
+      border-left: $border;
+      border-right: $border;
+      background-color: $button-color;
+
+      &.active {
+        background-color: $modal-color;
+        border-bottom: 1px solid $modal-color;
+      }
+    }
+  }
+
+  header {
+    border-bottom: 1px solid $mid;
+  }
+
+  main {
+    article {
+      border: $border;
+    }
+  }
+
+  footer {
+    border-top: 1px solid $mid;
+  }
+
+  #top {
+    background-color: $header-color;
+    border-bottom: 1px solid darken($header-color, 2);
+    box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.75);
+
+    #title {
+      #lexi {
+        fill: darken($background-color, 35);
+      }
+      #conga {
+        fill: darken($footer-color, 25);
+      }
+    }
+
+    #openSearchModal {
+      cursor: pointer;
+    }
+
+    #searchModal {
+      .modal-content {
+        section+footer {
+          background-color: $modal-color;
+        }
+      }
+    }
+  }
+
+  #wordForm {
+    background-color: $word-form-color;
+    border: 1px solid darken($word-form-color, 2);
+    box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
+  }
+
+  #mainColumn {
+    background-color: $dictionary-color;
+    border: 1px solid darken($dictionary-color, 2);
+    box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
+  }
+
+  #detailsSection {
+    nav ul {
+      li {
+        border: 1px solid darken($button-color, 20);
+        background-color: $button-color;
+
+        &.active {
+          background-color: lighten($button-color, 15);
+        }
+      }
+    }
+
+    #detailsPanel {
+      background-color: $details-color;
+    }
+  }
+
+  .announcement {
+    background-color: saturate(lighten($footer-color, 20%), 20%);
+    box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
+  }
+
+  .entry {
+    background-color: $entry-color;
+    border: 1px solid darken($entry-color, 20);
+    
+    header {
+      border-bottom: 1px solid darken($entry-color, 20);
+      
+      .word-option-button {
+        background-color: darken($entry-color, 10);
+        border: 1px solid darken($entry-color, 20);
+      }
+      
+      .word-option-list {
+        background-color: darken($entry-color, 5);
+        border: 1px solid darken($entry-color, 10);
+        
+        .word-option {
+          &:hover {
+            background-color: lighten($entry-color, 5);
+          }
+        }
+      }
+    }
+
+    .edit-form {
+      .button {
+        background-color: darken($button-color, 10);
+      }
+    }
+  }
+
+  #messagingSection {
+    .message {
+      background-color: $message-color;
+      border: $border;
+
+      &.error {
+        background-color: lighten($red, 0.75);
+      }
+
+      .close-button {
+        &:before {
+          background-color: #455455;
+        }
+      }
+    }
+  }
+
+  #bottom {
+    background-color: $footer-color;
+    border-top: 1px solid darken($footer-color, 2);
+    box-shadow: 0px -4px 5px 0px rgba(50, 50, 50, 0.75);
+
+    a {
+      color: #000000;
+    }
+  }
+
+}
+
+@media (max-width: 750px) {
+#mintTheme {
+  $dark: #bababa;
+  $mid: #dedede;
+  $light: #efefef;
+  $white: #ffffff;
+  $red: #b42032;
+  $border: 1px solid $dark;
+  
+  #mobileWordFormShow {
+    background-color: #00de00;
+    border: $border;
+    color: $white;
+  }
+}
+}
--- a/src/scss/themes/_red.scss
+++ b/src/scss/themes/_red.scss
@ -0,0 +1,265 @@
+#redTheme {
+  $dark: #757575;
+  $mid: #a0a0a0;
+  $light: #cecece;
+  $white: #ffffff;
+  $red: #ffffff;
+
+  $header-color: #ee3333;
+  $background-color: #ff4444;
+  $footer-color: #cc2222;
+  $link-color: #aa0000;
+  $button-color: #dd6868;
+  $message-color: #dd7777;
+  $word-form-color: #bb3232;
+  $dictionary-color: #cc3535;
+  $entry-color: #dd5252;
+  $input-color: #ff4444;
+  $details-color: #ee7777;
+  $modal-color: #dd4444;
+  
+  $border: 1px solid $dark;
+  
+  background-color: $background-color;
+  color: #000000;
+  
+  a {
+    color: $link-color;
+  }
+  
+  p, span {
+    &.red {
+      color: $red;
+    }
+  }
+
+  label {
+    .label-button {
+      border: 1px solid darken($button-color, 2);
+      background-color: $button-color;
+      color: #000000;
+      text-decoration: none;
+    }
+
+    .label-help-button {
+      border: 1px solid darken($button-color, 2);
+      background-color: $button-color;
+      color: #000000;
+      text-decoration: none;
+    }
+  }
+
+  input, textarea, select, option {
+    background-color: $input-color;
+    color: #000000;
+    border: 1px solid $dark;
+  }
+
+  .tag {
+    border: $border;
+    background-color: $button-color;
+
+    &.red {
+      background-color: $red;
+      color: #000000;
+    }
+  }
+
+  span .tag {
+    border: $border;
+    background-color: $button-color;
+    &+.tag {
+      background-color: lighten($button-color, 25);
+      border-left: none;
+    }
+  }
+
+  .button {
+    border: 1px solid darken($button-color, 2);
+    background-color: $button-color;
+    color: #000000;
+
+    &.red {
+      background-color: $red;
+      color: #000000;
+    }
+  }
+
+  .modal {
+    .modal-background {
+      background-color: #000000;
+    }
+    .modal-content {
+      background-color: $modal-color;
+      border: 1px solid darken($modal-color, 10);
+    }
+  }
+
+  .tabs {
+    ul {
+      border-bottom: $border;
+    }
+    li {
+      border-top: $border;
+      border-left: $border;
+      border-right: $border;
+      background-color: $button-color;
+
+      &.active {
+        background-color: $modal-color;
+        border-bottom: 1px solid $modal-color;
+      }
+    }
+  }
+
+  header {
+    border-bottom: 1px solid $mid;
+  }
+
+  main {
+    article {
+      border: $border;
+    }
+  }
+
+  footer {
+    border-top: 1px solid $mid;
+  }
+
+  #top {
+    background-color: $header-color;
+    border-bottom: 1px solid darken($header-color, 2);
+    box-shadow: 0px 4px 5px 0px #000000;
+
+    #title {
+      #lexi {
+        fill: lighten($background-color, 25);
+      }
+      #conga {
+        fill: darken($footer-color, 10);
+      }
+    }
+
+    #openSearchModal {
+      cursor: pointer;
+    }
+
+    #searchModal {
+      .modal-content {
+        section+footer {
+          background-color: $modal-color;
+        }
+      }
+    }
+  }
+
+  #wordForm {
+    background-color: $word-form-color;
+    border: 1px solid darken($word-form-color, 2);
+    box-shadow: 4px 4px 5px 0px #000000;
+  }
+
+  #mainColumn {
+    background-color: $dictionary-color;
+    border: 1px solid darken($dictionary-color, 2);
+    box-shadow: 4px 4px 5px 0px #000000;
+  }
+
+  #detailsSection {
+    nav ul {
+      li {
+        border: 1px solid darken($button-color, 20);
+        background-color: $button-color;
+
+        &.active {
+          background-color: lighten($button-color, 15);
+        }
+      }
+    }
+
+    #detailsPanel {
+      background-color: $details-color;
+    }
+  }
+
+  .announcement {
+    background-color: saturate(lighten($footer-color, 20%), 20%);
+    box-shadow: 4px 4px 5px 0px #000000;
+  }
+
+  .entry {
+    background-color: $entry-color;
+    border: 1px solid darken($entry-color, 20);
+    
+    header {
+      border-bottom: 1px solid darken($entry-color, 20);
+      
+      .word-option-button {
+        background-color: darken($entry-color, 10);
+        border: 1px solid darken($entry-color, 20);
+      }
+      
+      .word-option-list {
+        background-color: darken($entry-color, 5);
+        border: 1px solid darken($entry-color, 10);
+        
+        .word-option {
+          &:hover {
+            background-color: lighten($entry-color, 5);
+          }
+        }
+      }
+    }
+
+    .edit-form {
+      .button {
+        background-color: darken($button-color, 10);
+      }
+    }
+  }
+
+  #messagingSection {
+    .message {
+      background-color: $message-color;
+      border: $border;
+
+      &.error {
+        background-color: lighten($red, 0.75);
+      }
+
+      .close-button {
+        &:before {
+          background-color: #455455;
+        }
+      }
+    }
+  }
+
+  #bottom {
+    background-color: $footer-color;
+    border-top: 1px solid darken($footer-color, 2);
+    box-shadow: 0px -4px 5px 0px #000000;
+
+    a {
+      color: #000000;
+    }
+  }
+
+}
+
+@media (max-width: 750px) {
+#redTheme {
+  $dark: #bababa;
+  $mid: #dedede;
+  $light: #efefef;
+  $white: #ffffff;
+  $red: #b42032;
+  $border: 1px solid $dark;
+  
+  #mobileWordFormShow {
+    background-color: #00de00;
+    border: $border;
+    color: $light;
+  }
+}
+}
--- a/src/scss/themes/_royal.scss
+++ b/src/scss/themes/_royal.scss
@ -0,0 +1,265 @@
+#royalTheme {
+  $dark: #757575;
+  $mid: #a0a0a0;
+  $light: #cecece;
+  $white: #ffffff;
+  $red: #de0000;
+
+  $header-color: #aa33ee;
+  $background-color: #bb44ff;
+  $footer-color: #8822cc;
+  $link-color: #ffaaff;
+  $button-color: #9968dd;
+  $message-color: #9977dd;
+  $word-form-color: #7732bb;
+  $dictionary-color: #8835cc;
+  $entry-color: #9952dd;
+  $input-color: #bb44ff;
+  $details-color: #aa77ee;
+  $modal-color: #9944dd;
+  
+  $border: 1px solid $dark;
+  
+  background-color: $background-color;
+  color: $white;
+  
+  a {
+    color: $link-color;
+  }
+  
+  p, span {
+    &.red {
+      color: $red;
+    }
+  }
+
+  label {
+    .label-button {
+      border: 1px solid darken($button-color, 2);
+      background-color: $button-color;
+      color: $white;
+      text-decoration: none;
+    }
+
+    .label-help-button {
+      border: 1px solid darken($button-color, 2);
+      background-color: $button-color;
+      color: $white;
+      text-decoration: none;
+    }
+  }
+
+  input, textarea, select, option {
+    background-color: $input-color;
+    color: $white;
+    border: 1px solid $dark;
+  }
+
+  .tag {
+    border: $border;
+    background-color: $button-color;
+
+    &.red {
+      background-color: $red;
+      color: $white;
+    }
+  }
+
+  span .tag {
+    border: $border;
+    background-color: $button-color;
+    &+.tag {
+      background-color: lighten($button-color, 25);
+      border-left: none;
+    }
+  }
+
+  .button {
+    border: 1px solid darken($button-color, 2);
+    background-color: $button-color;
+    color: $white;
+
+    &.red {
+      background-color: $red;
+      color: $white;
+    }
+  }
+
+  .modal {
+    .modal-background {
+      background-color: #000000;
+    }
+    .modal-content {
+      background-color: $modal-color;
+      border: 1px solid darken($modal-color, 10);
+    }
+  }
+
+  .tabs {
+    ul {
+      border-bottom: $border;
+    }
+    li {
+      border-top: $border;
+      border-left: $border;
+      border-right: $border;
+      background-color: $button-color;
+
+      &.active {
+        background-color: $modal-color;
+        border-bottom: 1px solid $modal-color;
+      }
+    }
+  }
+
+  header {
+    border-bottom: 1px solid $mid;
+  }
+
+  main {
+    article {
+      border: $border;
+    }
+  }
+
+  footer {
+    border-top: 1px solid $mid;
+  }
+
+  #top {
+    background-color: $header-color;
+    border-bottom: 1px solid darken($header-color, 2);
+    box-shadow: 0px 4px 5px 0px #000000;
+
+    #title {
+      #lexi {
+        fill: lighten($background-color, 25);
+      }
+      #conga {
+        fill: darken($footer-color, 20);
+      }
+    }
+
+    #openSearchModal {
+      cursor: pointer;
+    }
+
+    #searchModal {
+      .modal-content {
+        section+footer {
+          background-color: $modal-color;
+        }
+      }
+    }
+  }
+
+  #wordForm {
+    background-color: $word-form-color;
+    border: 1px solid darken($word-form-color, 2);
+    box-shadow: 4px 4px 5px 0px #000000;
+  }
+
+  #mainColumn {
+    background-color: $dictionary-color;
+    border: 1px solid darken($dictionary-color, 2);
+    box-shadow: 4px 4px 5px 0px #000000;
+  }
+
+  #detailsSection {
+    nav ul {
+      li {
+        border: 1px solid darken($button-color, 20);
+        background-color: $button-color;
+
+        &.active {
+          background-color: lighten($button-color, 15);
+        }
+      }
+    }
+
+    #detailsPanel {
+      background-color: $details-color;
+    }
+  }
+
+  .announcement {
+    background-color: saturate(lighten($footer-color, 20%), 20%);
+    box-shadow: 4px 4px 5px 0px #000000;
+  }
+
+  .entry {
+    background-color: $entry-color;
+    border: 1px solid darken($entry-color, 20);
+    
+    header {
+      border-bottom: 1px solid darken($entry-color, 20);
+      
+      .word-option-button {
+        background-color: darken($entry-color, 10);
+        border: 1px solid darken($entry-color, 20);
+      }
+      
+      .word-option-list {
+        background-color: darken($entry-color, 5);
+        border: 1px solid darken($entry-color, 10);
+        
+        .word-option {
+          &:hover {
+            background-color: lighten($entry-color, 5);
+          }
+        }
+      }
+    }
+
+    .edit-form {
+      .button {
+        background-color: darken($button-color, 10);
+      }
+    }
+  }
+
+  #messagingSection {
+    .message {
+      background-color: $message-color;
+      border: $border;
+
+      &.error {
+        background-color: lighten($red, 0.75);
+      }
+
+      .close-button {
+        &:before {
+          background-color: #455455;
+        }
+      }
+    }
+  }
+
+  #bottom {
+    background-color: $footer-color;
+    border-top: 1px solid darken($footer-color, 2);
+    box-shadow: 0px -4px 5px 0px #000000;
+
+    a {
+      color: $white;
+    }
+  }
+
+}
+
+@media (max-width: 750px) {
+#royalTheme {
+  $dark: #bababa;
+  $mid: #dedede;
+  $light: #efefef;
+  $white: #ffffff;
+  $red: #b42032;
+  $border: 1px solid $dark;
+  
+  #mobileWordFormShow {
+    background-color: #00de00;
+    border: $border;
+    color: $light;
+  }
+}
+}
--- a/src/scss/themes/_yellow.scss
+++ b/src/scss/themes/_yellow.scss
@ -0,0 +1,265 @@
+#yellowTheme {
+  $dark: #757575;
+  $mid: #a0a0a0;
+  $light: #cecece;
+  $white: #ffffff;
+  $red: #de0000;
+
+  $header-color: #eeaa33;
+  $background-color: #ffbb44;
+  $footer-color: #cc8822;
+  $link-color: #ffff77;
+  $button-color: #dd9968;
+  $message-color: #dd9977;
+  $word-form-color: #bb7732;
+  $dictionary-color: #cc8835;
+  $entry-color: #dd9952;
+  $input-color: #ffbb44;
+  $details-color: #eeaa77;
+  $modal-color: #dd9944;
+  
+  $border: 1px solid $dark;
+  
+  background-color: $background-color;
+  color: #000000;
+  
+  a {
+    color: $link-color;
+  }
+  
+  p, span {
+    &.red {
+      color: $red;
+    }
+  }
+
+  label {
+    .label-button {
+      border: 1px solid darken($button-color, 2);
+      background-color: $button-color;
+      color: #000000;
+      text-decoration: none;
+    }
+
+    .label-help-button {
+      border: 1px solid darken($button-color, 2);
+      background-color: $button-color;
+      color: #000000;
+      text-decoration: none;
+    }
+  }
+
+  input, textarea, select, option {
+    background-color: $input-color;
+    color: #000000;
+    border: 1px solid $dark;
+  }
+
+  .tag {
+    border: $border;
+    background-color: $button-color;
+
+    &.red {
+      background-color: $red;
+      color: #000000;
+    }
+  }
+
+  span .tag {
+    border: $border;
+    background-color: $button-color;
+    &+.tag {
+      background-color: lighten($button-color, 25);
+      border-left: none;
+    }
+  }
+
+  .button {
+    border: 1px solid darken($button-color, 2);
+    background-color: $button-color;
+    color: #000000;
+
+    &.red {
+      background-color: $red;
+      color: #000000;
+    }
+  }
+
+  .modal {
+    .modal-background {
+      background-color: #000000;
+    }
+    .modal-content {
+      background-color: $modal-color;
+      border: 1px solid darken($modal-color, 10);
+    }
+  }
+
+  .tabs {
+    ul {
+      border-bottom: $border;
+    }
+    li {
+      border-top: $border;
+      border-left: $border;
+      border-right: $border;
+      background-color: $button-color;
+
+      &.active {
+        background-color: $modal-color;
+        border-bottom: 1px solid $modal-color;
+      }
+    }
+  }
+
+  header {
+    border-bottom: 1px solid $mid;
+  }
+
+  main {
+    article {
+      border: $border;
+    }
+  }
+
+  footer {
+    border-top: 1px solid $mid;
+  }
+
+  #top {
+    background-color: $header-color;
+    border-bottom: 1px solid darken($header-color, 2);
+    box-shadow: 0px 4px 5px 0px #000000;
+
+    #title {
+      #lexi {
+        fill: lighten($background-color, 25);
+      }
+      #conga {
+        fill: darken($footer-color, 25);
+      }
+    }
+
+    #openSearchModal {
+      cursor: pointer;
+    }
+
+    #searchModal {
+      .modal-content {
+        section+footer {
+          background-color: $modal-color;
+        }
+      }
+    }
+  }
+
+  #wordForm {
+    background-color: $word-form-color;
+    border: 1px solid darken($word-form-color, 2);
+    box-shadow: 4px 4px 5px 0px #000000;
+  }
+
+  #mainColumn {
+    background-color: $dictionary-color;
+    border: 1px solid darken($dictionary-color, 2);
+    box-shadow: 4px 4px 5px 0px #000000;
+  }
+
+  #detailsSection {
+    nav ul {
+      li {
+        border: 1px solid darken($button-color, 20);
+        background-color: $button-color;
+
+        &.active {
+          background-color: lighten($button-color, 15);
+        }
+      }
+    }
+
+    #detailsPanel {
+      background-color: $details-color;
+    }
+  }
+
+  .announcement {
+    background-color: saturate(lighten($footer-color, 20%), 20%);
+    box-shadow: 4px 4px 5px 0px #000000;
+  }
+
+  .entry {
+    background-color: $entry-color;
+    border: 1px solid darken($entry-color, 20);
+    
+    header {
+      border-bottom: 1px solid darken($entry-color, 20);
+      
+      .word-option-button {
+        background-color: darken($entry-color, 10);
+        border: 1px solid darken($entry-color, 20);
+      }
+      
+      .word-option-list {
+        background-color: darken($entry-color, 5);
+        border: 1px solid darken($entry-color, 10);
+        
+        .word-option {
+          &:hover {
+            background-color: lighten($entry-color, 5);
+          }
+        }
+      }
+    }
+
+    .edit-form {
+      .button {
+        background-color: darken($button-color, 10);
+      }
+    }
+  }
+
+  #messagingSection {
+    .message {
+      background-color: $message-color;
+      border: $border;
+
+      &.error {
+        background-color: lighten($red, 0.75);
+      }
+
+      .close-button {
+        &:before {
+          background-color: #455455;
+        }
+      }
+    }
+  }
+
+  #bottom {
+    background-color: $footer-color;
+    border-top: 1px solid darken($footer-color, 2);
+    box-shadow: 0px -4px 5px 0px #000000;
+
+    a {
+      color: #000000;
+    }
+  }
+
+}
+
+@media (max-width: 750px) {
+#yellowTheme {
+  $dark: #bababa;
+  $mid: #dedede;
+  $light: #efefef;
+  $white: #ffffff;
+  $red: #b42032;
+  $border: 1px solid $dark;
+  
+  #mobileWordFormShow {
+    background-color: #00de00;
+    border: $border;
+    color: $light;
+  }
+}
+}
--- a/src/structure.sql
+++ b/src/structure.sql
@ -16,12 +16,12 @@ CREATE TABLE IF NOT EXISTS `dictionaries` (
  `allow_duplicates` tinyint(1) NOT NULL DEFAULT 0,
  `case_sensitive` tinyint(1) NOT NULL DEFAULT 0,
  `sort_by_definition` tinyint(1) NOT NULL DEFAULT 0,
-  `is_complete` tinyint(1) NOT NULL DEFAULT 0,
+  `theme` varchar(20) COLLATE utf8_unicode_ci NOT NULL DEFAULT 'default',
  `is_public` tinyint(1) NOT NULL DEFAULT 0,
  `last_updated` int(11) DEFAULT NULL,
  `created_on` int(11) NOT NULL,
  PRIMARY KEY (`id`)
-) ENGINE=MyISAM AUTO_INCREMENT=500 DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;
+) ENGINE=MyISAM AUTO_INCREMENT=1000 DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;
 DELIMITER $$
 CREATE TRIGGER IF NOT EXISTS `delete_dictionary_parts` AFTER DELETE ON `dictionaries` FOR EACH ROW BEGIN
 	DELETE FROM words WHERE words.dictionary=old.id;
@ -33,16 +33,16 @@ DELIMITER ;

 CREATE TABLE IF NOT EXISTS `dictionary_linguistics` (
  `dictionary` int(11) NOT NULL,
-  `parts_of_speech` text COLLATE utf8_unicode_ci NOT NULL COMMENT 'Comma-separated',
-  `consonants` varchar(255) COLLATE utf8_unicode_ci NOT NULL DEFAULT '' COMMENT 'Space-separated',
-  `vowels` varchar(255) COLLATE utf8_unicode_ci NOT NULL DEFAULT '' COMMENT 'Space-separated',
-  `blends` varchar(255) COLLATE utf8_unicode_ci NOT NULL DEFAULT '' COMMENT 'Space-separated',
-  `onset` varchar(255) COLLATE utf8_unicode_ci NOT NULL DEFAULT '' COMMENT 'Comma-separated',
-  `nucleus` varchar(255) COLLATE utf8_unicode_ci NOT NULL DEFAULT '' COMMENT 'Comma-separated',
-  `coda` varchar(255) COLLATE utf8_unicode_ci NOT NULL DEFAULT '' COMMENT 'Comma-separated',
-  `exceptions` text COLLATE utf8_unicode_ci NOT NULL COMMENT 'Markdown',
-  `orthography_notes` text COLLATE utf8_unicode_ci NOT NULL COMMENT 'Markdown',
-  `grammar_notes` text COLLATE utf8_unicode_ci NOT NULL COMMENT 'Markdown',
+  `parts_of_speech` text CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL COMMENT 'Comma-separated',
+  `consonants` varchar(255) CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL DEFAULT '' COMMENT 'Space-separated',
+  `vowels` varchar(255) CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL DEFAULT '' COMMENT 'Space-separated',
+  `blends` varchar(255) CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL DEFAULT '' COMMENT 'Space-separated',
+  `onset` varchar(255) CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL DEFAULT '' COMMENT 'Comma-separated',
+  `nucleus` varchar(255) CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL DEFAULT '' COMMENT 'Comma-separated',
+  `coda` varchar(255) CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL DEFAULT '' COMMENT 'Comma-separated',
+  `exceptions` text CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL COMMENT 'Markdown',
+  `orthography_notes` text CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL COMMENT 'Markdown',
+  `grammar_notes` text CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL COMMENT 'Markdown',
  UNIQUE KEY `dictionary` (`dictionary`)
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8;

@ -62,13 +62,13 @@ CREATE TABLE IF NOT EXISTS `users` (
  `public_name` varchar(50) COLLATE utf8_unicode_ci NOT NULL DEFAULT 'Someone',
  `current_dictionary` int(11) DEFAULT NULL,
  `allow_email` tinyint(1) NOT NULL DEFAULT 1,
-  `last_login` int(11) DEFAULT NULL,
+  `last_login` datetime DEFAULT NULL,
  `password_reset_code` varchar(20) COLLATE utf8_unicode_ci DEFAULT NULL,
-  `password_reset_date` int(11) DEFAULT NULL,
-  `created_on` int(11) NOT NULL,
+  `password_reset_date` timestamp NULL DEFAULT NULL,
+  `created_on` datetime DEFAULT current_timestamp(),
  PRIMARY KEY (`id`),
  UNIQUE KEY `email` (`email`)
-) ENGINE=MyISAM AUTO_INCREMENT=200 DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;
+) ENGINE=MyISAM AUTO_INCREMENT=500 DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;
 DELIMITER $$
 CREATE TRIGGER IF NOT EXISTS `Delete_User_Dictionaries` AFTER DELETE ON `users` FOR EACH ROW DELETE FROM dictionaries WHERE dictionaries.user = old.id
 $$
--- a/src/test.js
+++ b/src/test.js
@ -1,2 +0,0 @@
-// https://parceljs.org/code_splitting.html
-export function aaa () {console.log('aaa');};
--- a/template-index.html
+++ b/template-index.html
@ -0,0 +1,396 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Lexiconga</title>
+  <meta name="description" content="The quick and easy dictionary builder for constructed languages.">
+  <meta name="keywords" content="conlanging, dictionary, dictionaries, lexicon, conlangs, constructed languages, glossopoeia, builder, app, tool">
+  
+  <meta property="og:url" content="https://lexicon.ga/">
+  <meta property="og:type" content="website">
+  <meta property="og:title" content="Lexiconga">
+  <meta property="og:description" content="The quick and easy dictionary builder for constructed languages.">
+  <meta property="og:image" content="processedImages/logo.png">
+
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:image:alt" content="Lexiconga logo">
+
+  <link rel="icon" href="processedImages/favicon.png" type="image/x-icon">
+
+  <link rel="manifest" href="manifest.webmanifest">
+  <meta name="theme-color" content="#000000">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black">
+  <meta name="apple-mobile-web-app-title" content="Lexiconga">
+  <link rel="apple-touch-icon" href="processedImages/icon-152.png">
+
+  <link rel="stylesheet" href="src/main.scss">
+  {{imported_from_http}}
+  <script src="src/index.js"></script>
+</head>
+<body id="defaultTheme">
+  <header id="top">
+    <a href="/" title="Lexiconga"><svg id="title" alt="Lexiconga Logo" viewBox="0 0 249.78 55.087">
+      <g transform="translate(-107.53 -155.84)">
+        <g id="lexi">
+          <path d="m144.03 159.39-11.339 22.409h-21.62l11.339-22.409z" />
+          <path d="m132.69 183.97 11.339 22.409h-21.62l-11.339-22.409z" />
+          <path d="m160.1 186.76v7.0042h-6.1056q-1.2442 0-1.7741 0.36864-0.50688 0.36864-0.50688 1.2442 0 0.99072 0.52992 1.3133 0.52992 0.29952 2.1658 0.29952h6.2899v8.9856h-7.3498q-5.184 0-7.9258-2.4653-2.7418-2.4883-2.7418-7.1655v-12.326q0-4.5159 2.5805-7.0042 2.6035-2.4883 7.3037-2.4883h8.1332v9.0317h-5.9674q-2.4192 0-2.4192 1.5667 0 0.92161 0.576 1.2902 0.57601 0.3456 2.0506 0.3456z" />
+          <path d="m187.75 174.53-8.1792 15.299 8.4557 16.151h-9.8381l-3.8707-7.6263-3.2717 7.6263h-9.6768l8.64-15.898-8.1792-15.552h9.746l3.6634 7.1424 2.9491-7.1424z" />
+          <path d="m198.95 174.53v31.45h-9.3543v-31.45z" />
+        </g>
+        <g id="conga">
+          <path d="m218.5 205.38h-3.2347q-7.6994 0-10.114-3.918-1.8223-2.9613-1.8223-11.481 0-7.5172 1.8223-10.478 2.4146-3.918 9.294-3.918h4.7381q6.5604 0 8.7928 1.8679 2.5513 2.1413 2.5513 8.4739-0.77449-0.13667-1.4123-0.13667-0.68338 0-2.0501 0.13667-1.3668 0.13668-2.0957 0.13668l-1.7768-0.13668q0-2.5057-1.5946-3.3713-1.0934-0.59227-3.6902-0.59227h-1.8679q-3.3258 0-4.5559 1.8679-0.95673 1.4579-0.95673 4.647 0 1.1845 0.0456 3.098 0.0911 1.9135 0.0911 1.959 0 4.0092 1.7768 4.9203 1.0478 0.5467 5.6493 0.5467 2.1868 0 3.0069-0.22779 2.0957-0.59226 2.0957-3.6447 0.45558-0.13668 1.139-0.27335 0.72894-0.13668 1.1845-0.13668 0.68338 0 2.0501 0.2278 1.3668 0.22779 2.0957 0.22779 0.5467 0 0.86561-0.0456 0 6.606-2.7791 8.6106-2.2324 1.6401-9.2484 1.6401zm3.0069-31.208q3.8269 0.68338 7.0616 1.549 0.63782 1.0023 1.0934 2.1412 0.50114 1.139 0.50114 2.0046l-1.5946-3.0524-3.5991-1.4123q-1.4579-0.18224-2.1868-0.18224-0.68338 0-1.6401 0h-3.8725q1.0478-0.13667 2.1868-0.36447 1.6401-0.36447 2.0501-0.68338zm10.797 13.303q-0.50115 0-2.1868-0.45559-0.82006-0.22779-1.3668-0.22779-0.27335 0-0.63782 0.0911-0.31891 0.0456-0.82006 0.2278-1.7312-0.18224-2.7335-0.31891-1.0023-0.13668-1.0934-0.31891l4.5559-0.13668q0.7745 0 1.5034 0 0.72894 0 1.5946 0.13668l-0.0911-8.0183q0.22779 2.1413 0.59226 4.3281 0.36447 2.1412 0.95673 4.6925h-0.27335zm-0.59226 13.531-1.2301-0.22779 0.31891-0.59227q0.0456-0.0911 0.0456-0.91117v-1.3668q0-0.91117 0.2278-1.8679 0.22779-1.0023 0.50114-1.959l0.13668 5.1481v1.7768zm-23.28-25.604q0.13668-0.0456 0.63782-0.31891 0.54671-0.27336 0.72894-0.27336l0.13668 0.18224q0.22779 0 0.68338-0.22779 0.50114-0.27336 0.72893-0.36447 0.2278-0.0911 1.6857-0.13668 1.4579-0.0911 2.7791-0.0911l-3.7358 0.68338-3.6447 0.54671zm8.6561-0.59227-0.95673 0.36447-1.9135-0.13667q1.3212-0.41003 2.688-0.82006l2.369-0.13667q-0.5467 0.13667-1.0023 0.27335-0.41003 0.0911-1.1845 0.45558zm-5.786 14.032q0-0.5467 0.0911-1.0023 0.13668-0.50114 0.36447-1.139v0.50114q0 0.13668 0.31891 2.1413 0.0911 0.59226 0.0911 1.2756v5.5582l-0.86562-4.1458 0.18224-0.59226q0-0.0911-0.0911-1.139-0.0911-1.0478-0.0911-1.4579zm0.72894-5.4215 0.82006-0.63782q-0.36447 0.82005-0.36447 1.6401v0.31891l-0.68338 1.3668zm0.45559 13.759q0.18223 0.0455 1.0023 0.31891 1.0934 0.27335 1.6857 0.27335l3.3258-0.68338q0.27335-0.0456 1.0023-0.18224 0.7745 0 1.5946 0l1.4123-2.4602q-0.36447 1.0478-0.45559 1.4579-0.22779 0.86561-0.22779 1.4579l0.0911 0.22779 0.13667-0.0456q-4.237 0.41002-8.4739 0.77449l-1.0934-1.139zm19.18 4.9659q-0.68338 0.63782-1.6857 1.2756-0.95673 0.63782-1.7312 0.91118 0.41003-0.36447 1.2756-1.0934 0.50115-0.45559 1.139-1.1845l1.0023 0.0911zm-4.8292 3.4169-1.5034 0.0456 2.7335-1.0934q-0.31891 0.22779-0.63782 0.50115-0.31891 0.22779-0.59226 0.5467zm-24.921-21.64-0.13667-4.5103 1.5946-2.2779q1.0023-0.22779 1.6401-0.77449 0.95673-1.0478 1.959-2.1413 0.31891-0.31891 1.7768-0.45558 1.4579-0.13668 3.9636-0.2278-1.0023 0.2278-2.0501 0.50115-1.0478 0.22779-1.959 0.50114-1.7768 0.63782-3.7814 2.2324-2.4146 1.9135-2.5968 3.4625zm5.3759 22.233q-2.688-2.7335-3.9636-7.4716-1.0023-3.7814-1.0023-8.5195 0.22779 1.5946 0.68338 4.647 0.45559 3.0069 1.1845 5.0114 0.13668 0.41002 0.45559 1.2756 0.31891 0.86561 0.63782 1.3668l1.6401 2.1868zm-4.9659-16.811v-2.8702q0-0.41003 0.50115-2.7335 0.50114-2.3235 1.3212-5.6493 0.27335-0.18223 1.7768-1.1845 1.549-1.0478 1.5946-1.4123l0.95673 0.82006q-0.63782 0.0911-1.8679 0.86561-0.86561 0.54671-1.6857 1.2301-0.18223 0.95673-0.50114 1.9135-0.27335 0.95673-0.63782 1.6857 0 0.0456-0.31891 0.45559-0.13668 0.22779-0.18224 0.41003zm20.957 16.447q0.59226 0 0.86561 0.0911-2.1412 0.45558-4.6925 0.95673-2.5057 0.5467-3.6902 0.5467-1.3668 0-3.2802-0.27335-1.8679-0.27335-3.1891-0.63782l-0.72894-1.0478 5.9682 0.7745q0.27335 0.0456 0.91117-0.0456 0.68338-0.0911 0.82005-0.0911 0.0911 0 1.0478 0.0911 1.0023 0.0911 1.3668 0.0911 0.59226 0 2.9158-0.31891 1.0023-0.13668 1.6857-0.13668zm-21.003-9.8407q0.31891 0.54671 0.59226 2.5513 0.0911 0.86561 0.27336 1.0478l0.50114 0.63782-0.0456 0.18224 0.18224 0.36447q0.45558 0.63782 0.59226 1.7312 0.18223 1.0478 0.31891 2.0046l2.0501 2.2779-2.4146-1.8679q-0.72894-2.0046-1.3668-4.0092-0.77449-2.5057-1.8679-6.8794l1.1845 1.959zm26.06-1.2756q-0.68338 0-1.9135-0.0911-1.1845-0.13668-2.5513-0.27336 0.68338-0.36446 3.5991-0.50114 2.9158-0.18223 2.9613-0.18223l-0.63782 0.68337-1.4579 0.36447zm-9.1117-12.027 2.8702 1.0478 0.27335 1.0934q-2.1868-1.0023-4.4192-1.549-2.2324-0.59227-4.4647-0.59227z" />
+          <path d="m262.61 195.81q0 0.77449-0.0911 2.6424-0.0911 1.8223-0.0911 1.959-1.2301 1.7768-2.9613 3.7358 0.91118-1.2756 1.4579-2.1868 1.0934-1.7312 1.0934-2.4146 0-2.4146-0.0911-4.4192-0.31891-6.9249-0.31891-7.426 0-0.59226-0.13668-1.4123-0.31891-1.959-0.31891-2.4146 0-0.72894 0.18224-1.5946 0.18223-0.86561 0.36447-1.7312 0.36446 3.5536 0.63782 7.7905 0.27335 4.1914 0.27335 7.4716zm-12.939 8.9295h-4.0547q-5.9682 0-8.7472-2.688-2.7791-2.688-2.7791-8.6561v-5.1026q0-5.6037 2.9158-8.2917 2.9158-2.688 8.565-2.688h3.6447q5.7859 0 8.7928 2.5513 3.1891 2.7335 3.1891 8.4283v5.1026q0 6.1504-2.688 8.7472-2.688 2.5968-8.8384 2.5968zm4.4192-16.264q0-3.098-1.0934-4.2825-1.0934-1.1845-4.1914-1.1845h-2.4146q-3.0069 0-4.1003 1.1845-1.0934 1.1845-1.0934 4.1914v4.7836q0 3.1435 1.0478 4.4647 1.0934 1.3212 4.1458 1.3212h2.4146q3.0524 0 4.1458-1.3212 1.139-1.3668 1.139-4.5103zm-1.2301-11.8q1.4123 0.45558 3.508 1.5034 1.7312 0.91117 3.4624 1.8224 0.41003 0.59226 0.68338 1.5034 0.0911 0.27335 0.22779 0.86561l0.27336-2.8702q-3.0524-0.63782-5.8315-1.2301-2.7335-0.59226-3.098-0.7745l-1.4123-1.1845q0.54671 0.0911 1.139 0.18223 0.63782 0.0456 1.0478 0.18224zm-14.67 2.0501q-1.8679 1.2756-2.4602 1.9135-0.5467 0.63782-0.82005 1.5946 1.5034-1.549 2.8702-2.8702 1.7312-1.6401 3.0524-2.5968 1.8679-0.22779 3.8269-0.50114t3.5991-0.27335q0.50114 0 1.139 0.13667 0.63782 0.13668 1.4579 0.31891-1.139 0.36447-2.2779 0.50115-1.139 0.0911-2.7791 0.0911-0.86561 0-2.4146-0.0456-1.5034-0.0456-2.1413-0.0456-0.41002 0-1.549 0.72894-0.77449 0.5467-1.5034 1.0478zm17.221 25.832q1.0934-0.50115 2.4146-1.2301 1.5946-0.86562 2.2779-1.2756l-6.3782 4.1458-2.369-1.3212q0.59227-0.13668 2.1868-0.18224 1.6401-0.0455 1.8679-0.13667zm-3.7358 1.6401q-0.68338-0.13668-1.4579-0.27335-0.72894-0.0911-1.139-0.0911l-0.27335 0.0911q-0.22779-0.0911-0.68338-0.27335-0.45558-0.13668-0.82005-0.36447zm-18.315-24.055q1.5946-1.139 3.1891-2.5057 1.9135-1.5946 3.0069-2.8246-0.82006 0.2278-1.549 0.45559-0.72893 0.22779-0.77449 0.27335-1.959 1.6857-2.8246 3.3713-0.86562 1.6401-0.86562 4.1003 0 0.45559 0.18224 1.4579 0.18223 1.0023 0.18223 1.5034l-0.13668 9.5673q-0.13667-1.2756-0.36446-2.9613-0.45559-3.3713-0.45559-5.0114 0-3.7358 0.41003-7.426zm4.4647 21.549q3.3713 1.7312 6.9705 2.0501 0.86561 0.0911 1.6401 0.18224 0.7745 0.0911 1.1845 0.27335-1.6857-0.68338-4.2825-1.2756-6.4693-1.4123-7.3805-1.7312-0.54671-0.63782-1.139-2.0957-0.59226-1.4579-1.2756-4.0547 0.72894 1.4123 2.0501 3.5991 1.7312 2.7791 2.2324 3.0524zm14.989-13.622 0.45558 0.86561-0.0911 6.1048-0.59226-1.5034q0.27335-2.0046 0.27335-3.9636l-0.0456-1.5034zm-0.31891-4.647q0.59226 0.45558 0.82005 1.4123 0.2278 0.95674 0.2278 2.0046l-0.13668 1.2301zm-10.023 0.77449q0 0.68338 0.13667 2.0501 0.13668 1.3668 0.13668 2.0957v2.1868q0 1.3212 0.22779 2.1412 0.41003 1.0934 0.68338 2.0046 0.18223-0.0456 0.82006 0.68338 0.63782 0.68338 0.82005 1.0023l-1.1845-0.36447q-1.5946-1.7768-2.0501-3.4624-0.41003-1.7312-0.41003-4.647v-1.4579q0-1.2756 0.27335-2.3235 0.31891-1.0934 1.1845-1.8224zm9.5673-2.3235q-0.36447 0.41002-1.2301 0.72893-0.82005 0.27336-1.5034 0.27336h-3.508l-1.5034-1.0934 7.745 0.0911zm-4.7836 13.986q0.59226-0.0911 1.2756-0.2278 0.68338-0.13667 1.0934-0.13667l2.4146 0.13667-3.3258 0.72894z" />
+          <path d="m287.51 205.02q-0.82006 0-1.6401 0-0.68338-0.13668-1.0023-0.18224l-11.891-20.274v20.866h-7.1071v-29.431q3.0524-0.36447 5.7859-0.36447 2.4602 0 5.1481 0.36447 2.1412 5.057 4.8292 10.023 2.4146 4.4192 5.7404 9.5673 0-3.2802-0.0911-5.8771-0.31891-9.1573-0.31891-9.7951 0-2.7335 0.0455-3.1436 0.0456-0.45558 0.36447-2.0046h7.0616v29.75q-0.95673 0.13668-2.9158 0.31891-1.9135 0.18224-4.0092 0.18224zm-10.114-31.39q0.0911 0.22779 0.31891 0.63782 0.22779 0.41003 0.31891 0.7745l-0.0456-0.18224q0.2278 0.45559 0.72894 1.4579 0.45559 1.2301 0.91117 2.4146l-1.2301-0.45558q-0.0911-1.0934-0.36447-2.0957-0.22779-1.0023-0.63782-2.5513zm18.725 1.3668v1.959q0 2.6424-0.27335 4.647-0.27335 1.959-1.139 3.2347 0.31891-2.6424 0.45558-5.1026 0.18224-2.4602 0.18224-4.7381zm-0.95673 30.752 0.0456-19.772q0 3.2802 0.31891 9.8407t0.31891 9.8407l-2.2779 0.59226q-1.4123 0-3.1891-0.2278-1.7768-0.22779-3.4169-0.41002l8.2005 0.13667zm-8.4283-12.665q-2.0046-3.4624-4.0092-6.9705-3.0524-5.5126-3.0524-6.8338 2.4146 3.918 3.7358 6.1504 2.4602 4.1914 2.4602 6.3782 0 0.31891-0.0911 0.68338t-0.18223 0.72894l1.139-0.13668zm-14.533-18.406q-2.5057 0.27335-5.2848 0.7745l-1.3212-1.2301zm3.8269-0.22779 1.0023 0.5467-3.3713-0.27335zm5.1026 24.966q2.1868 3.4169 4.5103 6.3782l4.5103 0.27335-4.6014 0.72894q-0.18223-0.27335-0.7745-0.7745-0.5467-0.45558-0.77449-0.91117-1.549-2.8246-3.0524-5.6948-1.7312-3.1891-3.3258-5.7404-1.959-3.098-3.6902-5.1481l1.0934-0.22779q0.27336 2.4602 2.5057 5.9682 1.7768 2.5968 3.5991 5.1481zm-15.9 5.6493q-0.27336-1.7768-0.59227-3.8269-0.27335-2.0501-0.27335-3.4624 0-2.4602 0.63782-12.392 0.27335-4.237 0.27335-7.426 0-0.82006-0.0911-1.4123t-0.31891-2.0957q-0.13668 0.63782-0.2278 1.2301-0.0911 0.5467-0.0911 1.2301 0 2.3235 0.18223 8.2006 0.18224 5.8771 0.31891 10.342 0.18224 4.4647 0.18224 9.6129zm7.6083 0.59227q0.41003-2.6424 0.50115-4.3736 0.13667-1.7768 0.13667-4.8748-0.0456-2.3235-0.0911-4.647-0.0455-2.369-0.0455-4.6925 0.63782 3.6902 0.68337 4.1003 0.0911 0.36447 0.31891 2.2324 0.2278 0.2278 0.27336 1.3212 0.0455 1.0478 0.0455 1.9135l0.18224-0.18223q-0.18224 0.5467-0.36447 1.0934-0.45559 1.4123-1.0023 1.4123-0.41003 0-0.59226-0.31891-0.13668-0.36447-0.13668-0.77449v-0.2278h1.2756l0.0456 8.155-1.2301-0.13667zm-8.4283-28.747q0 1.2756-0.41003 12.848-0.13667 3.8725-0.13667 7.6994h0.45558q0-5.1481-0.22779-11.162-0.22779-6.0137-0.68338-10.57l1.2301-1.0934q-0.22779 1.2756-0.22779 2.2779zm0.68338 29.613 0.18223-0.95673h0.50115q1.7312 0 3.7814 0.22779 2.0957 0.22779 3.7814 0.59226zm29.294-33.076 1.6401 0.59226-0.59226 0.63782q-0.86562-0.0911-1.7768-0.18224-0.91117-0.0911-1.6857-0.0911h-2.2324l-2.7335 0.0911q1.0023-0.59226 2.0046-0.82005 1.0478-0.22779 2.2324-0.22779z" />
+          <path d="m314.06 205.29h-3.1891q-6.4693 0-9.4306-4.2825-2.5513-3.6902-2.5513-10.478 0-7.5627 1.8223-10.752 2.4602-4.2825 9.294-4.2825h4.6014q4.8748 0 7.9728 2.2324 3.508 2.5057 3.508 7.1982h-7.426q-0.31891-1.9135-2.1868-2.5968-1.2756-0.45558-3.6902-0.45558h-1.1845q-3.2347 0-4.3281 1.7312-0.82006 1.3212-0.82006 4.7837v3.5536q0 4.5103 1.3212 5.7404 1.3212 1.1845 5.8771 1.1845 3.5991 0 4.4192-1.0478 0.68337-0.86562 0.68337-4.5559h-5.1937v-5.6948q1.4123 0 4.2825 0.18224 2.8702 0.13667 3.918 0.13667 2.2779 0 4.3281-0.31891v7.4716q0 5.6493-3.2802 8.1094-2.8702 2.1413-8.7472 2.1413zm10.114-29.203 2.0501 2.8246q0.27336 0.86561 0.54671 3.2802 0.13667 1.3212 0.36447 3.3713 0.0456-0.18223-0.45559-0.45558-0.50114-0.27335-0.50114-0.41003 0-0.0911 0.0911-0.59226 0.13668-0.50115 0.13668-0.7745 0-0.77449-0.86561-2.5968-0.86562-1.8679-1.4579-2.2324 0.22779-0.59226 0.59226-0.95673-0.18223-0.13667-0.63782-0.27335-0.41003-0.13668-0.59226-0.22779l0.72894-0.95673zm-3.098-0.31891-3.4169-0.82006q-0.95673 0.0456-1.9135 0.0911-0.95673 0.0456-1.9135 0.0456-0.31891 0-0.63782 0-0.27336 0-0.59227-0.0456l-7.016-0.63782 12.848 0.22779 2.6424 1.139zm2.2779 0.45558v0.27335l-1.7768-0.31891 1.7768 0.0456zm3.9636 14.305-0.13667 0.7745q-0.18224 0.91117-0.31891 2.5057-0.13668 1.549-0.27336 2.7791v-0.36446q0-1.1845 0.0911-3.1436 0.13668-2.0046 0.13668-2.4146 0-0.68338-0.0911-1.2301-0.0911-0.5467-0.13668-0.86561 0.13668 0.41003 0.31891 0.95673 0.2278 0.54671 0.41003 1.0023zm-16.037-7.6538h1.6401q1.549 0.63782 3.2802 1.3212 1.7312 0.63782 3.0069 0.86561l4.7836 0.18223 2.369 0.0911-1.0934 0.63782q-1.7768-0.13667-3.8269-0.27335-2.0501-0.18223-3.098-0.50114-0.18224-0.0456-1.8224-1.2301-1.6401-1.1845-1.9135-1.2756l-3.1435-0.27333zm-8.0639-6.9249q-0.68338 0.5467-2.0501 1.959-1.0023 1.0478-2.0046 2.0501 1.139-2.0957 2.2779-4.237l3.8269-0.68338zm8.9295 17.449q0-1.0934 0.0911-3.6902 0.0911-2.6424 0.0911-2.8246l0.72894 0.18224-0.0456 0.86561q0 0.86561 0.0456 2.5968t0.0456 2.6424l3.6447 1.2756 1.4579 2.688-0.27335-2.5513q-0.0456-0.45559-1.0023-0.59227-0.91117-0.18223-2.4146-0.18223-0.54671 0-1.0023 0.0456-0.41003 0-0.72894 0-0.63782 0-0.63782-0.45559zm11.207 11.162q0.63782 0 0.91118-0.59226 0.68337-1.5946 1.139-3.1891 0.45559-1.6401 0.68338-3.3258l1.139 0.45558-0.36446-0.86561q-0.13668 0.31891-0.36447 1.0023-0.18224 0.68338-0.41003 1.4579-0.86561 2.5968-1.0478 2.8702-0.41003 0.68338-2.369 2.2779-0.18223 0.18223-0.63782 0.27335-0.41002 0.0911-0.77449 0.0911l1.139-0.63783q0.54671 0.18224 0.95673 0.18224zm-15.718-10.433q0-0.22779-0.0911-3.4169-0.0911-3.1891-0.0911-4.5103v-0.5467q0-0.91117 0.18224-1.2301 0.22779-0.31891 0.5467-0.31891t0.59226 0.41003q0.0911 0.13667 0.0911 0.31891 0 1.0934-0.7745 4.4647-1.0934 4.8292-1.139 4.9659l1.6401 3.2802-0.0911 0.0456q-0.0911-0.31891-0.0911-1.139 0-0.82006-0.0911-1.0478-0.0456-0.22779-0.50115-0.86561-0.18223-0.2278-0.18223-0.41003zm1.0934 12.073q2.0501 0 6.1049-0.36447 4.0547-0.36447 6.0593-0.36447l-1.139 0.82006q-0.63782-0.36447-1.0478-0.45559-0.36447-0.0911-1.5946-0.27335-0.50115-0.0456-2.9613 0.50114-2.4602 0.54671-3.0069 0.82006zm-10.433-11.071q-0.31891 0.0911-0.50114 0.45559l1.0478 1.1845q-0.68338-1.4123-0.86562-2.5057-0.13667-1.139-0.13667-3.0069v-2.4146q0-0.59226 0.31891-3.0069 0.13667-1.0478 0.13667-1.7312 0-0.13668-0.27335-0.50115-0.27335-0.36446-0.27335-0.59226 0-0.50114 2.8246-4.6925 2.688-3.9636 2.9613-4.1914l1.8224-0.82006q-1.2756 1.0934-4.4192 5.6493-3.1435 4.5103-3.1435 5.467l-0.0456 3.9636q0 1.3212 0.13668 3.918 0.18223 2.5968 0.41002 2.8246zm-1.6857-5.9226q0.27335 2.3235 0.68338 4.4192 0.41002 2.0501 0.63782 2.4146l-0.2278 0.59226q2.4602 2.5968 4.8292 4.6014 3.098 2.6424 5.9226 4.0547 3.4169 1.7312 6.3782 1.7312l4.1914-0.27335q-1.139-0.18223-5.9682-0.45558-4.8292-0.27336-7.6538-1.3668-0.18224-0.0911-1.9135-1.6857-1.3212-1.2301-1.8679-1.7768-1.7768-1.7768-2.2779-2.369-1.4123-1.6401-1.5946-2.7335-0.13667-1.0934-0.13667-2.0501 0-0.86561 0.13667-2.6424 0.13668-1.7768 0.13668-2.5968zm12.756 8.6561 8.2006-0.0911-0.82005 0.50114-6.4693 0.0456-0.91118-0.45558zm4.6014-10.843 10.57 0.31891q-1.0023 0-2.2324 0.0456-1.1845 0-2.6424 0h-0.95673q-1.139 0-2.5968-0.0456-1.4579-0.0456-2.1413-0.31891z" />
+          <path d="m345.75 204.47-1.6401-6.3782h-8.1094l-1.7312 6.3782h-5.8771l7.0616-26.515h9.1117l7.0616 26.515zm-5.7404-21.504-2.9158 10.752h5.8315zm-2.1413-6.3326q0.18224 0 1.3212 0.13667 1.139 0.0911 1.7768 0.0911 0.59226 0 1.139 0 0.59226-0.0456 1.1845-0.0456h0.82005l-0.0456 0.63782q-0.18223 0-2.9613 0.0911-2.7335 0.0911-3.9636 0.0911h-2.5513q0.45559-0.13668 0.91117-0.36447 0.68338-0.36447 0.72894-0.59226 0.27335-0.0456 0.68338-0.0456t0.95673 0zm7.0616 0.63782 1.139 0.5467q0.59226 2.8246 0.86561 4.237 0.54671 2.5513 1.0934 4.237-1.0934-2.6424-1.7312-4.4647-0.86561-2.4602-1.3668-4.5559zm5.7404 22.688-0.18224 0.41003q-0.0456-0.59226-0.0911-1.2301 0-4.2825-1.0934-7.4716-0.45559-1.3212-1.8679-4.647l0.95673-0.36447q0.59226 3.5536 1.0478 5.467 0.22779 1.0023 2.2779 8.8839l-1.0478-1.0478zm1.0478 1.7312q0.36446 0.95673 0.95673 1.8223 0.95673 1.4123 1.0934 1.5946l-1.0478-0.18223q-0.13667-0.36447-0.45558-1.0478-0.27335-0.68338-0.36447-1.0934-0.0911-0.45558-0.18223-1.0934zm-17.631-22.962 0.68338-0.36446q-1.0023 3.5536-2.1413 7.5172-1.2756 4.4192-2.2324 7.5172-0.41003 1.3212-2.369 7.5627 1.3212-5.6037 2.8702-11.162 0.45558-1.6857 3.1891-11.071zm6.2871 19.454q0.86562 0 1.959 0.18223 0.36447 0.0456 1.139 0.18223l-0.18223-0.45558q-2.9158 0-4.2825 0.50114-0.31891 0.13668-2.7791 1.1845l0.54671-1.4579zm-13.394 6.2415q0.86561-1.0934 2.369-7.0616 0.95673-3.9636 1.9135-7.9728l-3.4625 15.809zm6.1048-24.647 0.27335-0.18223q-0.7745 2.9158-1.7312 6.196-0.91117 3.2802-2.0046 6.7427 0.68337-3.2347 1.4123-6.4693 1.0023-4.0547 2.0501-6.2871zm10.387 20q0.36447-0.0456 1.0023 2.5513 0.68338 2.5968 1.0478 2.5968 0.86561 0 1.8223 0t2.0046-0.0456q1.3212 0 2.0957 0.0456 0.82006 0.0456 1.5946 0.27335-0.50114 0.31891-1.6857 0.41003-1.139 0.0911-2.0046 0.0911l-5.1026-0.13667q-0.13668 0.0456-0.18224-0.13668 0-0.18223 0-0.63782v-0.68338q0-0.63782-0.18223-1.7768-0.18224-1.1845-0.41003-2.5513zm-7.745 0.77449q0.18223 0.59226 0.18223 1.4579 0 0.5467-0.0456 1.1845-0.0455 0.63782-0.0455 0.68338l0.13667 1.4123h-1.8679q-1.139 0-3.7814-0.0911-2.6424-0.0911-2.8246-0.0911 4.237 0 7.6538-0.36447 0.13667-0.45558 0.18223-1.2301 0.0456-0.77449 0.0456-0.86561 0.18223-0.0911 0.27335-1.0023 0.0911-0.95673 0.0911-1.0934zm6.0137-11.982-1.2301-2.5057 1.0934 4.237zm0.54671 4.5559-0.54671 0.22779-0.0456-0.86561v-0.27335l0.0456-0.50115zm-2.2779-8.7017-1.9135 8.7017 3.0524-0.0456 0.0911 0.41003h-3.6447l2.4146-9.0662z" />
+        </g>
+      </g>
+    </svg></a>
+
+    <input id="openSearchModal" title="Open Search Panel" placeholder="🔍&#xFE0E; Search"> <span id="searchResults"></span>
+    <section id="searchModal" class="modal" style="display:none;">
+      <div class="modal-background" onclick="this.parentElement.style.display='none';"></div>
+      <div class="modal-content">
+        <a class="close-button" onclick="this.parentElement.parentElement.style.display='none';">&times;&#xFE0E;</a>
+        <section>
+          <label>Search Term
+            <input id="searchBox" placeholder="Search term">
+          </label>
+          <a id="searchButton" class="small button">Search</a>
+          <a id="clearSearchButton" class="small red button">Clear</a>
+          <a class="small button" onclick="var options=document.getElementById('searchOptions').style;options.display=options.display=='block'?'none':'block';">
+            Toggle Options
+          </a>
+        </section>
+        <footer id="searchOptions" style="display:none;">
+          <div class="split">
+            <div class="quarter category">
+              <h3>Search For</h3>
+            </div>
+            <div class="three-quarter options">
+              <label>Case-Sensitive
+                <input type="checkbox" id="searchCaseSensitive">
+              </label>
+              <label>Ignore Diacritics/Accents
+                <input type="checkbox" id="searchIgnoreDiacritics">
+              </label>
+              <label>Exact Words
+                <input type="checkbox" id="searchExactWords">
+              </label>
+            </div>
+          </div>
+          <div class="split">
+            <div class="quarter category">
+              <h3>Include in Search</h3>
+            </div>
+            <div class="three-quarter options">
+              <label>Word Name
+                <input type="checkbox" checked id="searchIncludeName">
+              </label>
+              <label>Definition
+                <input type="checkbox" checked id="searchIncludeDefinition">
+              </label>
+              <label>Details
+                <input type="checkbox" checked id="searchIncludeDetails">
+              </label>
+            </div>
+          </div>
+          <div class="split">
+            <div class="quarter category">
+              <h3>Include Only</h3>
+            </div>
+            <div class="three-quarter options" id="searchPartsOfSpeech"></div>
+          </div>
+        </footer>
+      </div>
+    </section>
+
+    <div id="headerMenu">
+      <a id="settingsButton" class="button">Settings</a>
+      <a id="loginCreateAccountButton" class="button">Log In&nbsp;/ Create Account</a>
+    </div>
+    <div style="clear:both;"></div>
+  </header>
+
+  <main>
+    <aside id="sideColumn">
+      <div id="mobileWordFormShow">+</div>
+      <form id="wordForm">
+        <label>Word<span class="red">*</span><br>
+          <input id="wordName" maxlength="200">
+        </label>
+        <label>Pronunciation<a class="label-button ipa-table-button">IPA Chart</a><br>
+          <input id="wordPronunciation" class="ipa-field" maxlength="200"><br>
+          <a class="label-help-button ipa-field-help-button">Field Help</a>
+        </label>
+        <label>Part of Speech<br>
+          <select id="wordPartOfSpeech" class="part-of-speech-select"></select>
+        </label>
+        <label>Definition<span class="red">*</span><br>
+          <input id="wordDefinition" maxlength="2500" placeholder="Equivalent words">
+        </label>
+        <label>Details<span class="red">*</span><a class="label-button maximize-button">Maximize</a><br>
+          <textarea id="wordDetails" placeholder="Markdown formatting allowed"></textarea>
+        </label>
+        <div id="wordErrorMessage"></div>
+        <a class="button" id="addWordButton">Add Word</a>
+      </form>
+    </aside>
+    
+    <section id="mainColumn">
+      {{announcements}}
+      <section id="detailsSection">
+        <h2 id="dictionaryName">Dictionary Name</h2>
+        <nav>
+          <ul>
+            <li>Description</li><li>Details</li><li>Stats</li><li id="editDictionaryButton">Edit</li>
+          </ul>
+        </nav>
+        <article id="detailsPanel" style="display:none;">
+          <p>The dictionary details</p>
+        </article>
+      </section>
+
+      <section class="pagination"></section>
+
+      <section id="entries">
+        <article class="entry">
+          <header>
+            <h4 class="word">Loading Words</h4>
+          </header>
+          <dl>
+            <dt class="definition">Please Wait...</dt>
+          </dl>
+        </article>
+      </section>
+      
+      <section class="pagination"></section>
+    </section>
+  </main>
+
+  <footer id="bottom">
+    <a href="https://liberapay.com/robbieantenesse" target="_blank" rel="noopener" class="small button">Support Lexiconga</a>
+    <a href="https://blog.lexicon.ga" target="_blank" rel="noopener" class="small button">Blog</a>
+    <a href="./advertising.html" target="_blank" class="small button">Advertise</a>
+    <a href="https://github.com/Alamantus/Lexiconga/issues" target="_blank" rel="noopener" class="small button">Issues</a>
+    <a href="https://github.com/Alamantus/Lexiconga/releases" target="_blank" rel="noopener" class="small button">Updates</a>
+    <span class="separator">|</span>
+    <a class="button" id="helpInfoButton">Help</a>
+    <a class="button" id="termsInfoButton">Terms</a>
+    <a class="button" id="privacyInfoButton">Privacy</a>
+  </footer>
+
+  <section id="settingsModal" class="modal" style="display:none;">
+    <div class="modal-background" onclick="this.parentElement.style.display='none';"></div>
+    <div class="modal-content">
+      <a class="close-button" onclick="this.parentElement.parentElement.style.display='none';">&times;&#xFE0E;</a>
+      <section>
+        <form class="split two">
+          <div>
+            <h3>General Settings</h3>
+            <label>Use IPA Auto-Fill
+              <input id="settingsUseIPA" type="checkbox" checked><br />
+              <small>Check this to use character combinations to input International Phonetic Alphabet characters into
+                Pronunciation fields.</small>
+            </label>
+
+            <label>Use Hotkeys
+              <input id="settingsUseHotkeys" type="checkbox" checked><br />
+              <small>Check this to enable keyboard combinations to perform different helpful actions.</small>
+            </label>
+    
+            <label>Default Theme <small>(the theme new dictionaries will use)</small>
+              <select id="settingsDefaultTheme">
+                <option value="default">Default</option>
+                <option value="dark">Dark</option>
+                <option value="light">Light</option>
+                <option value="blue">Blue</option>
+                <option value="green">Green</option>
+                <option value="yellow">Yellow</option>
+                <option value="red">Red</option>
+                <option value="royal">Royal</option>
+                <option value="mint">Mint</option>
+                <option value="grape">Grape</option>
+              </select>
+            </label>
+            <div id="accountSettings"></div>
+          </div>
+          <div id="accountActions"></div>
+        </form>
+      </section>
+      <footer>
+        <a class="button" id="settingsSave">Save</a>
+        <a class="button" id="settingsSaveAndClose">Save &amp; Close</a>
+        <a class="red button" onclick="this.parentElement.parentElement.parentElement.style.display='none';">Close Without Saving</a>
+      </footer>
+    </div>
+  </section>
+
+  <section id="editModal" class="modal" style="display:none;">
+    <div class="modal-background" onclick="this.parentElement.style.display='none';"></div>
+    <div class="modal-content">
+      <a class="close-button" onclick="this.parentElement.parentElement.style.display='none';">&times;&#xFE0E;</a>
+      <nav class="tabs">
+        <ul>
+          <li class="active">Description</li><li>Details</li><li>Settings</li><li>Actions</li>
+        </ul>
+      </nav>
+      <section id="editDescriptionTab">
+        <label>Name<br>
+          <input id="editName" maxlength="50">
+        </label>
+        <label>Specification<br>
+          <input id="editSpecification" maxlength="50">
+        </label>
+        <label>Description<a class="label-button maximize-button">Maximize</a><br>
+          <textarea id="editDescription"></textarea>
+        </label>
+      </section>
+
+      <section id="editDetailsTab" style="display:none;">
+        <label>Parts of Speech <small>(Comma Separated List)</small><br>
+          <input id="editPartsOfSpeech" maxlength="2500" placeholder="Noun,Adjective,Verb">
+        </label>
+        <label>Alphabetical Order <small>(Comma Separated List. Include every letter!)</small><br>
+          <input id="editAlphabeticalOrder" disabled value="English Alphabet">
+        </label>
+        <h3>Phonology</h3>
+        <div class="split three">
+          <div>
+            <label>Consonants<br>
+              <small>(Space separated list)</small><br>
+              <input id="editConsonants" class="ipa-field" maxlength="100" placeholder="p b m n t ..."><br>
+              <a class="label-help-button ipa-field-help-button">Field Help</a>
+              <a class="label-button ipa-table-button">IPA Chart</a>
+            </label>
+          </div>
+          <div>
+            <label>Vowels<br>
+              <small>(Space separated list)</small><br>
+              <input id="editVowels" class="ipa-field" maxlength="100" placeholder="æ u e ɪ ..."><br>
+              <a class="label-help-button ipa-field-help-button">Field Help</a>
+              <a class="label-button ipa-table-button">IPA Chart</a>
+            </label>
+          </div>
+          <div>
+            <label>Polyphthongs&nbsp;/ Blends<br>
+              <small>(Space separated list)</small><br>
+              <input id="editBlends" class="ipa-field" maxlength="100" placeholder="ai ou ue ..."><br>
+              <a class="label-help-button ipa-field-help-button">Field Help</a>
+              <a class="label-button ipa-table-button">IPA Chart</a>
+            </label>
+          </div>
+        </div>
+        <h3>Phonotactics</h3>
+        <div class="split three">
+          <div>
+            <label>Onset<br>
+              <small>(Comma separated list)</small><br>
+              <input id="editOnset" maxlength="100" placeholder="Consonants,Vowels">
+            </label>
+          </div>
+          <div>
+            <label>Nucleus<br>
+              <small>(Comma separated list)</small><br>
+              <input id="editNucleus" maxlength="100" placeholder="Vowels,Blends">
+            </label>
+          </div>
+          <div>
+            <label>Coda<br>
+              <small>(Comma separated list)</small><br>
+              <input id="editCoda" maxlength="100" placeholder="Any">
+            </label>
+          </div>
+        </div>
+        <label>Exceptions <small>(Markdown-enabled)</small><br>
+          <textarea id="editExceptions"></textarea>
+        </label>
+        <h3>Orthography</h3>
+        <label>Notes <small>(Markdown-enabled)</small><a class="label-button maximize-button">Maximize</a><br>
+          <textarea id="editOrthography"></textarea>
+        </label>
+        <h3>Grammar</h3>
+        <label>Notes <small>(Markdown-enabled)</small><a class="label-button maximize-button">Maximize</a><br>
+          <textarea id="editGrammar"></textarea>
+        </label>
+      </section>
+
+      <section id="editSettingsTab" style="display:none;">
+        <label>Prevent Duplicate Words
+          <input type="checkbox" id="editPreventDuplicates"><br>
+          <small>Checking this box will prevent the creation of words with the exact same spelling.</small>
+        </label>
+        <label>Words are Case-Sensitive
+          <input type="checkbox" id="editCaseSensitive"><br>
+          <small>Checking this box will allow the creation of words with the exact same spelling if their capitalization is different.</small>
+        </label>
+        <label>Sort by Definition
+          <input type="checkbox" id="editSortByDefinition"><br>
+          <small>Checking this box will sort the words in alphabetical order based on the Definition instead of the Word.</small>
+        </label>
+        <label>Theme
+          <select id="editTheme">
+            <option value="default">Default</option>
+            <option value="dark">Dark</option>
+            <option value="light">Light</option>
+            <option value="blue">Blue</option>
+            <option value="green">Green</option>
+            <option value="yellow">Yellow</option>
+            <option value="red">Red</option>
+            <option value="royal">Royal</option>
+            <option value="mint">Mint</option>
+            <option value="grape">Grape</option>
+          </select>
+        </label>
+      </section>
+
+      <section id="editActionsTab" style="display:none;">
+        <h3>Import&nbsp;/ Export</h3>
+        <div class="split two">
+          <div>
+            <p>
+              <label class="button">Import JSON <input type="file" id="importDictionaryFile" accept="application/json, .dict"><br>
+                <small>Import a previously-exported <code>JSON</code> file.</small>
+              </label>
+            </p>
+            <p>
+              <label class="button">Import Words <input type="file" id="importWordsCSV" accept="text/csv, .csv"><br>
+                <small>Import a CSV file of words.</small>
+              </label>
+              <a class="small button" download="Lexiconga_import-template.csv" href="data:text/csv;charset=utf-8,%22word%22,%22pronunciation%22,%22part of speech%22,%22definition%22,%22explanation%22%0A">Download an example file with the correct formatting</a>
+            </p>
+          </div>
+          <div>
+            <p>
+              <a class="button" id="exportDictionaryButton">Export JSON</a><br>
+              <small>Export your work as a <code>JSON</code> file to re-import later.</small>
+            </p>
+            <p>
+              <a class="button" id="exportWordsButton">Export Words</a><br>
+              <small>Export a CSV file of your words.</small>
+            </p>
+          </div>
+        </div>
+        <p>
+          <a class="red button" id="deleteDictionaryButton">Delete Dictionary</a><br>
+          <small>This will permanently delete your current dictionary, and it will not be possible to return it if you have not backed it up!</small>
+        </p>
+      </section>
+
+      <footer>
+        <a class="button" id="editSave">Save</a>
+        <a class="button" id="editSaveAndClose">Save &amp; Close</a>
+        <a class="red button" onclick="this.parentElement.parentElement.parentElement.style.display='none';">Close Without Saving</a>
+      </footer>
+    </div>
+  </section>
+
+  <div id="messagingSection"></div>
+
+  {{upup_insert}}
+</body>
+</html>
--- a/template-passwordreset.html
+++ b/template-passwordreset.html
@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Password Reset | Lexiconga</title>
+  <link rel="icon" href="processedImages/favicon.png" type="image/x-icon" />
+  <link rel="stylesheet" href="src/main.scss" />
+  <script src="src/js/account/passwordReset.js"></script>
+</head>
+<body id="defaultTheme">
+  <header id="top">
+    <a href="/" title="Lexiconga"><svg id="title" alt="Lexiconga Logo" viewBox="0 0 249.78 55.087">
+      <g transform="translate(-107.53 -155.84)">
+        <g id="lexi">
+          <path d="m144.03 159.39-11.339 22.409h-21.62l11.339-22.409z" />
+          <path d="m132.69 183.97 11.339 22.409h-21.62l-11.339-22.409z" />
+          <path d="m160.1 186.76v7.0042h-6.1056q-1.2442 0-1.7741 0.36864-0.50688 0.36864-0.50688 1.2442 0 0.99072 0.52992 1.3133 0.52992 0.29952 2.1658 0.29952h6.2899v8.9856h-7.3498q-5.184 0-7.9258-2.4653-2.7418-2.4883-2.7418-7.1655v-12.326q0-4.5159 2.5805-7.0042 2.6035-2.4883 7.3037-2.4883h8.1332v9.0317h-5.9674q-2.4192 0-2.4192 1.5667 0 0.92161 0.576 1.2902 0.57601 0.3456 2.0506 0.3456z" />
+          <path d="m187.75 174.53-8.1792 15.299 8.4557 16.151h-9.8381l-3.8707-7.6263-3.2717 7.6263h-9.6768l8.64-15.898-8.1792-15.552h9.746l3.6634 7.1424 2.9491-7.1424z" />
+          <path d="m198.95 174.53v31.45h-9.3543v-31.45z" />
+        </g>
+        <g id="conga">
+          <path d="m218.5 205.38h-3.2347q-7.6994 0-10.114-3.918-1.8223-2.9613-1.8223-11.481 0-7.5172 1.8223-10.478 2.4146-3.918 9.294-3.918h4.7381q6.5604 0 8.7928 1.8679 2.5513 2.1413 2.5513 8.4739-0.77449-0.13667-1.4123-0.13667-0.68338 0-2.0501 0.13667-1.3668 0.13668-2.0957 0.13668l-1.7768-0.13668q0-2.5057-1.5946-3.3713-1.0934-0.59227-3.6902-0.59227h-1.8679q-3.3258 0-4.5559 1.8679-0.95673 1.4579-0.95673 4.647 0 1.1845 0.0456 3.098 0.0911 1.9135 0.0911 1.959 0 4.0092 1.7768 4.9203 1.0478 0.5467 5.6493 0.5467 2.1868 0 3.0069-0.22779 2.0957-0.59226 2.0957-3.6447 0.45558-0.13668 1.139-0.27335 0.72894-0.13668 1.1845-0.13668 0.68338 0 2.0501 0.2278 1.3668 0.22779 2.0957 0.22779 0.5467 0 0.86561-0.0456 0 6.606-2.7791 8.6106-2.2324 1.6401-9.2484 1.6401zm3.0069-31.208q3.8269 0.68338 7.0616 1.549 0.63782 1.0023 1.0934 2.1412 0.50114 1.139 0.50114 2.0046l-1.5946-3.0524-3.5991-1.4123q-1.4579-0.18224-2.1868-0.18224-0.68338 0-1.6401 0h-3.8725q1.0478-0.13667 2.1868-0.36447 1.6401-0.36447 2.0501-0.68338zm10.797 13.303q-0.50115 0-2.1868-0.45559-0.82006-0.22779-1.3668-0.22779-0.27335 0-0.63782 0.0911-0.31891 0.0456-0.82006 0.2278-1.7312-0.18224-2.7335-0.31891-1.0023-0.13668-1.0934-0.31891l4.5559-0.13668q0.7745 0 1.5034 0 0.72894 0 1.5946 0.13668l-0.0911-8.0183q0.22779 2.1413 0.59226 4.3281 0.36447 2.1412 0.95673 4.6925h-0.27335zm-0.59226 13.531-1.2301-0.22779 0.31891-0.59227q0.0456-0.0911 0.0456-0.91117v-1.3668q0-0.91117 0.2278-1.8679 0.22779-1.0023 0.50114-1.959l0.13668 5.1481v1.7768zm-23.28-25.604q0.13668-0.0456 0.63782-0.31891 0.54671-0.27336 0.72894-0.27336l0.13668 0.18224q0.22779 0 0.68338-0.22779 0.50114-0.27336 0.72893-0.36447 0.2278-0.0911 1.6857-0.13668 1.4579-0.0911 2.7791-0.0911l-3.7358 0.68338-3.6447 0.54671zm8.6561-0.59227-0.95673 0.36447-1.9135-0.13667q1.3212-0.41003 2.688-0.82006l2.369-0.13667q-0.5467 0.13667-1.0023 0.27335-0.41003 0.0911-1.1845 0.45558zm-5.786 14.032q0-0.5467 0.0911-1.0023 0.13668-0.50114 0.36447-1.139v0.50114q0 0.13668 0.31891 2.1413 0.0911 0.59226 0.0911 1.2756v5.5582l-0.86562-4.1458 0.18224-0.59226q0-0.0911-0.0911-1.139-0.0911-1.0478-0.0911-1.4579zm0.72894-5.4215 0.82006-0.63782q-0.36447 0.82005-0.36447 1.6401v0.31891l-0.68338 1.3668zm0.45559 13.759q0.18223 0.0455 1.0023 0.31891 1.0934 0.27335 1.6857 0.27335l3.3258-0.68338q0.27335-0.0456 1.0023-0.18224 0.7745 0 1.5946 0l1.4123-2.4602q-0.36447 1.0478-0.45559 1.4579-0.22779 0.86561-0.22779 1.4579l0.0911 0.22779 0.13667-0.0456q-4.237 0.41002-8.4739 0.77449l-1.0934-1.139zm19.18 4.9659q-0.68338 0.63782-1.6857 1.2756-0.95673 0.63782-1.7312 0.91118 0.41003-0.36447 1.2756-1.0934 0.50115-0.45559 1.139-1.1845l1.0023 0.0911zm-4.8292 3.4169-1.5034 0.0456 2.7335-1.0934q-0.31891 0.22779-0.63782 0.50115-0.31891 0.22779-0.59226 0.5467zm-24.921-21.64-0.13667-4.5103 1.5946-2.2779q1.0023-0.22779 1.6401-0.77449 0.95673-1.0478 1.959-2.1413 0.31891-0.31891 1.7768-0.45558 1.4579-0.13668 3.9636-0.2278-1.0023 0.2278-2.0501 0.50115-1.0478 0.22779-1.959 0.50114-1.7768 0.63782-3.7814 2.2324-2.4146 1.9135-2.5968 3.4625zm5.3759 22.233q-2.688-2.7335-3.9636-7.4716-1.0023-3.7814-1.0023-8.5195 0.22779 1.5946 0.68338 4.647 0.45559 3.0069 1.1845 5.0114 0.13668 0.41002 0.45559 1.2756 0.31891 0.86561 0.63782 1.3668l1.6401 2.1868zm-4.9659-16.811v-2.8702q0-0.41003 0.50115-2.7335 0.50114-2.3235 1.3212-5.6493 0.27335-0.18223 1.7768-1.1845 1.549-1.0478 1.5946-1.4123l0.95673 0.82006q-0.63782 0.0911-1.8679 0.86561-0.86561 0.54671-1.6857 1.2301-0.18223 0.95673-0.50114 1.9135-0.27335 0.95673-0.63782 1.6857 0 0.0456-0.31891 0.45559-0.13668 0.22779-0.18224 0.41003zm20.957 16.447q0.59226 0 0.86561 0.0911-2.1412 0.45558-4.6925 0.95673-2.5057 0.5467-3.6902 0.5467-1.3668 0-3.2802-0.27335-1.8679-0.27335-3.1891-0.63782l-0.72894-1.0478 5.9682 0.7745q0.27335 0.0456 0.91117-0.0456 0.68338-0.0911 0.82005-0.0911 0.0911 0 1.0478 0.0911 1.0023 0.0911 1.3668 0.0911 0.59226 0 2.9158-0.31891 1.0023-0.13668 1.6857-0.13668zm-21.003-9.8407q0.31891 0.54671 0.59226 2.5513 0.0911 0.86561 0.27336 1.0478l0.50114 0.63782-0.0456 0.18224 0.18224 0.36447q0.45558 0.63782 0.59226 1.7312 0.18223 1.0478 0.31891 2.0046l2.0501 2.2779-2.4146-1.8679q-0.72894-2.0046-1.3668-4.0092-0.77449-2.5057-1.8679-6.8794l1.1845 1.959zm26.06-1.2756q-0.68338 0-1.9135-0.0911-1.1845-0.13668-2.5513-0.27336 0.68338-0.36446 3.5991-0.50114 2.9158-0.18223 2.9613-0.18223l-0.63782 0.68337-1.4579 0.36447zm-9.1117-12.027 2.8702 1.0478 0.27335 1.0934q-2.1868-1.0023-4.4192-1.549-2.2324-0.59227-4.4647-0.59227z" />
+          <path d="m262.61 195.81q0 0.77449-0.0911 2.6424-0.0911 1.8223-0.0911 1.959-1.2301 1.7768-2.9613 3.7358 0.91118-1.2756 1.4579-2.1868 1.0934-1.7312 1.0934-2.4146 0-2.4146-0.0911-4.4192-0.31891-6.9249-0.31891-7.426 0-0.59226-0.13668-1.4123-0.31891-1.959-0.31891-2.4146 0-0.72894 0.18224-1.5946 0.18223-0.86561 0.36447-1.7312 0.36446 3.5536 0.63782 7.7905 0.27335 4.1914 0.27335 7.4716zm-12.939 8.9295h-4.0547q-5.9682 0-8.7472-2.688-2.7791-2.688-2.7791-8.6561v-5.1026q0-5.6037 2.9158-8.2917 2.9158-2.688 8.565-2.688h3.6447q5.7859 0 8.7928 2.5513 3.1891 2.7335 3.1891 8.4283v5.1026q0 6.1504-2.688 8.7472-2.688 2.5968-8.8384 2.5968zm4.4192-16.264q0-3.098-1.0934-4.2825-1.0934-1.1845-4.1914-1.1845h-2.4146q-3.0069 0-4.1003 1.1845-1.0934 1.1845-1.0934 4.1914v4.7836q0 3.1435 1.0478 4.4647 1.0934 1.3212 4.1458 1.3212h2.4146q3.0524 0 4.1458-1.3212 1.139-1.3668 1.139-4.5103zm-1.2301-11.8q1.4123 0.45558 3.508 1.5034 1.7312 0.91117 3.4624 1.8224 0.41003 0.59226 0.68338 1.5034 0.0911 0.27335 0.22779 0.86561l0.27336-2.8702q-3.0524-0.63782-5.8315-1.2301-2.7335-0.59226-3.098-0.7745l-1.4123-1.1845q0.54671 0.0911 1.139 0.18223 0.63782 0.0456 1.0478 0.18224zm-14.67 2.0501q-1.8679 1.2756-2.4602 1.9135-0.5467 0.63782-0.82005 1.5946 1.5034-1.549 2.8702-2.8702 1.7312-1.6401 3.0524-2.5968 1.8679-0.22779 3.8269-0.50114t3.5991-0.27335q0.50114 0 1.139 0.13667 0.63782 0.13668 1.4579 0.31891-1.139 0.36447-2.2779 0.50115-1.139 0.0911-2.7791 0.0911-0.86561 0-2.4146-0.0456-1.5034-0.0456-2.1413-0.0456-0.41002 0-1.549 0.72894-0.77449 0.5467-1.5034 1.0478zm17.221 25.832q1.0934-0.50115 2.4146-1.2301 1.5946-0.86562 2.2779-1.2756l-6.3782 4.1458-2.369-1.3212q0.59227-0.13668 2.1868-0.18224 1.6401-0.0455 1.8679-0.13667zm-3.7358 1.6401q-0.68338-0.13668-1.4579-0.27335-0.72894-0.0911-1.139-0.0911l-0.27335 0.0911q-0.22779-0.0911-0.68338-0.27335-0.45558-0.13668-0.82005-0.36447zm-18.315-24.055q1.5946-1.139 3.1891-2.5057 1.9135-1.5946 3.0069-2.8246-0.82006 0.2278-1.549 0.45559-0.72893 0.22779-0.77449 0.27335-1.959 1.6857-2.8246 3.3713-0.86562 1.6401-0.86562 4.1003 0 0.45559 0.18224 1.4579 0.18223 1.0023 0.18223 1.5034l-0.13668 9.5673q-0.13667-1.2756-0.36446-2.9613-0.45559-3.3713-0.45559-5.0114 0-3.7358 0.41003-7.426zm4.4647 21.549q3.3713 1.7312 6.9705 2.0501 0.86561 0.0911 1.6401 0.18224 0.7745 0.0911 1.1845 0.27335-1.6857-0.68338-4.2825-1.2756-6.4693-1.4123-7.3805-1.7312-0.54671-0.63782-1.139-2.0957-0.59226-1.4579-1.2756-4.0547 0.72894 1.4123 2.0501 3.5991 1.7312 2.7791 2.2324 3.0524zm14.989-13.622 0.45558 0.86561-0.0911 6.1048-0.59226-1.5034q0.27335-2.0046 0.27335-3.9636l-0.0456-1.5034zm-0.31891-4.647q0.59226 0.45558 0.82005 1.4123 0.2278 0.95674 0.2278 2.0046l-0.13668 1.2301zm-10.023 0.77449q0 0.68338 0.13667 2.0501 0.13668 1.3668 0.13668 2.0957v2.1868q0 1.3212 0.22779 2.1412 0.41003 1.0934 0.68338 2.0046 0.18223-0.0456 0.82006 0.68338 0.63782 0.68338 0.82005 1.0023l-1.1845-0.36447q-1.5946-1.7768-2.0501-3.4624-0.41003-1.7312-0.41003-4.647v-1.4579q0-1.2756 0.27335-2.3235 0.31891-1.0934 1.1845-1.8224zm9.5673-2.3235q-0.36447 0.41002-1.2301 0.72893-0.82005 0.27336-1.5034 0.27336h-3.508l-1.5034-1.0934 7.745 0.0911zm-4.7836 13.986q0.59226-0.0911 1.2756-0.2278 0.68338-0.13667 1.0934-0.13667l2.4146 0.13667-3.3258 0.72894z" />
+          <path d="m287.51 205.02q-0.82006 0-1.6401 0-0.68338-0.13668-1.0023-0.18224l-11.891-20.274v20.866h-7.1071v-29.431q3.0524-0.36447 5.7859-0.36447 2.4602 0 5.1481 0.36447 2.1412 5.057 4.8292 10.023 2.4146 4.4192 5.7404 9.5673 0-3.2802-0.0911-5.8771-0.31891-9.1573-0.31891-9.7951 0-2.7335 0.0455-3.1436 0.0456-0.45558 0.36447-2.0046h7.0616v29.75q-0.95673 0.13668-2.9158 0.31891-1.9135 0.18224-4.0092 0.18224zm-10.114-31.39q0.0911 0.22779 0.31891 0.63782 0.22779 0.41003 0.31891 0.7745l-0.0456-0.18224q0.2278 0.45559 0.72894 1.4579 0.45559 1.2301 0.91117 2.4146l-1.2301-0.45558q-0.0911-1.0934-0.36447-2.0957-0.22779-1.0023-0.63782-2.5513zm18.725 1.3668v1.959q0 2.6424-0.27335 4.647-0.27335 1.959-1.139 3.2347 0.31891-2.6424 0.45558-5.1026 0.18224-2.4602 0.18224-4.7381zm-0.95673 30.752 0.0456-19.772q0 3.2802 0.31891 9.8407t0.31891 9.8407l-2.2779 0.59226q-1.4123 0-3.1891-0.2278-1.7768-0.22779-3.4169-0.41002l8.2005 0.13667zm-8.4283-12.665q-2.0046-3.4624-4.0092-6.9705-3.0524-5.5126-3.0524-6.8338 2.4146 3.918 3.7358 6.1504 2.4602 4.1914 2.4602 6.3782 0 0.31891-0.0911 0.68338t-0.18223 0.72894l1.139-0.13668zm-14.533-18.406q-2.5057 0.27335-5.2848 0.7745l-1.3212-1.2301zm3.8269-0.22779 1.0023 0.5467-3.3713-0.27335zm5.1026 24.966q2.1868 3.4169 4.5103 6.3782l4.5103 0.27335-4.6014 0.72894q-0.18223-0.27335-0.7745-0.7745-0.5467-0.45558-0.77449-0.91117-1.549-2.8246-3.0524-5.6948-1.7312-3.1891-3.3258-5.7404-1.959-3.098-3.6902-5.1481l1.0934-0.22779q0.27336 2.4602 2.5057 5.9682 1.7768 2.5968 3.5991 5.1481zm-15.9 5.6493q-0.27336-1.7768-0.59227-3.8269-0.27335-2.0501-0.27335-3.4624 0-2.4602 0.63782-12.392 0.27335-4.237 0.27335-7.426 0-0.82006-0.0911-1.4123t-0.31891-2.0957q-0.13668 0.63782-0.2278 1.2301-0.0911 0.5467-0.0911 1.2301 0 2.3235 0.18223 8.2006 0.18224 5.8771 0.31891 10.342 0.18224 4.4647 0.18224 9.6129zm7.6083 0.59227q0.41003-2.6424 0.50115-4.3736 0.13667-1.7768 0.13667-4.8748-0.0456-2.3235-0.0911-4.647-0.0455-2.369-0.0455-4.6925 0.63782 3.6902 0.68337 4.1003 0.0911 0.36447 0.31891 2.2324 0.2278 0.2278 0.27336 1.3212 0.0455 1.0478 0.0455 1.9135l0.18224-0.18223q-0.18224 0.5467-0.36447 1.0934-0.45559 1.4123-1.0023 1.4123-0.41003 0-0.59226-0.31891-0.13668-0.36447-0.13668-0.77449v-0.2278h1.2756l0.0456 8.155-1.2301-0.13667zm-8.4283-28.747q0 1.2756-0.41003 12.848-0.13667 3.8725-0.13667 7.6994h0.45558q0-5.1481-0.22779-11.162-0.22779-6.0137-0.68338-10.57l1.2301-1.0934q-0.22779 1.2756-0.22779 2.2779zm0.68338 29.613 0.18223-0.95673h0.50115q1.7312 0 3.7814 0.22779 2.0957 0.22779 3.7814 0.59226zm29.294-33.076 1.6401 0.59226-0.59226 0.63782q-0.86562-0.0911-1.7768-0.18224-0.91117-0.0911-1.6857-0.0911h-2.2324l-2.7335 0.0911q1.0023-0.59226 2.0046-0.82005 1.0478-0.22779 2.2324-0.22779z" />
+          <path d="m314.06 205.29h-3.1891q-6.4693 0-9.4306-4.2825-2.5513-3.6902-2.5513-10.478 0-7.5627 1.8223-10.752 2.4602-4.2825 9.294-4.2825h4.6014q4.8748 0 7.9728 2.2324 3.508 2.5057 3.508 7.1982h-7.426q-0.31891-1.9135-2.1868-2.5968-1.2756-0.45558-3.6902-0.45558h-1.1845q-3.2347 0-4.3281 1.7312-0.82006 1.3212-0.82006 4.7837v3.5536q0 4.5103 1.3212 5.7404 1.3212 1.1845 5.8771 1.1845 3.5991 0 4.4192-1.0478 0.68337-0.86562 0.68337-4.5559h-5.1937v-5.6948q1.4123 0 4.2825 0.18224 2.8702 0.13667 3.918 0.13667 2.2779 0 4.3281-0.31891v7.4716q0 5.6493-3.2802 8.1094-2.8702 2.1413-8.7472 2.1413zm10.114-29.203 2.0501 2.8246q0.27336 0.86561 0.54671 3.2802 0.13667 1.3212 0.36447 3.3713 0.0456-0.18223-0.45559-0.45558-0.50114-0.27335-0.50114-0.41003 0-0.0911 0.0911-0.59226 0.13668-0.50115 0.13668-0.7745 0-0.77449-0.86561-2.5968-0.86562-1.8679-1.4579-2.2324 0.22779-0.59226 0.59226-0.95673-0.18223-0.13667-0.63782-0.27335-0.41003-0.13668-0.59226-0.22779l0.72894-0.95673zm-3.098-0.31891-3.4169-0.82006q-0.95673 0.0456-1.9135 0.0911-0.95673 0.0456-1.9135 0.0456-0.31891 0-0.63782 0-0.27336 0-0.59227-0.0456l-7.016-0.63782 12.848 0.22779 2.6424 1.139zm2.2779 0.45558v0.27335l-1.7768-0.31891 1.7768 0.0456zm3.9636 14.305-0.13667 0.7745q-0.18224 0.91117-0.31891 2.5057-0.13668 1.549-0.27336 2.7791v-0.36446q0-1.1845 0.0911-3.1436 0.13668-2.0046 0.13668-2.4146 0-0.68338-0.0911-1.2301-0.0911-0.5467-0.13668-0.86561 0.13668 0.41003 0.31891 0.95673 0.2278 0.54671 0.41003 1.0023zm-16.037-7.6538h1.6401q1.549 0.63782 3.2802 1.3212 1.7312 0.63782 3.0069 0.86561l4.7836 0.18223 2.369 0.0911-1.0934 0.63782q-1.7768-0.13667-3.8269-0.27335-2.0501-0.18223-3.098-0.50114-0.18224-0.0456-1.8224-1.2301-1.6401-1.1845-1.9135-1.2756l-3.1435-0.27333zm-8.0639-6.9249q-0.68338 0.5467-2.0501 1.959-1.0023 1.0478-2.0046 2.0501 1.139-2.0957 2.2779-4.237l3.8269-0.68338zm8.9295 17.449q0-1.0934 0.0911-3.6902 0.0911-2.6424 0.0911-2.8246l0.72894 0.18224-0.0456 0.86561q0 0.86561 0.0456 2.5968t0.0456 2.6424l3.6447 1.2756 1.4579 2.688-0.27335-2.5513q-0.0456-0.45559-1.0023-0.59227-0.91117-0.18223-2.4146-0.18223-0.54671 0-1.0023 0.0456-0.41003 0-0.72894 0-0.63782 0-0.63782-0.45559zm11.207 11.162q0.63782 0 0.91118-0.59226 0.68337-1.5946 1.139-3.1891 0.45559-1.6401 0.68338-3.3258l1.139 0.45558-0.36446-0.86561q-0.13668 0.31891-0.36447 1.0023-0.18224 0.68338-0.41003 1.4579-0.86561 2.5968-1.0478 2.8702-0.41003 0.68338-2.369 2.2779-0.18223 0.18223-0.63782 0.27335-0.41002 0.0911-0.77449 0.0911l1.139-0.63783q0.54671 0.18224 0.95673 0.18224zm-15.718-10.433q0-0.22779-0.0911-3.4169-0.0911-3.1891-0.0911-4.5103v-0.5467q0-0.91117 0.18224-1.2301 0.22779-0.31891 0.5467-0.31891t0.59226 0.41003q0.0911 0.13667 0.0911 0.31891 0 1.0934-0.7745 4.4647-1.0934 4.8292-1.139 4.9659l1.6401 3.2802-0.0911 0.0456q-0.0911-0.31891-0.0911-1.139 0-0.82006-0.0911-1.0478-0.0456-0.22779-0.50115-0.86561-0.18223-0.2278-0.18223-0.41003zm1.0934 12.073q2.0501 0 6.1049-0.36447 4.0547-0.36447 6.0593-0.36447l-1.139 0.82006q-0.63782-0.36447-1.0478-0.45559-0.36447-0.0911-1.5946-0.27335-0.50115-0.0456-2.9613 0.50114-2.4602 0.54671-3.0069 0.82006zm-10.433-11.071q-0.31891 0.0911-0.50114 0.45559l1.0478 1.1845q-0.68338-1.4123-0.86562-2.5057-0.13667-1.139-0.13667-3.0069v-2.4146q0-0.59226 0.31891-3.0069 0.13667-1.0478 0.13667-1.7312 0-0.13668-0.27335-0.50115-0.27335-0.36446-0.27335-0.59226 0-0.50114 2.8246-4.6925 2.688-3.9636 2.9613-4.1914l1.8224-0.82006q-1.2756 1.0934-4.4192 5.6493-3.1435 4.5103-3.1435 5.467l-0.0456 3.9636q0 1.3212 0.13668 3.918 0.18223 2.5968 0.41002 2.8246zm-1.6857-5.9226q0.27335 2.3235 0.68338 4.4192 0.41002 2.0501 0.63782 2.4146l-0.2278 0.59226q2.4602 2.5968 4.8292 4.6014 3.098 2.6424 5.9226 4.0547 3.4169 1.7312 6.3782 1.7312l4.1914-0.27335q-1.139-0.18223-5.9682-0.45558-4.8292-0.27336-7.6538-1.3668-0.18224-0.0911-1.9135-1.6857-1.3212-1.2301-1.8679-1.7768-1.7768-1.7768-2.2779-2.369-1.4123-1.6401-1.5946-2.7335-0.13667-1.0934-0.13667-2.0501 0-0.86561 0.13667-2.6424 0.13668-1.7768 0.13668-2.5968zm12.756 8.6561 8.2006-0.0911-0.82005 0.50114-6.4693 0.0456-0.91118-0.45558zm4.6014-10.843 10.57 0.31891q-1.0023 0-2.2324 0.0456-1.1845 0-2.6424 0h-0.95673q-1.139 0-2.5968-0.0456-1.4579-0.0456-2.1413-0.31891z" />
+          <path d="m345.75 204.47-1.6401-6.3782h-8.1094l-1.7312 6.3782h-5.8771l7.0616-26.515h9.1117l7.0616 26.515zm-5.7404-21.504-2.9158 10.752h5.8315zm-2.1413-6.3326q0.18224 0 1.3212 0.13667 1.139 0.0911 1.7768 0.0911 0.59226 0 1.139 0 0.59226-0.0456 1.1845-0.0456h0.82005l-0.0456 0.63782q-0.18223 0-2.9613 0.0911-2.7335 0.0911-3.9636 0.0911h-2.5513q0.45559-0.13668 0.91117-0.36447 0.68338-0.36447 0.72894-0.59226 0.27335-0.0456 0.68338-0.0456t0.95673 0zm7.0616 0.63782 1.139 0.5467q0.59226 2.8246 0.86561 4.237 0.54671 2.5513 1.0934 4.237-1.0934-2.6424-1.7312-4.4647-0.86561-2.4602-1.3668-4.5559zm5.7404 22.688-0.18224 0.41003q-0.0456-0.59226-0.0911-1.2301 0-4.2825-1.0934-7.4716-0.45559-1.3212-1.8679-4.647l0.95673-0.36447q0.59226 3.5536 1.0478 5.467 0.22779 1.0023 2.2779 8.8839l-1.0478-1.0478zm1.0478 1.7312q0.36446 0.95673 0.95673 1.8223 0.95673 1.4123 1.0934 1.5946l-1.0478-0.18223q-0.13667-0.36447-0.45558-1.0478-0.27335-0.68338-0.36447-1.0934-0.0911-0.45558-0.18223-1.0934zm-17.631-22.962 0.68338-0.36446q-1.0023 3.5536-2.1413 7.5172-1.2756 4.4192-2.2324 7.5172-0.41003 1.3212-2.369 7.5627 1.3212-5.6037 2.8702-11.162 0.45558-1.6857 3.1891-11.071zm6.2871 19.454q0.86562 0 1.959 0.18223 0.36447 0.0456 1.139 0.18223l-0.18223-0.45558q-2.9158 0-4.2825 0.50114-0.31891 0.13668-2.7791 1.1845l0.54671-1.4579zm-13.394 6.2415q0.86561-1.0934 2.369-7.0616 0.95673-3.9636 1.9135-7.9728l-3.4625 15.809zm6.1048-24.647 0.27335-0.18223q-0.7745 2.9158-1.7312 6.196-0.91117 3.2802-2.0046 6.7427 0.68337-3.2347 1.4123-6.4693 1.0023-4.0547 2.0501-6.2871zm10.387 20q0.36447-0.0456 1.0023 2.5513 0.68338 2.5968 1.0478 2.5968 0.86561 0 1.8223 0t2.0046-0.0456q1.3212 0 2.0957 0.0456 0.82006 0.0456 1.5946 0.27335-0.50114 0.31891-1.6857 0.41003-1.139 0.0911-2.0046 0.0911l-5.1026-0.13667q-0.13668 0.0456-0.18224-0.13668 0-0.18223 0-0.63782v-0.68338q0-0.63782-0.18223-1.7768-0.18224-1.1845-0.41003-2.5513zm-7.745 0.77449q0.18223 0.59226 0.18223 1.4579 0 0.5467-0.0456 1.1845-0.0455 0.63782-0.0455 0.68338l0.13667 1.4123h-1.8679q-1.139 0-3.7814-0.0911-2.6424-0.0911-2.8246-0.0911 4.237 0 7.6538-0.36447 0.13667-0.45558 0.18223-1.2301 0.0456-0.77449 0.0456-0.86561 0.18223-0.0911 0.27335-1.0023 0.0911-0.95673 0.0911-1.0934zm6.0137-11.982-1.2301-2.5057 1.0934 4.237zm0.54671 4.5559-0.54671 0.22779-0.0456-0.86561v-0.27335l0.0456-0.50115zm-2.2779-8.7017-1.9135 8.7017 3.0524-0.0456 0.0911 0.41003h-3.6447l2.4146-9.0662z" />
+        </g>
+      </g>
+    </svg></a>
+  </header>
+  <main>
+    <section id="mainColumn">
+      <section id="detailsSection">
+        <h2 id="dictionaryName">Reset your Password</h2>
+        <article id="detailsPanel" style="max-height:unset;">
+          {{content}}
+        </article>
+      </section>
+    </section>
+  </main>
+  <footer id="bottom">
+    <a href="https://liberapay.com/robbieantenesse" target="_blank" rel="noopener" class="small button">Support Lexiconga</a>
+    <a href="https://blog.lexicon.ga" target="_blank" rel="noopener" class="small button">Blog</a>
+    <a href="./" target="_blank" class="small button">Advertise</a>
+    <a href="https://github.com/Alamantus/Lexiconga/issues" target="_blank" rel="noopener" class="small button">Issues</a>
+    <a href="https://github.com/Alamantus/Lexiconga/releases" target="_blank" rel="noopener" class="small button">Updates</a>
+    <span class="separator">|</span>
+    <a class="button" id="helpInfoButton">Help</a>
+    <a class="button" id="termsInfoButton">Terms</a>
+    <a class="button" id="privacyInfoButton">Privacy</a>
+  </footer>
+</body>
+</html>
--- a/template-view.html
+++ b/template-view.html
@ -0,0 +1,162 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>{{dict_name}} | Lexiconga</title>
+  <meta property="description" content="A Lexiconga dictionary by {{public_name}}">
+  <meta name="keywords" content="conlanging, dictionary, dictionaries, lexicon, conlangs, constructed languages, glossopoeia, builder, app, tool">
+  
+  <meta property="og:site_name" content="Lexiconga">
+  <meta property="og:url" content="http://lexicon.ga/{{dict}}">
+  <meta property="og:type" content="website">
+  <meta property="og:title" content="{{dict_name}}">
+  <meta property="og:description" content="A Lexiconga dictionary by {{public_name}}">
+  <meta property="og:image" content="processedImages/logo.png">
+  
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:image:alt" content="Lexiconga logo">
+
+  <script>window.currentDictionary = JSON.parse('{{dict_json}}');</script>
+  <link rel="icon" href="processedImages/favicon.png" type="image/x-icon">
+  <link rel="stylesheet" href="src/main.scss">
+  <script src="src/js/view/index.js"></script>
+</head>
+<body id="defaultTheme">
+  <header id="top">
+    <a href="/" title="Lexiconga"><svg id="title" alt="Lexiconga Logo" viewBox="0 0 249.78 55.087">
+      <g transform="translate(-107.53 -155.84)">
+        <g id="lexi">
+          <path d="m144.03 159.39-11.339 22.409h-21.62l11.339-22.409z" />
+          <path d="m132.69 183.97 11.339 22.409h-21.62l-11.339-22.409z" />
+          <path
+            d="m160.1 186.76v7.0042h-6.1056q-1.2442 0-1.7741 0.36864-0.50688 0.36864-0.50688 1.2442 0 0.99072 0.52992 1.3133 0.52992 0.29952 2.1658 0.29952h6.2899v8.9856h-7.3498q-5.184 0-7.9258-2.4653-2.7418-2.4883-2.7418-7.1655v-12.326q0-4.5159 2.5805-7.0042 2.6035-2.4883 7.3037-2.4883h8.1332v9.0317h-5.9674q-2.4192 0-2.4192 1.5667 0 0.92161 0.576 1.2902 0.57601 0.3456 2.0506 0.3456z" />
+          <path
+            d="m187.75 174.53-8.1792 15.299 8.4557 16.151h-9.8381l-3.8707-7.6263-3.2717 7.6263h-9.6768l8.64-15.898-8.1792-15.552h9.746l3.6634 7.1424 2.9491-7.1424z" />
+          <path d="m198.95 174.53v31.45h-9.3543v-31.45z" />
+        </g>
+        <g id="conga">
+          <path
+            d="m218.5 205.38h-3.2347q-7.6994 0-10.114-3.918-1.8223-2.9613-1.8223-11.481 0-7.5172 1.8223-10.478 2.4146-3.918 9.294-3.918h4.7381q6.5604 0 8.7928 1.8679 2.5513 2.1413 2.5513 8.4739-0.77449-0.13667-1.4123-0.13667-0.68338 0-2.0501 0.13667-1.3668 0.13668-2.0957 0.13668l-1.7768-0.13668q0-2.5057-1.5946-3.3713-1.0934-0.59227-3.6902-0.59227h-1.8679q-3.3258 0-4.5559 1.8679-0.95673 1.4579-0.95673 4.647 0 1.1845 0.0456 3.098 0.0911 1.9135 0.0911 1.959 0 4.0092 1.7768 4.9203 1.0478 0.5467 5.6493 0.5467 2.1868 0 3.0069-0.22779 2.0957-0.59226 2.0957-3.6447 0.45558-0.13668 1.139-0.27335 0.72894-0.13668 1.1845-0.13668 0.68338 0 2.0501 0.2278 1.3668 0.22779 2.0957 0.22779 0.5467 0 0.86561-0.0456 0 6.606-2.7791 8.6106-2.2324 1.6401-9.2484 1.6401zm3.0069-31.208q3.8269 0.68338 7.0616 1.549 0.63782 1.0023 1.0934 2.1412 0.50114 1.139 0.50114 2.0046l-1.5946-3.0524-3.5991-1.4123q-1.4579-0.18224-2.1868-0.18224-0.68338 0-1.6401 0h-3.8725q1.0478-0.13667 2.1868-0.36447 1.6401-0.36447 2.0501-0.68338zm10.797 13.303q-0.50115 0-2.1868-0.45559-0.82006-0.22779-1.3668-0.22779-0.27335 0-0.63782 0.0911-0.31891 0.0456-0.82006 0.2278-1.7312-0.18224-2.7335-0.31891-1.0023-0.13668-1.0934-0.31891l4.5559-0.13668q0.7745 0 1.5034 0 0.72894 0 1.5946 0.13668l-0.0911-8.0183q0.22779 2.1413 0.59226 4.3281 0.36447 2.1412 0.95673 4.6925h-0.27335zm-0.59226 13.531-1.2301-0.22779 0.31891-0.59227q0.0456-0.0911 0.0456-0.91117v-1.3668q0-0.91117 0.2278-1.8679 0.22779-1.0023 0.50114-1.959l0.13668 5.1481v1.7768zm-23.28-25.604q0.13668-0.0456 0.63782-0.31891 0.54671-0.27336 0.72894-0.27336l0.13668 0.18224q0.22779 0 0.68338-0.22779 0.50114-0.27336 0.72893-0.36447 0.2278-0.0911 1.6857-0.13668 1.4579-0.0911 2.7791-0.0911l-3.7358 0.68338-3.6447 0.54671zm8.6561-0.59227-0.95673 0.36447-1.9135-0.13667q1.3212-0.41003 2.688-0.82006l2.369-0.13667q-0.5467 0.13667-1.0023 0.27335-0.41003 0.0911-1.1845 0.45558zm-5.786 14.032q0-0.5467 0.0911-1.0023 0.13668-0.50114 0.36447-1.139v0.50114q0 0.13668 0.31891 2.1413 0.0911 0.59226 0.0911 1.2756v5.5582l-0.86562-4.1458 0.18224-0.59226q0-0.0911-0.0911-1.139-0.0911-1.0478-0.0911-1.4579zm0.72894-5.4215 0.82006-0.63782q-0.36447 0.82005-0.36447 1.6401v0.31891l-0.68338 1.3668zm0.45559 13.759q0.18223 0.0455 1.0023 0.31891 1.0934 0.27335 1.6857 0.27335l3.3258-0.68338q0.27335-0.0456 1.0023-0.18224 0.7745 0 1.5946 0l1.4123-2.4602q-0.36447 1.0478-0.45559 1.4579-0.22779 0.86561-0.22779 1.4579l0.0911 0.22779 0.13667-0.0456q-4.237 0.41002-8.4739 0.77449l-1.0934-1.139zm19.18 4.9659q-0.68338 0.63782-1.6857 1.2756-0.95673 0.63782-1.7312 0.91118 0.41003-0.36447 1.2756-1.0934 0.50115-0.45559 1.139-1.1845l1.0023 0.0911zm-4.8292 3.4169-1.5034 0.0456 2.7335-1.0934q-0.31891 0.22779-0.63782 0.50115-0.31891 0.22779-0.59226 0.5467zm-24.921-21.64-0.13667-4.5103 1.5946-2.2779q1.0023-0.22779 1.6401-0.77449 0.95673-1.0478 1.959-2.1413 0.31891-0.31891 1.7768-0.45558 1.4579-0.13668 3.9636-0.2278-1.0023 0.2278-2.0501 0.50115-1.0478 0.22779-1.959 0.50114-1.7768 0.63782-3.7814 2.2324-2.4146 1.9135-2.5968 3.4625zm5.3759 22.233q-2.688-2.7335-3.9636-7.4716-1.0023-3.7814-1.0023-8.5195 0.22779 1.5946 0.68338 4.647 0.45559 3.0069 1.1845 5.0114 0.13668 0.41002 0.45559 1.2756 0.31891 0.86561 0.63782 1.3668l1.6401 2.1868zm-4.9659-16.811v-2.8702q0-0.41003 0.50115-2.7335 0.50114-2.3235 1.3212-5.6493 0.27335-0.18223 1.7768-1.1845 1.549-1.0478 1.5946-1.4123l0.95673 0.82006q-0.63782 0.0911-1.8679 0.86561-0.86561 0.54671-1.6857 1.2301-0.18223 0.95673-0.50114 1.9135-0.27335 0.95673-0.63782 1.6857 0 0.0456-0.31891 0.45559-0.13668 0.22779-0.18224 0.41003zm20.957 16.447q0.59226 0 0.86561 0.0911-2.1412 0.45558-4.6925 0.95673-2.5057 0.5467-3.6902 0.5467-1.3668 0-3.2802-0.27335-1.8679-0.27335-3.1891-0.63782l-0.72894-1.0478 5.9682 0.7745q0.27335 0.0456 0.91117-0.0456 0.68338-0.0911 0.82005-0.0911 0.0911 0 1.0478 0.0911 1.0023 0.0911 1.3668 0.0911 0.59226 0 2.9158-0.31891 1.0023-0.13668 1.6857-0.13668zm-21.003-9.8407q0.31891 0.54671 0.59226 2.5513 0.0911 0.86561 0.27336 1.0478l0.50114 0.63782-0.0456 0.18224 0.18224 0.36447q0.45558 0.63782 0.59226 1.7312 0.18223 1.0478 0.31891 2.0046l2.0501 2.2779-2.4146-1.8679q-0.72894-2.0046-1.3668-4.0092-0.77449-2.5057-1.8679-6.8794l1.1845 1.959zm26.06-1.2756q-0.68338 0-1.9135-0.0911-1.1845-0.13668-2.5513-0.27336 0.68338-0.36446 3.5991-0.50114 2.9158-0.18223 2.9613-0.18223l-0.63782 0.68337-1.4579 0.36447zm-9.1117-12.027 2.8702 1.0478 0.27335 1.0934q-2.1868-1.0023-4.4192-1.549-2.2324-0.59227-4.4647-0.59227z" />
+          <path
+            d="m262.61 195.81q0 0.77449-0.0911 2.6424-0.0911 1.8223-0.0911 1.959-1.2301 1.7768-2.9613 3.7358 0.91118-1.2756 1.4579-2.1868 1.0934-1.7312 1.0934-2.4146 0-2.4146-0.0911-4.4192-0.31891-6.9249-0.31891-7.426 0-0.59226-0.13668-1.4123-0.31891-1.959-0.31891-2.4146 0-0.72894 0.18224-1.5946 0.18223-0.86561 0.36447-1.7312 0.36446 3.5536 0.63782 7.7905 0.27335 4.1914 0.27335 7.4716zm-12.939 8.9295h-4.0547q-5.9682 0-8.7472-2.688-2.7791-2.688-2.7791-8.6561v-5.1026q0-5.6037 2.9158-8.2917 2.9158-2.688 8.565-2.688h3.6447q5.7859 0 8.7928 2.5513 3.1891 2.7335 3.1891 8.4283v5.1026q0 6.1504-2.688 8.7472-2.688 2.5968-8.8384 2.5968zm4.4192-16.264q0-3.098-1.0934-4.2825-1.0934-1.1845-4.1914-1.1845h-2.4146q-3.0069 0-4.1003 1.1845-1.0934 1.1845-1.0934 4.1914v4.7836q0 3.1435 1.0478 4.4647 1.0934 1.3212 4.1458 1.3212h2.4146q3.0524 0 4.1458-1.3212 1.139-1.3668 1.139-4.5103zm-1.2301-11.8q1.4123 0.45558 3.508 1.5034 1.7312 0.91117 3.4624 1.8224 0.41003 0.59226 0.68338 1.5034 0.0911 0.27335 0.22779 0.86561l0.27336-2.8702q-3.0524-0.63782-5.8315-1.2301-2.7335-0.59226-3.098-0.7745l-1.4123-1.1845q0.54671 0.0911 1.139 0.18223 0.63782 0.0456 1.0478 0.18224zm-14.67 2.0501q-1.8679 1.2756-2.4602 1.9135-0.5467 0.63782-0.82005 1.5946 1.5034-1.549 2.8702-2.8702 1.7312-1.6401 3.0524-2.5968 1.8679-0.22779 3.8269-0.50114t3.5991-0.27335q0.50114 0 1.139 0.13667 0.63782 0.13668 1.4579 0.31891-1.139 0.36447-2.2779 0.50115-1.139 0.0911-2.7791 0.0911-0.86561 0-2.4146-0.0456-1.5034-0.0456-2.1413-0.0456-0.41002 0-1.549 0.72894-0.77449 0.5467-1.5034 1.0478zm17.221 25.832q1.0934-0.50115 2.4146-1.2301 1.5946-0.86562 2.2779-1.2756l-6.3782 4.1458-2.369-1.3212q0.59227-0.13668 2.1868-0.18224 1.6401-0.0455 1.8679-0.13667zm-3.7358 1.6401q-0.68338-0.13668-1.4579-0.27335-0.72894-0.0911-1.139-0.0911l-0.27335 0.0911q-0.22779-0.0911-0.68338-0.27335-0.45558-0.13668-0.82005-0.36447zm-18.315-24.055q1.5946-1.139 3.1891-2.5057 1.9135-1.5946 3.0069-2.8246-0.82006 0.2278-1.549 0.45559-0.72893 0.22779-0.77449 0.27335-1.959 1.6857-2.8246 3.3713-0.86562 1.6401-0.86562 4.1003 0 0.45559 0.18224 1.4579 0.18223 1.0023 0.18223 1.5034l-0.13668 9.5673q-0.13667-1.2756-0.36446-2.9613-0.45559-3.3713-0.45559-5.0114 0-3.7358 0.41003-7.426zm4.4647 21.549q3.3713 1.7312 6.9705 2.0501 0.86561 0.0911 1.6401 0.18224 0.7745 0.0911 1.1845 0.27335-1.6857-0.68338-4.2825-1.2756-6.4693-1.4123-7.3805-1.7312-0.54671-0.63782-1.139-2.0957-0.59226-1.4579-1.2756-4.0547 0.72894 1.4123 2.0501 3.5991 1.7312 2.7791 2.2324 3.0524zm14.989-13.622 0.45558 0.86561-0.0911 6.1048-0.59226-1.5034q0.27335-2.0046 0.27335-3.9636l-0.0456-1.5034zm-0.31891-4.647q0.59226 0.45558 0.82005 1.4123 0.2278 0.95674 0.2278 2.0046l-0.13668 1.2301zm-10.023 0.77449q0 0.68338 0.13667 2.0501 0.13668 1.3668 0.13668 2.0957v2.1868q0 1.3212 0.22779 2.1412 0.41003 1.0934 0.68338 2.0046 0.18223-0.0456 0.82006 0.68338 0.63782 0.68338 0.82005 1.0023l-1.1845-0.36447q-1.5946-1.7768-2.0501-3.4624-0.41003-1.7312-0.41003-4.647v-1.4579q0-1.2756 0.27335-2.3235 0.31891-1.0934 1.1845-1.8224zm9.5673-2.3235q-0.36447 0.41002-1.2301 0.72893-0.82005 0.27336-1.5034 0.27336h-3.508l-1.5034-1.0934 7.745 0.0911zm-4.7836 13.986q0.59226-0.0911 1.2756-0.2278 0.68338-0.13667 1.0934-0.13667l2.4146 0.13667-3.3258 0.72894z" />
+          <path
+            d="m287.51 205.02q-0.82006 0-1.6401 0-0.68338-0.13668-1.0023-0.18224l-11.891-20.274v20.866h-7.1071v-29.431q3.0524-0.36447 5.7859-0.36447 2.4602 0 5.1481 0.36447 2.1412 5.057 4.8292 10.023 2.4146 4.4192 5.7404 9.5673 0-3.2802-0.0911-5.8771-0.31891-9.1573-0.31891-9.7951 0-2.7335 0.0455-3.1436 0.0456-0.45558 0.36447-2.0046h7.0616v29.75q-0.95673 0.13668-2.9158 0.31891-1.9135 0.18224-4.0092 0.18224zm-10.114-31.39q0.0911 0.22779 0.31891 0.63782 0.22779 0.41003 0.31891 0.7745l-0.0456-0.18224q0.2278 0.45559 0.72894 1.4579 0.45559 1.2301 0.91117 2.4146l-1.2301-0.45558q-0.0911-1.0934-0.36447-2.0957-0.22779-1.0023-0.63782-2.5513zm18.725 1.3668v1.959q0 2.6424-0.27335 4.647-0.27335 1.959-1.139 3.2347 0.31891-2.6424 0.45558-5.1026 0.18224-2.4602 0.18224-4.7381zm-0.95673 30.752 0.0456-19.772q0 3.2802 0.31891 9.8407t0.31891 9.8407l-2.2779 0.59226q-1.4123 0-3.1891-0.2278-1.7768-0.22779-3.4169-0.41002l8.2005 0.13667zm-8.4283-12.665q-2.0046-3.4624-4.0092-6.9705-3.0524-5.5126-3.0524-6.8338 2.4146 3.918 3.7358 6.1504 2.4602 4.1914 2.4602 6.3782 0 0.31891-0.0911 0.68338t-0.18223 0.72894l1.139-0.13668zm-14.533-18.406q-2.5057 0.27335-5.2848 0.7745l-1.3212-1.2301zm3.8269-0.22779 1.0023 0.5467-3.3713-0.27335zm5.1026 24.966q2.1868 3.4169 4.5103 6.3782l4.5103 0.27335-4.6014 0.72894q-0.18223-0.27335-0.7745-0.7745-0.5467-0.45558-0.77449-0.91117-1.549-2.8246-3.0524-5.6948-1.7312-3.1891-3.3258-5.7404-1.959-3.098-3.6902-5.1481l1.0934-0.22779q0.27336 2.4602 2.5057 5.9682 1.7768 2.5968 3.5991 5.1481zm-15.9 5.6493q-0.27336-1.7768-0.59227-3.8269-0.27335-2.0501-0.27335-3.4624 0-2.4602 0.63782-12.392 0.27335-4.237 0.27335-7.426 0-0.82006-0.0911-1.4123t-0.31891-2.0957q-0.13668 0.63782-0.2278 1.2301-0.0911 0.5467-0.0911 1.2301 0 2.3235 0.18223 8.2006 0.18224 5.8771 0.31891 10.342 0.18224 4.4647 0.18224 9.6129zm7.6083 0.59227q0.41003-2.6424 0.50115-4.3736 0.13667-1.7768 0.13667-4.8748-0.0456-2.3235-0.0911-4.647-0.0455-2.369-0.0455-4.6925 0.63782 3.6902 0.68337 4.1003 0.0911 0.36447 0.31891 2.2324 0.2278 0.2278 0.27336 1.3212 0.0455 1.0478 0.0455 1.9135l0.18224-0.18223q-0.18224 0.5467-0.36447 1.0934-0.45559 1.4123-1.0023 1.4123-0.41003 0-0.59226-0.31891-0.13668-0.36447-0.13668-0.77449v-0.2278h1.2756l0.0456 8.155-1.2301-0.13667zm-8.4283-28.747q0 1.2756-0.41003 12.848-0.13667 3.8725-0.13667 7.6994h0.45558q0-5.1481-0.22779-11.162-0.22779-6.0137-0.68338-10.57l1.2301-1.0934q-0.22779 1.2756-0.22779 2.2779zm0.68338 29.613 0.18223-0.95673h0.50115q1.7312 0 3.7814 0.22779 2.0957 0.22779 3.7814 0.59226zm29.294-33.076 1.6401 0.59226-0.59226 0.63782q-0.86562-0.0911-1.7768-0.18224-0.91117-0.0911-1.6857-0.0911h-2.2324l-2.7335 0.0911q1.0023-0.59226 2.0046-0.82005 1.0478-0.22779 2.2324-0.22779z" />
+          <path
+            d="m314.06 205.29h-3.1891q-6.4693 0-9.4306-4.2825-2.5513-3.6902-2.5513-10.478 0-7.5627 1.8223-10.752 2.4602-4.2825 9.294-4.2825h4.6014q4.8748 0 7.9728 2.2324 3.508 2.5057 3.508 7.1982h-7.426q-0.31891-1.9135-2.1868-2.5968-1.2756-0.45558-3.6902-0.45558h-1.1845q-3.2347 0-4.3281 1.7312-0.82006 1.3212-0.82006 4.7837v3.5536q0 4.5103 1.3212 5.7404 1.3212 1.1845 5.8771 1.1845 3.5991 0 4.4192-1.0478 0.68337-0.86562 0.68337-4.5559h-5.1937v-5.6948q1.4123 0 4.2825 0.18224 2.8702 0.13667 3.918 0.13667 2.2779 0 4.3281-0.31891v7.4716q0 5.6493-3.2802 8.1094-2.8702 2.1413-8.7472 2.1413zm10.114-29.203 2.0501 2.8246q0.27336 0.86561 0.54671 3.2802 0.13667 1.3212 0.36447 3.3713 0.0456-0.18223-0.45559-0.45558-0.50114-0.27335-0.50114-0.41003 0-0.0911 0.0911-0.59226 0.13668-0.50115 0.13668-0.7745 0-0.77449-0.86561-2.5968-0.86562-1.8679-1.4579-2.2324 0.22779-0.59226 0.59226-0.95673-0.18223-0.13667-0.63782-0.27335-0.41003-0.13668-0.59226-0.22779l0.72894-0.95673zm-3.098-0.31891-3.4169-0.82006q-0.95673 0.0456-1.9135 0.0911-0.95673 0.0456-1.9135 0.0456-0.31891 0-0.63782 0-0.27336 0-0.59227-0.0456l-7.016-0.63782 12.848 0.22779 2.6424 1.139zm2.2779 0.45558v0.27335l-1.7768-0.31891 1.7768 0.0456zm3.9636 14.305-0.13667 0.7745q-0.18224 0.91117-0.31891 2.5057-0.13668 1.549-0.27336 2.7791v-0.36446q0-1.1845 0.0911-3.1436 0.13668-2.0046 0.13668-2.4146 0-0.68338-0.0911-1.2301-0.0911-0.5467-0.13668-0.86561 0.13668 0.41003 0.31891 0.95673 0.2278 0.54671 0.41003 1.0023zm-16.037-7.6538h1.6401q1.549 0.63782 3.2802 1.3212 1.7312 0.63782 3.0069 0.86561l4.7836 0.18223 2.369 0.0911-1.0934 0.63782q-1.7768-0.13667-3.8269-0.27335-2.0501-0.18223-3.098-0.50114-0.18224-0.0456-1.8224-1.2301-1.6401-1.1845-1.9135-1.2756l-3.1435-0.27333zm-8.0639-6.9249q-0.68338 0.5467-2.0501 1.959-1.0023 1.0478-2.0046 2.0501 1.139-2.0957 2.2779-4.237l3.8269-0.68338zm8.9295 17.449q0-1.0934 0.0911-3.6902 0.0911-2.6424 0.0911-2.8246l0.72894 0.18224-0.0456 0.86561q0 0.86561 0.0456 2.5968t0.0456 2.6424l3.6447 1.2756 1.4579 2.688-0.27335-2.5513q-0.0456-0.45559-1.0023-0.59227-0.91117-0.18223-2.4146-0.18223-0.54671 0-1.0023 0.0456-0.41003 0-0.72894 0-0.63782 0-0.63782-0.45559zm11.207 11.162q0.63782 0 0.91118-0.59226 0.68337-1.5946 1.139-3.1891 0.45559-1.6401 0.68338-3.3258l1.139 0.45558-0.36446-0.86561q-0.13668 0.31891-0.36447 1.0023-0.18224 0.68338-0.41003 1.4579-0.86561 2.5968-1.0478 2.8702-0.41003 0.68338-2.369 2.2779-0.18223 0.18223-0.63782 0.27335-0.41002 0.0911-0.77449 0.0911l1.139-0.63783q0.54671 0.18224 0.95673 0.18224zm-15.718-10.433q0-0.22779-0.0911-3.4169-0.0911-3.1891-0.0911-4.5103v-0.5467q0-0.91117 0.18224-1.2301 0.22779-0.31891 0.5467-0.31891t0.59226 0.41003q0.0911 0.13667 0.0911 0.31891 0 1.0934-0.7745 4.4647-1.0934 4.8292-1.139 4.9659l1.6401 3.2802-0.0911 0.0456q-0.0911-0.31891-0.0911-1.139 0-0.82006-0.0911-1.0478-0.0456-0.22779-0.50115-0.86561-0.18223-0.2278-0.18223-0.41003zm1.0934 12.073q2.0501 0 6.1049-0.36447 4.0547-0.36447 6.0593-0.36447l-1.139 0.82006q-0.63782-0.36447-1.0478-0.45559-0.36447-0.0911-1.5946-0.27335-0.50115-0.0456-2.9613 0.50114-2.4602 0.54671-3.0069 0.82006zm-10.433-11.071q-0.31891 0.0911-0.50114 0.45559l1.0478 1.1845q-0.68338-1.4123-0.86562-2.5057-0.13667-1.139-0.13667-3.0069v-2.4146q0-0.59226 0.31891-3.0069 0.13667-1.0478 0.13667-1.7312 0-0.13668-0.27335-0.50115-0.27335-0.36446-0.27335-0.59226 0-0.50114 2.8246-4.6925 2.688-3.9636 2.9613-4.1914l1.8224-0.82006q-1.2756 1.0934-4.4192 5.6493-3.1435 4.5103-3.1435 5.467l-0.0456 3.9636q0 1.3212 0.13668 3.918 0.18223 2.5968 0.41002 2.8246zm-1.6857-5.9226q0.27335 2.3235 0.68338 4.4192 0.41002 2.0501 0.63782 2.4146l-0.2278 0.59226q2.4602 2.5968 4.8292 4.6014 3.098 2.6424 5.9226 4.0547 3.4169 1.7312 6.3782 1.7312l4.1914-0.27335q-1.139-0.18223-5.9682-0.45558-4.8292-0.27336-7.6538-1.3668-0.18224-0.0911-1.9135-1.6857-1.3212-1.2301-1.8679-1.7768-1.7768-1.7768-2.2779-2.369-1.4123-1.6401-1.5946-2.7335-0.13667-1.0934-0.13667-2.0501 0-0.86561 0.13667-2.6424 0.13668-1.7768 0.13668-2.5968zm12.756 8.6561 8.2006-0.0911-0.82005 0.50114-6.4693 0.0456-0.91118-0.45558zm4.6014-10.843 10.57 0.31891q-1.0023 0-2.2324 0.0456-1.1845 0-2.6424 0h-0.95673q-1.139 0-2.5968-0.0456-1.4579-0.0456-2.1413-0.31891z" />
+          <path
+            d="m345.75 204.47-1.6401-6.3782h-8.1094l-1.7312 6.3782h-5.8771l7.0616-26.515h9.1117l7.0616 26.515zm-5.7404-21.504-2.9158 10.752h5.8315zm-2.1413-6.3326q0.18224 0 1.3212 0.13667 1.139 0.0911 1.7768 0.0911 0.59226 0 1.139 0 0.59226-0.0456 1.1845-0.0456h0.82005l-0.0456 0.63782q-0.18223 0-2.9613 0.0911-2.7335 0.0911-3.9636 0.0911h-2.5513q0.45559-0.13668 0.91117-0.36447 0.68338-0.36447 0.72894-0.59226 0.27335-0.0456 0.68338-0.0456t0.95673 0zm7.0616 0.63782 1.139 0.5467q0.59226 2.8246 0.86561 4.237 0.54671 2.5513 1.0934 4.237-1.0934-2.6424-1.7312-4.4647-0.86561-2.4602-1.3668-4.5559zm5.7404 22.688-0.18224 0.41003q-0.0456-0.59226-0.0911-1.2301 0-4.2825-1.0934-7.4716-0.45559-1.3212-1.8679-4.647l0.95673-0.36447q0.59226 3.5536 1.0478 5.467 0.22779 1.0023 2.2779 8.8839l-1.0478-1.0478zm1.0478 1.7312q0.36446 0.95673 0.95673 1.8223 0.95673 1.4123 1.0934 1.5946l-1.0478-0.18223q-0.13667-0.36447-0.45558-1.0478-0.27335-0.68338-0.36447-1.0934-0.0911-0.45558-0.18223-1.0934zm-17.631-22.962 0.68338-0.36446q-1.0023 3.5536-2.1413 7.5172-1.2756 4.4192-2.2324 7.5172-0.41003 1.3212-2.369 7.5627 1.3212-5.6037 2.8702-11.162 0.45558-1.6857 3.1891-11.071zm6.2871 19.454q0.86562 0 1.959 0.18223 0.36447 0.0456 1.139 0.18223l-0.18223-0.45558q-2.9158 0-4.2825 0.50114-0.31891 0.13668-2.7791 1.1845l0.54671-1.4579zm-13.394 6.2415q0.86561-1.0934 2.369-7.0616 0.95673-3.9636 1.9135-7.9728l-3.4625 15.809zm6.1048-24.647 0.27335-0.18223q-0.7745 2.9158-1.7312 6.196-0.91117 3.2802-2.0046 6.7427 0.68337-3.2347 1.4123-6.4693 1.0023-4.0547 2.0501-6.2871zm10.387 20q0.36447-0.0456 1.0023 2.5513 0.68338 2.5968 1.0478 2.5968 0.86561 0 1.8223 0t2.0046-0.0456q1.3212 0 2.0957 0.0456 0.82006 0.0456 1.5946 0.27335-0.50114 0.31891-1.6857 0.41003-1.139 0.0911-2.0046 0.0911l-5.1026-0.13667q-0.13668 0.0456-0.18224-0.13668 0-0.18223 0-0.63782v-0.68338q0-0.63782-0.18223-1.7768-0.18224-1.1845-0.41003-2.5513zm-7.745 0.77449q0.18223 0.59226 0.18223 1.4579 0 0.5467-0.0456 1.1845-0.0455 0.63782-0.0455 0.68338l0.13667 1.4123h-1.8679q-1.139 0-3.7814-0.0911-2.6424-0.0911-2.8246-0.0911 4.237 0 7.6538-0.36447 0.13667-0.45558 0.18223-1.2301 0.0456-0.77449 0.0456-0.86561 0.18223-0.0911 0.27335-1.0023 0.0911-0.95673 0.0911-1.0934zm6.0137-11.982-1.2301-2.5057 1.0934 4.237zm0.54671 4.5559-0.54671 0.22779-0.0456-0.86561v-0.27335l0.0456-0.50115zm-2.2779-8.7017-1.9135 8.7017 3.0524-0.0456 0.0911 0.41003h-3.6447l2.4146-9.0662z" />
+        </g>
+      </g>
+    </svg></a>
+
+    <input id="openSearchModal" title="Open Search Panel" placeholder="🔍&#xFE0E; Search"> <span id="searchResults"></span>
+    <section id="searchModal" class="modal" style="display:none;">
+      <div class="modal-background" onclick="this.parentElement.style.display='none';"></div>
+      <div class="modal-content">
+        <a class="close-button" onclick="this.parentElement.parentElement.style.display='none';">&times;&#xFE0E;</a>
+        <section>
+          <label>Search Term
+            <input id="searchBox" placeholder="Search term">
+          </label>
+          <a id="searchButton" class="small button">Search</a>
+          <a id="clearSearchButton" class="small red button">Clear</a>
+          <a class="small button" onclick="var options=document.getElementById('searchOptions').style;options.display=options.display=='block'?'none':'block';">
+            Toggle Options
+          </a>
+        </section>
+        <footer id="searchOptions" style="display:none;">
+          <div class="split">
+            <div class="quarter category">
+              <h3>Search For</h3>
+            </div>
+            <div class="three-quarter options">
+              <label>Case-Sensitive
+                <input type="checkbox" id="searchCaseSensitive">
+              </label>
+              <label>Ignore Diacritics/Accents
+                <input type="checkbox" id="searchIgnoreDiacritics">
+              </label>
+              <label>Exact Words
+                <input type="checkbox" id="searchExactWords">
+              </label>
+            </div>
+          </div>
+          <div class="split">
+            <div class="quarter category">
+              <h3>Include in Search</h3>
+            </div>
+            <div class="three-quarter options">
+              <label>Word Name
+                <input type="checkbox" checked id="searchIncludeName">
+              </label>
+              <label>Definition
+                <input type="checkbox" checked id="searchIncludeDefinition">
+              </label>
+              <label>Details
+                <input type="checkbox" checked id="searchIncludeDetails">
+              </label>
+            </div>
+          </div>
+          <div class="split">
+            <div class="quarter category">
+              <h3>Include Only</h3>
+            </div>
+            <div class="three-quarter options" id="searchPartsOfSpeech"></div>
+          </div>
+        </footer>
+      </div>
+    </section>
+
+    <div style="clear:both;"></div>
+  </header>
+
+  <main>
+    <section id="mainColumn">
+      <section id="detailsSection">
+        <a id="dictionaryShare" href="./" class="button" title="Link to Dictionary" style="float:right;">&#10150;</a>
+        <h2 id="dictionaryName">{{dict_name}}</h2>
+        <h4>Created by {{public_name}}</h4>
+        <nav>
+          <ul>
+            <li>Description</li><li>Details</li><li>Stats</li>
+          </ul>
+        </nav>
+        <article id="detailsPanel" style="display:none;">
+          <p>The dictionary details</p>
+        </article>
+      </section>
+
+      <section class="pagination"></section>
+
+      <section id="entries">
+        <article class="entry">
+          <header>
+            <h4 class="word">Loading Words</h4>
+          </header>
+          <dl>
+            <dt class="definition">Please Wait...</dt>
+          </dl>
+        </article>
+      </section>
+      
+      <section class="pagination"></section>
+    </section>
+  </main>
+
+  <footer id="bottom">
+    <a href="https://liberapay.com/robbieantenesse" target="_blank" rel="noopener" class="small button">Support Lexiconga</a>
+    <a href="https://blog.lexicon.ga" target="_blank" rel="noopener" class="small button">Blog</a>
+    <a href="./advertising.html" target="_blank" class="small button">Advertise</a>
+    <a href="https://github.com/Alamantus/Lexiconga/issues" target="_blank" rel="noopener" class="small button">Issues</a>
+    <a href="https://github.com/Alamantus/Lexiconga/releases" target="_blank" rel="noopener" class="small button">Updates</a>
+    <span class="separator">|</span>
+    <a class="button" id="helpInfoButton">Help</a>
+    <a class="button" id="termsInfoButton">Terms</a>
+    <a class="button" id="privacyInfoButton">Privacy</a>
+  </footer>
+
+  <div id="messagingSection"></div>
+</body>
+</html>
--- a/view.html
+++ b/view.html
@ -1,340 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>{{dict_name}} | Lexiconga</title>
-  <meta property="og:url" content="http://lexicon.ga/{{dict}}" />
-  <meta property="og:type" content="article" />
-  <meta property="og:title" content="{{dict_name}}" />
-  <meta property="og:description" content="A Lexiconga dictionary by {{public_name}}" />
-  <!--meta property="og:image" content="http://lexicon.ga/images/logo.svg" /-->
-  <script>window.currentDictionary = JSON.parse('{{dict_json}}');</script>
-  <script src="src/js/view/index.js"></script>
-</head>
-<body>
-  <header id="top">
-    <h1 id="title">Lexiconga</h1>
-
-    <input id="openSearchModal" placeholder="🔍&#xFE0E; Search"> <span id="searchResults"></span>
-    <section id="searchModal" class="modal" style="display:none;">
-      <div class="modal-background" onclick="this.parentElement.style.display='none';"></div>
-      <div class="modal-content">
-        <a class="close-button" onclick="this.parentElement.parentElement.style.display='none';">&times;&#xFE0E;</a>
-        <section>
-          <label>Search Term
-            <input id="searchBox" placeholder="Search term">
-          </label>
-          <a id="searchButton" class="small button">Search</a>
-          <a id="clearSearchButton" class="small red button">Clear</a>
-          <a class="small button" onclick="var options=document.getElementById('searchOptions').style;options.display=options.display=='block'?'none':'block';">
-            Toggle Options
-          </a>
-        </section>
-        <footer id="searchOptions" style="display:none;">
-          <div class="split">
-            <div class="quarter category">
-              <h3>Search For</h3>
-            </div>
-            <div class="three-quarter options">
-              <label>Case-Sensitive
-                <input type="checkbox" id="searchCaseSensitive">
-              </label>
-              <label>Ignore Diacritics/Accents
-                <input type="checkbox" id="searchIgnoreDiacritics">
-              </label>
-              <label>Exact Words
-                <input type="checkbox" id="searchExactWords">
-              </label>
-            </div>
-          </div>
-          <div class="split">
-            <div class="quarter category">
-              <h3>Include in Search</h3>
-            </div>
-            <div class="three-quarter options">
-              <label>Word Name
-                <input type="checkbox" checked id="searchIncludeName">
-              </label>
-              <label>Definition
-                <input type="checkbox" checked id="searchIncludeDefinition">
-              </label>
-              <label>Details
-                <input type="checkbox" checked id="searchIncludeDetails">
-              </label>
-            </div>
-          </div>
-          <div class="split">
-            <div class="quarter category">
-              <h3>Include Only</h3>
-            </div>
-            <div class="three-quarter options" id="searchPartsOfSpeech"></div>
-          </div>
-        </footer>
-      </div>
-    </section>
-
-    <!-- div id="headerMenu">
-      <a id="settingsButton" class="button">Settings</a>
-      <a id="loginCreateAccountButton" class="button">Log In&nbsp;/ Create Account</a>
-    </div -->
-    <div style="clear:both;"></div>
-  </header>
-
-  <main>
-    <!--aside id="sideColumn">
-      <div id="mobileWordFormShow">+</div>
-      <form id="wordForm">
-        <label>Word<span class="red">*</span><br>
-          <input id="wordName" maxlength="200">
-        </label>
-        <label>Pronunciation<a class="label-button ipa-table-button">IPA Chart</a><br>
-          <input id="wordPronunciation" class="ipa-field" maxlength="200"><br>
-          <a class="label-help-button ipa-field-help-button">Field Help</a>
-        </label>
-        <label>Part of Speech<br>
-          <select id="wordPartOfSpeech" class="part-of-speech-select"></select>
-        </label>
-        <label>Definition<span class="red">*</span><br>
-          <input id="wordDefinition" maxlength="2500" placeholder="Equivalent words">
-        </label>
-        <label>Details<span class="red">*</span><a class="label-button maximize-button">Maximize</a><br>
-          <textarea id="wordDetails" placeholder="Markdown formatting allowed"></textarea>
-        </label>
-        <div id="wordErrorMessage"></div>
-        <a class="button" id="addWordButton">Add Word</a>
-      </form>
-    </aside -->
-    
-    <section id="mainColumn">
-      <section id="detailsSection">
-        <h2 id="dictionaryName">Dictionary Name</h2>
-        <nav>
-          <ul>
-            <li>Description</li><li>Details</li><li>Stats</li><!-- li id="editDictionaryButton">Edit</li -->
-          </ul>
-        </nav>
-        <article id="detailsPanel" style="display:none;">
-          <p>The dictionary details</p>
-        </article>
-      </section>
-
-      <section class="pagination"></section>
-
-      <section id="entries">
-        <article class="entry">
-          <header>
-            <h4 class="word">Loading Words</h4>
-          </header>
-          <dl>
-            <dt class="definition">Please Wait...</dt>
-          </dl>
-        </article>
-      </section>
-      
-      <section class="pagination"></section>
-    </section>
-  </main>
-
-  <footer id="bottom">
-    <a href="https://buymeacoff.ee/robbieantenesse" target="_blank" class="small button">Support Lexiconga</a>
-    <a href="https://blog.lexicon.ga" target="_blank" class="small button">Blog</a>
-    <a href="https://github.com/Alamantus/Lexiconga/issues" target="_blank" class="small button">Issues</a>
-    <a href="https://github.com/Alamantus/Lexiconga/releases" target="_blank" class="small button">Updates</a>
-    |
-    <a class="button" id="helpInfoButton">Help</a>
-    <a class="button" id="termsInfoButton">Terms</a>
-    <a class="button" id="privacyInfoButton">Privacy</a>
-  </footer>
-
-  <!-- section id="settingsModal" class="modal" style="display:none;">
-    <div class="modal-background" onclick="this.parentElement.style.display='none';"></div>
-    <div class="modal-content">
-      <a class="close-button" onclick="this.parentElement.parentElement.style.display='none';">&times;&#xFE0E;</a>
-      <section>
-        <form class="split two">
-          <div>
-            <h3>General Settings</h3>
-            <label>Use IPA Auto-Fill
-              <input id="settingsUseIPA" type="checkbox" checked><br />
-              <small>Check this to use character combinations to input International Phonetic Alphabet characters into
-                Pronunciation fields.</small>
-            </label>
-
-            <label>Use Hotkeys
-              <input id="settingsUseHotkeys" type="checkbox" checked><br />
-              <small>Check this to enable keyboard combinations to perform different helpful actions.</small>
-            </label>
-    
-            <label>Theme
-              <select disabled>
-                <option selected value="default">Default</option>
-                <option value="dark">Dark</option>
-                <option value="light">Light</option>
-                <option value="blue">Blue</option>
-                <option value="green">Green</option>
-                <option value="royal">Royal</option>
-              </select>
-            </label>
-            <div id="accountSettings"></div>
-          </div>
-          <div id="accountActions"></div>
-        </form>
-      </section>
-      <footer>
-        <a class="button" id="settingsSave">Save</a>
-        <a class="button" id="settingsSaveAndClose">Save &amp; Close</a>
-        <a class="red button" onclick="this.parentElement.parentElement.parentElement.style.display='none';">Close Without Saving</a>
-      </footer>
-    </div>
-  </section -->
-
-  <!-- section id="editModal" class="modal" style="display:none;">
-    <div class="modal-background" onclick="this.parentElement.style.display='none';"></div>
-    <div class="modal-content">
-      <a class="close-button" onclick="this.parentElement.parentElement.style.display='none';">&times;&#xFE0E;</a>
-      <nav class="tabs">
-        <ul>
-          <li class="active">Description</li><li>Details</li><li>Settings</li><li>Actions</li>
-        </ul>
-      </nav>
-      <section id="editDescriptionTab">
-        <label>Name<br>
-          <input id="editName" maxlength="50">
-        </label>
-        <label>Specification<br>
-          <input id="editSpecification" maxlength="50">
-        </label>
-        <label>Description<a class="label-button maximize-button">Maximize</a><br>
-          <textarea id="editDescription"></textarea>
-        </label>
-      </section>
-
-      <section id="editDetailsTab" style="display:none;">
-        <label>Parts of Speech <small>(Comma Separated List)</small><br>
-          <input id="editPartsOfSpeech" maxlength="2500" placeholder="Noun,Adjective,Verb">
-        </label>
-        <label>Alphabetical Order <small>(Comma Separated List. Include every letter!)</small><br>
-          <input id="editAlphabeticalOrder" disabled value="English Alphabet">
-        </label>
-        <h3>Phonology</h3>
-        <div class="split three">
-          <div>
-            <label>Consonants<br>
-              <small>(Space separated list)</small><br>
-              <input id="editConsonants" class="ipa-field" maxlength="100" placeholder="p b m n t ..."><br>
-              <a class="label-help-button ipa-field-help-button">Field Help</a>
-              <a class="label-button ipa-table-button">IPA Chart</a>
-            </label>
-          </div>
-          <div>
-            <label>Vowels<br>
-              <small>(Space separated list)</small><br>
-              <input id="editVowels" class="ipa-field" maxlength="100" placeholder="æ u e ɪ ..."><br>
-              <a class="label-help-button ipa-field-help-button">Field Help</a>
-              <a class="label-button ipa-table-button">IPA Chart</a>
-            </label>
-          </div>
-          <div>
-            <label>Polyphthongs&nbsp;/ Blends<br>
-              <small>(Space separated list)</small><br>
-              <input id="editBlends" class="ipa-field" maxlength="100" placeholder="ai ou ue ..."><br>
-              <a class="label-help-button ipa-field-help-button">Field Help</a>
-              <a class="label-button ipa-table-button">IPA Chart</a>
-            </label>
-          </div>
-        </div>
-        <h3>Phonotactics</h3>
-        <div class="split three">
-          <div>
-            <label>Onset<br>
-              <small>(Comma separated list)</small><br>
-              <input id="editOnset" maxlength="100" placeholder="Consonants,Vowels">
-            </label>
-          </div>
-          <div>
-            <label>Nucleus<br>
-              <small>(Comma separated list)</small><br>
-              <input id="editNucleus" maxlength="100" placeholder="Vowels,Blends">
-            </label>
-          </div>
-          <div>
-            <label>Coda<br>
-              <small>(Comma separated list)</small><br>
-              <input id="editCoda" maxlength="100" placeholder="Any">
-            </label>
-          </div>
-        </div>
-        <label>Exceptions <small>(Markdown-enabled)</small><br>
-          <textarea id="editExceptions"></textarea>
-        </label>
-        <h3>Orthography</h3>
-        <label>Notes <small>(Markdown-enabled)</small><a class="label-button maximize-button">Maximize</a><br>
-          <textarea id="editOrthography"></textarea>
-        </label>
-        <h3>Grammar</h3>
-        <label>Notes <small>(Markdown-enabled)</small><a class="label-button maximize-button">Maximize</a><br>
-          <textarea id="editGrammar"></textarea>
-        </label>
-      </section>
-
-      <section id="editSettingsTab" style="display:none;">
-        <label>Prevent Duplicate Words
-          <input type="checkbox" id="editPreventDuplicates"><br>
-          <small>Checking this box will prevent the creation of words with the exact same spelling.</small>
-        </label>
-        <label>Words are Case-Sensitive
-          <input type="checkbox" id="editCaseSensitive"><br>
-          <small>Checking this box will allow the creation of words with the exact same spelling if their capitalization is different.</small>
-        </label>
-        <label>Sort by Definition
-          <input type="checkbox" id="editSortByDefinition"><br>
-          <small>Checking this box will sort the words in alphabetical order based on the Definition instead of the Word.</small>
-        </label>
-      </section>
-
-      <section id="editActionsTab" style="display:none;">
-        <h3>Import&nbsp;/ Export</h3>
-        <div class="split two">
-          <div>
-            <p>
-              <label class="button">Import JSON <input type="file" id="importDictionaryFile" accept="application/json, .dict"><br>
-                <small>Import a previously-exported <code>JSON</code> file.</small>
-              </label>
-            </p>
-            <p>
-              <label class="button">Import Words <input type="file" id="importWordsCSV" accept="text/csv, .csv"><br>
-                <small>Import a CSV file of words.</small>
-              </label>
-              <a class="small button" download="Lexiconga_import-template.csv" href="data:text/csv;charset=utf-8,%22word%22,%22pronunciation%22,%22part of speech%22,%22definition%22,%22explanation%22%0A">Download an example file with the correct formatting</a>
-            </p>
-          </div>
-          <div>
-            <p>
-              <a class="button" id="exportDictionaryButton">Export JSON</a><br>
-              <small>Export your work as a <code>JSON</code> file to re-import later.</small>
-            </p>
-            <p>
-              <a class="button" id="exportWordsButton">Export Words</a><br>
-              <small>Export a CSV file of your words.</small>
-            </p>
-          </div>
-        </div>
-        <p>
-          <a class="red button" id="deleteDictionaryButton">Delete Dictionary</a><br>
-          <small>This will permanently delete your current dictionary, and it will not be possible to return it if you have not backed it up!</small>
-        </p>
-      </section>
-
-      <footer>
-        <a class="button" id="editSave">Save</a>
-        <a class="button" id="editSaveAndClose">Save &amp; Close</a>
-        <a class="red button" onclick="this.parentElement.parentElement.parentElement.style.display='none';">Close Without Saving</a>
-      </footer>
-    </div>
-  </section -->
-
-  <div id="messagingSection"></div>
-</body>
-</html>
--- a/yarn.lock
+++ b/yarn.lock
Author	SHA1	Message	Date
Robbie Antenesse	90ac6b8a26	Various fixes/notes for server compatibility	2019-06-11 12:47:12 -06:00
Robbie Antenesse	b634add766	Make #mobileWordFormShow visible in all themes	2019-06-10 20:15:53 -06:00
Robbie Antenesse	9f41749c4a	Don't consider theme when checking if default	2019-06-10 20:13:01 -06:00
Robbie Antenesse	b9eae6397b	Update advertising page content	2019-06-10 13:08:08 -06:00
Robbie Antenesse	c1327b337d	Remove unneeded console logs and code	2019-06-10 12:39:45 -06:00
Robbie Antenesse	0d18722c83	Add social meta and logo	2019-06-10 11:52:37 -06:00
Robbie Antenesse	45bff6a2af	Fix accessibility & best practice issues	2019-06-10 11:28:30 -06:00
Robbie Antenesse	8d42091add	Add metadata & manifest to html; Process icons	2019-06-10 10:59:51 -06:00
Robbie Antenesse	258e172761	Assorted minor fixes	2019-06-09 15:10:50 -06:00
Robbie Antenesse	5c8384fd82	Correctly clear dist and cache with npm scripts	2019-06-09 13:05:08 -06:00
Robbie Antenesse	8b1462f465	Confirm migration if imported from http	2019-06-09 13:04:16 -06:00
Robbie Antenesse	e309ce1fb4	Migrate stored dictionary to https if loading http	2019-06-09 12:57:28 -06:00
Robbie Antenesse	54aa0e2667	Update support links; Clean up html	2019-06-07 23:23:34 -06:00
Robbie Antenesse	a62d444b5b	Improve ad shuffling	2019-06-07 23:12:47 -06:00
Robbie Antenesse	3e4db6cb3c	Dismiss announcements with cookies that expire	2019-06-07 23:03:24 -06:00
Robbie Antenesse	2e16f5310e	Enable permanently dismissing announcements	2019-06-07 22:42:13 -06:00
Robbie Antenesse	5b2aca4592	Add fade out for messages; Remove unused utility	2019-06-07 22:36:00 -06:00
Robbie Antenesse	5e75735acd	Update ads and announcements	2019-06-07 21:50:15 -06:00
Robbie Antenesse	4dbcb740f4	Fix User->upgradePassword() missing user	2019-06-07 17:00:55 -06:00
Robbie Antenesse	abb1854d0f	Write and test migration script; Update readme	2019-06-07 17:00:30 -06:00
Robbie Antenesse	d3ed1d1e41	Change user dates to datetime format	2019-06-07 14:54:30 -06:00
Robbie Antenesse	dd428abdee	Update migrateDictionary to account for changes	2019-06-07 11:18:43 -06:00
Robbie Antenesse	f52fcb08d5	Correctly show/hide publicLinkDisplay after changing dictionaries	2019-06-07 10:52:53 -06:00
Robbie Antenesse	ab75db9a39	Don't upload dictionaries have not been edited	2019-06-06 16:06:17 -06:00
Robbie Antenesse	428af8897e	Put homonymn number on public dictionary entries	2019-06-06 15:41:30 -06:00
Robbie Antenesse	03f65ec6b6	Automate UpUp asset reference via router.php	2019-06-06 15:08:00 -06:00
Robbie Antenesse	e431dacd1d	Style announcements	2019-06-06 13:17:41 -06:00
Robbie Antenesse	a881adc667	Move index to template-index.html; Use router to render index Makes it possible to render announcements more easily	2019-06-06 13:17:13 -06:00
Robbie Antenesse	140f3c5c8f	Move router.php to root; use realpath for file refs	2019-06-06 13:14:46 -06:00
Robbie Antenesse	07703f7628	Update UpUp asset	2019-06-06 11:51:20 -06:00
Robbie Antenesse	4134976cd7	Sort words in public view correctly	2019-06-06 11:50:26 -06:00
Robbie Antenesse	4bf0c9c692	Always show IPA table button in pronunciation fields	2019-06-06 11:36:27 -06:00
Robbie Antenesse	b4d9635d15	Only split out html/md files;Fix page load problem	2019-06-06 11:25:17 -06:00
Robbie Antenesse	11167a639b	Shrink view js by splitting out only what is needed	2019-06-06 11:03:00 -06:00
Robbie Antenesse	345b606571	Add UpUp for offline mode; Update Readme for UpUp	2019-06-05 17:34:56 -06:00
Robbie Antenesse	6b6f1fc180	Prevent Parcel from removing ids from SVGs	2019-06-05 17:29:16 -06:00
Robbie Antenesse	ae22d44229	Fix settings not existing before being used	2019-06-05 17:28:49 -06:00
Robbie Antenesse	cf2bbe45cd	Update Terms and Privacy	2019-06-05 15:37:14 -06:00
Robbie Antenesse	4c539123da	Fully update Help file	2019-06-05 15:12:28 -06:00
Robbie Antenesse	1e3131d058	Finish up password reset	2019-06-05 12:45:05 -06:00
Robbie Antenesse	db373aaadd	Rename view.html for the router to template-view.html	2019-06-05 12:42:39 -06:00
Robbie Antenesse	0ce16dfe20	Make sure php files can be used anywhere	2019-06-05 11:42:00 -06:00
Robbie Antenesse	777c9fbf9a	Transition all style changes with a fade	2019-06-04 16:47:37 -06:00
Robbie Antenesse	0e71a2a104	Update ads	2019-06-04 15:39:48 -06:00
Robbie Antenesse	6476315459	Re-upgrade parcel-bundler, use no-hmr as workaround	2019-06-04 11:34:16 -06:00
Robbie Antenesse	9b93b30ce4	Add simple text ads shuffled into words	2019-06-04 11:32:48 -06:00
Robbie Antenesse	e4f87c033a	Add logo and favicon; style logo for each theme	2019-06-03 16:38:31 -06:00
Robbie Antenesse	5c38f2f53a	Fix header#top suddenly having a margin	2019-06-03 14:36:01 -06:00
Robbie Antenesse	441dfb4d6e	Downgrade parcel-bundler to 1.9.7; minor fixes Newer versions incorrectly link html files: https://github.com/parcel-bundler/parcel/issues/2791	2019-06-03 14:36:00 -06:00
Robbie Antenesse	e9c6cd7824	Create an Advertising information page	2019-06-03 14:35:44 -06:00
Robbie Antenesse	cf2ab82b12	Process main.scss in html so parcel shares the output	2019-06-03 11:50:39 -06:00
Robbie Antenesse	f112e3b143	Start writing password reset	2019-05-31 17:24:41 -06:00
Robbie Antenesse	1735c00d53	Make view.html use dictionary theme	2019-05-31 13:15:14 -06:00
Robbie Antenesse	80996d1bf3	Tie theme to dictionary instead of settings	2019-05-31 13:11:01 -06:00
Robbie Antenesse	e196ddfdd0	Replace leftover isComplete with theme	2019-05-31 13:04:49 -06:00
Robbie Antenesse	afb1a08187	Fix typo in Sync preventing publicLink from being set	2019-05-31 13:03:24 -06:00
Robbie Antenesse	ab986fe89b	Make view.html use defaultTheme	2019-05-31 12:43:11 -06:00
Robbie Antenesse	a1c73c25b9	Create Red theme	2019-05-31 12:10:20 -06:00
Robbie Antenesse	26ead0cd69	Fix Royal link color	2019-05-31 12:05:17 -06:00
Robbie Antenesse	116cc75cd4	Create Yellow theme	2019-05-31 12:04:37 -06:00
Robbie Antenesse	a6d4a77eb9	Add themes to stylesheet	2019-05-31 11:57:52 -06:00
Robbie Antenesse	e65482b282	Create Royal theme	2019-05-31 11:57:43 -06:00
Robbie Antenesse	2c85c39c99	Create Mint and Grape themes	2019-05-31 11:54:57 -06:00
Robbie Antenesse	608150a6ab	Create Green theme	2019-05-31 11:53:39 -06:00
Robbie Antenesse	b7e1232563	Create Blue theme	2019-05-31 11:53:30 -06:00
Robbie Antenesse	39f5f30050	Create Light theme	2019-05-31 11:18:13 -06:00
Robbie Antenesse	9104e05763	Create Dark theme	2019-05-31 11:18:13 -06:00
Robbie Antenesse	21f89eb564	Update border around inputs	2019-05-31 11:18:13 -06:00
Robbie Antenesse	13e36b7d92	Remove non-color styling from theme; Button styling fixes	2019-05-31 11:18:12 -06:00
Robbie Antenesse	bfeea0da55	Make the default theme use Lexiconga colors!	2019-05-30 17:06:57 -06:00
Robbie Antenesse	602a5a136f	Enable changing themes	2019-05-30 17:05:59 -06:00
Robbie Antenesse	ca43c05b60	Split all colors into a _defaultTheme.scss	2019-05-30 15:47:50 -06:00
Robbie Antenesse	ca1bb63295	Update footer styling	2019-05-30 14:59:38 -06:00
Robbie Antenesse	f545f5c786	Show/remove share link if turning off Make Public	2019-05-30 14:21:09 -06:00
Robbie Antenesse	47964bcd53	Fix IPA field help rendering; Use arrows in usage.html	2019-05-30 14:11:06 -06:00
Robbie Antenesse	7221a094bc	Add prominent share links if logged in or viewing	2019-05-30 14:01:34 -06:00
Robbie Antenesse	b4687cd992	Parse references on backend for view	2019-05-30 13:59:53 -06:00
Robbie Antenesse	cbe1099a5c	Correctly link public word references	2019-05-30 12:18:59 -06:00
Robbie Antenesse	d820aa87cc	Add public word view	2019-05-30 11:20:02 -06:00
Robbie Antenesse	afea58de6a	Make parseReferences() parse its own references	2019-05-30 11:18:16 -06:00
Robbie Antenesse	b50da238ae	Add failed login lockout	2019-05-29 16:50:57 -06:00
Robbie Antenesse	cdc3673d84	Fix login error message	2019-05-29 16:50:56 -06:00
Robbie Antenesse	cc60512859	Prevent rendering reference if specified does not exist	2019-05-29 16:50:56 -06:00
Robbie Antenesse	10e26fac60	Add share links to words (word view not added yet)	2019-05-29 16:50:56 -06:00
Robbie Antenesse	1ff4060803	Use domain + pathname for public links instead of href	2019-05-29 16:50:26 -06:00
Robbie Antenesse	55374631c7	Auto-number homonymns; enable referencing specific homonymns	2019-05-28 23:45:32 -06:00
Robbie Antenesse	8775d03576	Make sure publicLink is populated even when nonexistent	2019-05-28 23:12:51 -06:00
Robbie Antenesse	6aab9f4ea1	Add error message if public dictionary not found	2019-05-28 22:23:59 -06:00
Robbie Antenesse	538e20b8c6	Prevent iOS from zooming on inputs	2019-05-28 22:17:26 -06:00
Robbie Antenesse	568fab0ac1	Make public link visible when public; copy on click	2019-05-28 17:01:29 -06:00