Create an index.html page with several sections:

• Welcome - text and links to create or load a puzzle
• Create a puzzle - a form to create a puzzle with the following fields:
  • author - author of the puzzle
  • title - title of the puzzle
  • date - date of the puzzle [YYYY-MM-DD] (default to today's date)
  • width - the width of the grid in squares
  • height - the height of the grid in squares
• Grid - the puzzle grid and settings
• Load a Puzzle - tools to load an existing puzzle
  • EPS - load files from BarGrids and BarGrids2
  • HEX - load HEX files
  • SVG - load files from BarGrids 3
• Save a Puzzle - tools to save a puzzle
  • EPS - save in EPS format
  • HEX - save in HEX format
  • HTML - save in HTML (TABLE) format
  • SVG - save in SVG format

Include a favicon as well.

Enable the following keyboard and mouse commands in the grid editor:

• arrow-right - move to the input to right, or the first entry on the next row if we're at the end of a row, or to the top-right if we're in the bottom-right.
• arrow-left - move to the input to the left, or to the last entry on the previous row if we're at the end of a row, or to the bottom-right if we're in the top-left.
• arrow-down - move to the input below, or to the first input in the next column, or to the top-left if we're in the bottom-right.
• arrow-up - move to the input above, or to the first input on the previous column, or to the bottom-right if we're in the top-left.
• backspace - delete the current character or retreat if the cell is already empty.
• delete - empty a cell.
• double-click - toggle empty on a cell
• enter - add a left bar, if direction is across, or a top bar, if direct is down.
• tab - advance to the next cell (right if across or down if down)
• shift-tab - retreat to the previous cell (left if across or up if down)
• space - same as tab character
• # - toggle the block on a cell
• / - change direction (across/down)
• ? - enable rebus mode
• meta-/ - disable rebus mode