commit 857aa1af52a94d73a5713fa798f4a250015ec853
Author: Anthony Correa <a@correa.co>
Date:   Thu Sep 7 14:23:30 2023 -0500

    initial commit

diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 0000000..e69de29
diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 0000000..31eeee0
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1,7 @@
+# See https://git-scm.com/docs/gitattributes for more about git attribute files.
+
+# Mark the database schema as having been generated.
+db/schema.rb linguist-generated
+
+# Mark any vendored files as having been vendored.
+vendor/* linguist-vendored
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..1d9da8d
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,143 @@
+.env
+var
+
+#ide
+/.nova
+
+# certs
+config/certs/*.pem
+
+# See https://help.github.com/articles/ignoring-files for more about ignoring files.
+#
+# If you find yourself ignoring temporary files generated by your text editor
+# or operating system, you probably want to add a global ignore instead:
+#   git config --global core.excludesfile '~/.gitignore_global'
+
+# Ignore bundler config.
+/.bundle
+
+# Ignore the default SQLite database.
+/db/*.sqlite3
+/db/*.sqlite3-*
+
+# Ignore all logfiles and tempfiles.
+/log/*
+/tmp/*
+!/log/.keep
+!/tmp/.keep
+
+# Ignore pidfiles, but keep the directory.
+/tmp/pids/*
+!/tmp/pids/
+!/tmp/pids/.keep
+
+# Ignore uploaded files in development.
+/storage/*
+!/storage/.keep
+/tmp/storage/*
+!/tmp/storage/
+!/tmp/storage/.keep
+
+/public/assets
+
+# Ignore master key for decrypting credentials and more.
+/config/master.key
+
+# MacOS
+# https://github.com/github/gitignore/blob/main/Global/macOS.gitignore
+# General
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+# Thumbnails
+._*
+
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+.com.apple.timemachine.donotpresent
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+*.rbc
+capybara-*.html
+.rspec
+/db/*.sqlite3
+/db/*.sqlite3-journal
+/db/*.sqlite3-[0-9]*
+/public/system
+/coverage/
+/spec/tmp
+*.orig
+rerun.txt
+pickle-email-*.html
+
+# Ignore all logfiles and tempfiles.
+/log/*
+/tmp/*
+!/log/.keep
+!/tmp/.keep
+
+# TODO Comment out this rule if you are OK with secrets being uploaded to the repo
+config/initializers/secret_token.rb
+config/master.key
+
+# Only include if you have production secrets in this file, which is no longer a Rails default
+# config/secrets.yml
+
+# dotenv, dotenv-rails
+# TODO Comment out these rules if environment variables can be committed
+.env
+.env*.local
+
+## Environment normalization:
+/.bundle
+/vendor/bundle
+
+# these should all be checked in to normalize the environment:
+# Gemfile.lock, .ruby-version, .ruby-gemset
+
+# unless supporting rvm < 1.11.0 or doing something fancy, ignore this:
+.rvmrc
+
+# if using bower-rails ignore default bower_components path bower.json files
+/vendor/assets/bower_components
+*.bowerrc
+bower.json
+
+# Ignore pow environment settings
+.powenv
+
+# Ignore Byebug command history file.
+.byebug_history
+
+# Ignore node_modules
+node_modules/
+
+# Ignore precompiled javascript packs
+/public/packs
+/public/packs-test
+/public/assets
+
+# Ignore yarn files
+/yarn-error.log
+yarn-debug.log*
+.yarn-integrity
+
+# Ignore uploaded files in development
+/storage/*
+!/storage/.keep
+/public/uploads
\ No newline at end of file
diff --git a/.ruby-version b/.ruby-version
new file mode 100644
index 0000000..9e79f6c
--- /dev/null
+++ b/.ruby-version
@@ -0,0 +1 @@
+ruby-3.2.2
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..9615fcf
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,8 @@
+FROM ruby:3
+RUN apt-get update
+WORKDIR /app
+COPY Gemfile* .
+RUN bundle install
+COPY . .
+EXPOSE 3000
+CMD ["rails", "server", "-b", "0.0.0.0"]
\ No newline at end of file
diff --git a/Gemfile b/Gemfile
new file mode 100644
index 0000000..248517d
--- /dev/null
+++ b/Gemfile
@@ -0,0 +1,84 @@
+# frozen_string_literal: true
+
+source 'https://rubygems.org'
+git_source(:github) { |repo| "https://github.com/#{repo}.git" }
+
+ruby '3.2.2'
+
+# Bundle edge Rails instead: gem "rails", github: "rails/rails", branch: "main"
+gem 'rails', '~> 7.0.7'
+
+# The original asset pipeline for Rails [https://github.com/rails/sprockets-rails]
+gem 'sprockets-rails'
+
+# Use sqlite3 as the database for Active Record
+gem 'sqlite3', '~> 1.4'
+
+# Use the Puma web server [https://github.com/puma/puma]
+gem 'puma', '~> 5.0'
+
+# Use JavaScript with ESM import maps [https://github.com/rails/importmap-rails]
+gem 'importmap-rails'
+
+# Hotwire's SPA-like page accelerator [https://turbo.hotwired.dev]
+gem 'turbo-rails'
+
+# Hotwire's modest JavaScript framework [https://stimulus.hotwired.dev]
+gem 'stimulus-rails'
+
+# Build JSON APIs with ease [https://github.com/rails/jbuilder]
+gem 'jbuilder'
+
+# Use Redis adapter to run Action Cable in production
+# gem "redis", "~> 4.0"
+
+# Use Kredis to get higher-level data types in Redis [https://github.com/rails/kredis]
+# gem "kredis"
+
+# Use Active Model has_secure_password [https://guides.rubyonrails.org/active_model_basics.html#securepassword]
+# gem "bcrypt", "~> 3.1.7"
+
+# Windows does not include zoneinfo files, so bundle the tzinfo-data gem
+gem 'tzinfo-data', platforms: %i[mingw mswin x64_mingw jruby]
+
+# Reduces boot times through caching; required in config/boot.rb
+gem 'bootsnap', require: false
+
+# Use Sass to process CSS
+# gem "sassc-rails"
+
+# Use Active Storage variants [https://guides.rubyonrails.org/active_storage_overview.html#transforming-images]
+# gem "image_processing", "~> 1.2"
+
+group :development, :test do
+  # See https://guides.rubyonrails.org/debugging_rails_applications.html#debugging-with-the-debug-gem
+  gem 'debug', platforms: %i[mri mingw x64_mingw]
+end
+
+group :development do
+  # Use console on exceptions pages [https://github.com/rails/web-console]
+  gem 'web-console'
+
+  # Add speed badges [https://github.com/MiniProfiler/rack-mini-profiler]
+  # gem "rack-mini-profiler"
+
+  # Speed up commands on slow machines / big apps [https://github.com/rails/spring]
+  # gem "spring"
+end
+
+group :test do
+  # Use system testing [https://guides.rubyonrails.org/testing.html#system-testing]
+  gem 'capybara'
+  gem 'selenium-webdriver'
+  gem 'webdrivers'
+end
+
+gem 'teamsnap_rb', '~> 3.0'
+
+gem 'omniauth', '~> 1.9'
+gem 'omniauth-rails_csrf_protection', '~> 0.1.2'
+gem 'omniauth-teamsnap', '~> 1.3'
+
+gem 'slim', '~> 5.1'
+
+gem 'slim-rails', '~> 3.6'
\ No newline at end of file
diff --git a/Gemfile.lock b/Gemfile.lock
new file mode 100644
index 0000000..14e878e
--- /dev/null
+++ b/Gemfile.lock
@@ -0,0 +1,331 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    actioncable (7.0.7)
+      actionpack (= 7.0.7)
+      activesupport (= 7.0.7)
+      nio4r (~> 2.0)
+      websocket-driver (>= 0.6.1)
+    actionmailbox (7.0.7)
+      actionpack (= 7.0.7)
+      activejob (= 7.0.7)
+      activerecord (= 7.0.7)
+      activestorage (= 7.0.7)
+      activesupport (= 7.0.7)
+      mail (>= 2.7.1)
+      net-imap
+      net-pop
+      net-smtp
+    actionmailer (7.0.7)
+      actionpack (= 7.0.7)
+      actionview (= 7.0.7)
+      activejob (= 7.0.7)
+      activesupport (= 7.0.7)
+      mail (~> 2.5, >= 2.5.4)
+      net-imap
+      net-pop
+      net-smtp
+      rails-dom-testing (~> 2.0)
+    actionpack (7.0.7)
+      actionview (= 7.0.7)
+      activesupport (= 7.0.7)
+      rack (~> 2.0, >= 2.2.4)
+      rack-test (>= 0.6.3)
+      rails-dom-testing (~> 2.0)
+      rails-html-sanitizer (~> 1.0, >= 1.2.0)
+    actiontext (7.0.7)
+      actionpack (= 7.0.7)
+      activerecord (= 7.0.7)
+      activestorage (= 7.0.7)
+      activesupport (= 7.0.7)
+      globalid (>= 0.6.0)
+      nokogiri (>= 1.8.5)
+    actionview (7.0.7)
+      activesupport (= 7.0.7)
+      builder (~> 3.1)
+      erubi (~> 1.4)
+      rails-dom-testing (~> 2.0)
+      rails-html-sanitizer (~> 1.1, >= 1.2.0)
+    activejob (7.0.7)
+      activesupport (= 7.0.7)
+      globalid (>= 0.3.6)
+    activemodel (7.0.7)
+      activesupport (= 7.0.7)
+    activerecord (7.0.7)
+      activemodel (= 7.0.7)
+      activesupport (= 7.0.7)
+    activestorage (7.0.7)
+      actionpack (= 7.0.7)
+      activejob (= 7.0.7)
+      activerecord (= 7.0.7)
+      activesupport (= 7.0.7)
+      marcel (~> 1.0)
+      mini_mime (>= 1.1.0)
+    activesupport (7.0.7)
+      concurrent-ruby (~> 1.0, >= 1.0.2)
+      i18n (>= 1.6, < 2)
+      minitest (>= 5.1)
+      tzinfo (~> 2.0)
+    addressable (2.8.5)
+      public_suffix (>= 2.0.2, < 6.0)
+    axiom-types (0.1.1)
+      descendants_tracker (~> 0.0.4)
+      ice_nine (~> 0.11.0)
+      thread_safe (~> 0.3, >= 0.3.1)
+    bindex (0.8.1)
+    bootsnap (1.16.0)
+      msgpack (~> 1.2)
+    builder (3.2.4)
+    capybara (3.39.2)
+      addressable
+      matrix
+      mini_mime (>= 0.1.3)
+      nokogiri (~> 1.8)
+      rack (>= 1.6.0)
+      rack-test (>= 0.6.3)
+      regexp_parser (>= 1.5, < 3.0)
+      xpath (~> 3.2)
+    coercible (1.0.0)
+      descendants_tracker (~> 0.0.1)
+    concurrent-ruby (1.2.2)
+    crass (1.0.6)
+    date (3.3.3)
+    debug (1.8.0)
+      irb (>= 1.5.0)
+      reline (>= 0.3.1)
+    descendants_tracker (0.0.4)
+      thread_safe (~> 0.3, >= 0.3.1)
+    equalizer (0.0.11)
+    erubi (1.12.0)
+    ethon (0.16.0)
+      ffi (>= 1.15.0)
+    faraday (1.10.3)
+      faraday-em_http (~> 1.0)
+      faraday-em_synchrony (~> 1.0)
+      faraday-excon (~> 1.1)
+      faraday-httpclient (~> 1.0)
+      faraday-multipart (~> 1.0)
+      faraday-net_http (~> 1.0)
+      faraday-net_http_persistent (~> 1.0)
+      faraday-patron (~> 1.0)
+      faraday-rack (~> 1.0)
+      faraday-retry (~> 1.0)
+      ruby2_keywords (>= 0.0.4)
+    faraday-em_http (1.0.0)
+    faraday-em_synchrony (1.0.0)
+    faraday-excon (1.1.0)
+    faraday-httpclient (1.0.1)
+    faraday-multipart (1.0.4)
+      multipart-post (~> 2)
+    faraday-net_http (1.0.1)
+    faraday-net_http_persistent (1.2.0)
+    faraday-patron (1.0.0)
+    faraday-rack (1.0.0)
+    faraday-retry (1.0.3)
+    ffi (1.15.5)
+    globalid (1.1.0)
+      activesupport (>= 5.0)
+    hashie (5.0.0)
+    i18n (1.14.1)
+      concurrent-ruby (~> 1.0)
+    ice_nine (0.11.2)
+    importmap-rails (1.2.1)
+      actionpack (>= 6.0.0)
+      railties (>= 6.0.0)
+    inflecto (0.0.2)
+    io-console (0.6.0)
+    irb (1.7.4)
+      reline (>= 0.3.6)
+    jbuilder (2.11.5)
+      actionview (>= 5.0.0)
+      activesupport (>= 5.0.0)
+    jwt (2.7.1)
+    loofah (2.21.3)
+      crass (~> 1.0.2)
+      nokogiri (>= 1.12.0)
+    mail (2.8.1)
+      mini_mime (>= 0.1.1)
+      net-imap
+      net-pop
+      net-smtp
+    marcel (1.0.2)
+    matrix (0.4.2)
+    method_source (1.0.0)
+    mini_mime (1.1.5)
+    minitest (5.19.0)
+    msgpack (1.7.2)
+    multi_xml (0.6.0)
+    multipart-post (2.3.0)
+    net-imap (0.3.7)
+      date
+      net-protocol
+    net-pop (0.1.2)
+      net-protocol
+    net-protocol (0.2.1)
+      timeout
+    net-smtp (0.3.3)
+      net-protocol
+    nio4r (2.5.9)
+    nokogiri (1.15.4-aarch64-linux)
+      racc (~> 1.4)
+    nokogiri (1.15.4-arm64-darwin)
+      racc (~> 1.4)
+    oauth2 (2.0.9)
+      faraday (>= 0.17.3, < 3.0)
+      jwt (>= 1.0, < 3.0)
+      multi_xml (~> 0.5)
+      rack (>= 1.2, < 4)
+      snaky_hash (~> 2.0)
+      version_gem (~> 1.1)
+    omniauth (1.9.2)
+      hashie (>= 3.4.6)
+      rack (>= 1.6.2, < 3)
+    omniauth-oauth2 (1.7.3)
+      oauth2 (>= 1.4, < 3)
+      omniauth (>= 1.9, < 3)
+    omniauth-rails_csrf_protection (0.1.2)
+      actionpack (>= 4.2)
+      omniauth (>= 1.3.1)
+    omniauth-teamsnap (1.3.0)
+      omniauth (~> 1.8)
+      omniauth-oauth2 (~> 1.5)
+    public_suffix (5.0.3)
+    puma (5.6.7)
+      nio4r (~> 2.0)
+    racc (1.7.1)
+    rack (2.2.8)
+    rack-test (2.1.0)
+      rack (>= 1.3)
+    rails (7.0.7)
+      actioncable (= 7.0.7)
+      actionmailbox (= 7.0.7)
+      actionmailer (= 7.0.7)
+      actionpack (= 7.0.7)
+      actiontext (= 7.0.7)
+      actionview (= 7.0.7)
+      activejob (= 7.0.7)
+      activemodel (= 7.0.7)
+      activerecord (= 7.0.7)
+      activestorage (= 7.0.7)
+      activesupport (= 7.0.7)
+      bundler (>= 1.15.0)
+      railties (= 7.0.7)
+    rails-dom-testing (2.2.0)
+      activesupport (>= 5.0.0)
+      minitest
+      nokogiri (>= 1.6)
+    rails-html-sanitizer (1.6.0)
+      loofah (~> 2.21)
+      nokogiri (~> 1.14)
+    railties (7.0.7)
+      actionpack (= 7.0.7)
+      activesupport (= 7.0.7)
+      method_source
+      rake (>= 12.2)
+      thor (~> 1.0)
+      zeitwerk (~> 2.5)
+    rake (13.0.6)
+    regexp_parser (2.8.1)
+    reline (0.3.7)
+      io-console (~> 0.5)
+    rexml (3.2.6)
+    ruby2_keywords (0.0.5)
+    rubyzip (2.3.2)
+    selenium-webdriver (4.10.0)
+      rexml (~> 3.2, >= 3.2.5)
+      rubyzip (>= 1.2.2, < 3.0)
+      websocket (~> 1.0)
+    slim (5.1.1)
+      temple (~> 0.10.0)
+      tilt (>= 2.1.0)
+    slim-rails (3.6.2)
+      actionpack (>= 3.1)
+      railties (>= 3.1)
+      slim (>= 3.0, < 6.0, != 5.0.0)
+    snaky_hash (2.0.1)
+      hashie
+      version_gem (~> 1.1, >= 1.1.1)
+    sprockets (4.2.0)
+      concurrent-ruby (~> 1.0)
+      rack (>= 2.2.4, < 4)
+    sprockets-rails (3.4.2)
+      actionpack (>= 5.2)
+      activesupport (>= 5.2)
+      sprockets (>= 3.0.0)
+    sqlite3 (1.6.3-aarch64-linux)
+    sqlite3 (1.6.3-arm64-darwin)
+    stimulus-rails (1.2.2)
+      railties (>= 6.0.0)
+    teamsnap_rb (3.0.3)
+      faraday (< 2.0)
+      inflecto (~> 0.0.2)
+      typhoeus (>= 1.3, < 1.5)
+      virtus (~> 1.0.4)
+    temple (0.10.2)
+    thor (1.2.2)
+    thread_safe (0.3.6)
+    tilt (2.2.0)
+    timeout (0.4.0)
+    turbo-rails (1.4.0)
+      actionpack (>= 6.0.0)
+      activejob (>= 6.0.0)
+      railties (>= 6.0.0)
+    typhoeus (1.4.0)
+      ethon (>= 0.9.0)
+    tzinfo (2.0.6)
+      concurrent-ruby (~> 1.0)
+    version_gem (1.1.3)
+    virtus (1.0.5)
+      axiom-types (~> 0.1)
+      coercible (~> 1.0)
+      descendants_tracker (~> 0.0, >= 0.0.3)
+      equalizer (~> 0.0, >= 0.0.9)
+    web-console (4.2.0)
+      actionview (>= 6.0.0)
+      activemodel (>= 6.0.0)
+      bindex (>= 0.4.0)
+      railties (>= 6.0.0)
+    webdrivers (5.3.1)
+      nokogiri (~> 1.6)
+      rubyzip (>= 1.3.0)
+      selenium-webdriver (~> 4.0, < 4.11)
+    websocket (1.2.9)
+    websocket-driver (0.7.6)
+      websocket-extensions (>= 0.1.0)
+    websocket-extensions (0.1.5)
+    xpath (3.2.0)
+      nokogiri (~> 1.8)
+    zeitwerk (2.6.11)
+
+PLATFORMS
+  aarch64-linux
+  arm64-darwin-22
+
+DEPENDENCIES
+  bootsnap
+  capybara
+  debug
+  importmap-rails
+  jbuilder
+  omniauth (~> 1.9)
+  omniauth-rails_csrf_protection (~> 0.1.2)
+  omniauth-teamsnap (~> 1.3)
+  puma (~> 5.0)
+  rails (~> 7.0.7)
+  selenium-webdriver
+  slim (~> 5.1)
+  slim-rails (~> 3.6)
+  sprockets-rails
+  sqlite3 (~> 1.4)
+  stimulus-rails
+  teamsnap_rb (~> 3.0)
+  turbo-rails
+  tzinfo-data
+  web-console
+  webdrivers
+
+RUBY VERSION
+   ruby 3.2.2p53
+
+BUNDLED WITH
+   2.4.19
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..7db80e4
--- /dev/null
+++ b/README.md
@@ -0,0 +1,24 @@
+# README
+
+This README would normally document whatever steps are necessary to get the
+application up and running.
+
+Things you may want to cover:
+
+* Ruby version
+
+* System dependencies
+
+* Configuration
+
+* Database creation
+
+* Database initialization
+
+* How to run the test suite
+
+* Services (job queues, cache servers, search engines, etc.)
+
+* Deployment instructions
+
+* ...
diff --git a/Rakefile b/Rakefile
new file mode 100644
index 0000000..488c551
--- /dev/null
+++ b/Rakefile
@@ -0,0 +1,8 @@
+# frozen_string_literal: true
+
+# Add your own tasks in files placed in lib/tasks ending in .rake,
+# for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
+
+require_relative 'config/application'
+
+Rails.application.load_tasks
diff --git a/app/assets/config/manifest.js b/app/assets/config/manifest.js
new file mode 100644
index 0000000..ddd546a
--- /dev/null
+++ b/app/assets/config/manifest.js
@@ -0,0 +1,4 @@
+//= link_tree ../images
+//= link_directory ../stylesheets .css
+//= link_tree ../../javascript .js
+//= link_tree ../../../vendor/javascript .js
diff --git a/app/assets/fonts/Graduate.ttf b/app/assets/fonts/Graduate.ttf
new file mode 100755
index 0000000..29061d9
Binary files /dev/null and b/app/assets/fonts/Graduate.ttf differ
diff --git a/app/assets/fonts/Oswald.ttf b/app/assets/fonts/Oswald.ttf
new file mode 100755
index 0000000..938e912
Binary files /dev/null and b/app/assets/fonts/Oswald.ttf differ
diff --git a/app/assets/fonts/futura-now.ttf b/app/assets/fonts/futura-now.ttf
new file mode 100644
index 0000000..03fd100
Binary files /dev/null and b/app/assets/fonts/futura-now.ttf differ
diff --git a/app/assets/fonts/helvetica-now.ttf b/app/assets/fonts/helvetica-now.ttf
new file mode 100644
index 0000000..e2b0703
Binary files /dev/null and b/app/assets/fonts/helvetica-now.ttf differ
diff --git a/app/assets/fonts/inconsolata-vf.ttf b/app/assets/fonts/inconsolata-vf.ttf
new file mode 100644
index 0000000..07c991b
Binary files /dev/null and b/app/assets/fonts/inconsolata-vf.ttf differ
diff --git a/app/assets/images/.keep b/app/assets/images/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/app/assets/images/baseball-diamond.svg b/app/assets/images/baseball-diamond.svg
new file mode 100644
index 0000000..0b523a9
--- /dev/null
+++ b/app/assets/images/baseball-diamond.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 198 371" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-miterlimit:1.5;">
+    <g transform="matrix(1.04762,0,0,1.04802,-58.5948,32.9153)">
+        <path d="M90,150L60,119.396C60,119.396 77.426,47.232 150,47.383C220.563,47.53 240.863,120.923 240.863,120.923L210,150" style="fill:none;stroke:rgb(13,202,242);stroke-opacity:0.42;stroke-width:4.17px;"/>
+        <g transform="matrix(1.97279,0,0,1.79916,-103.351,-30.936)">
+            <path d="M128.423,67.218L158.837,100.567L128.423,133.916L98.009,100.567L128.423,67.218Z" style="fill:rgb(13,202,242);fill-opacity:0.1;stroke:rgb(13,202,242);stroke-opacity:0.42;stroke-width:2.21px;"/>
+        </g>
+    </g>
+</svg>
diff --git a/app/assets/images/benchcoach.svg b/app/assets/images/benchcoach.svg
new file mode 100644
index 0000000..858d545
--- /dev/null
+++ b/app/assets/images/benchcoach.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="800px" height="800px" viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
+ <!-- Generated by Pixelmator Pro 2.1.4 -->
+ <g id="group">
+  <g id="group-1">
+   <path id="Path" d="M520 70.207 L670 70.207 C703.12 70.207 730 97.152 730 130.338 L730 670.05 C730 703.292 703.12 730.209 670 730.209 L130 730.209 C96.853 730.209 70 703.292 70 670.05 L70 130.338 C70 97.124 96.853 70.207 130 70.207 L280 70.207" fill="#a98467" fill-opacity="1" stroke="none"/>
+  </g>
+  <g id="group-2">
+   <path id="Path-1" d="M640 133.125 L160 133.125 C143.44 133.125 130 146.638 130 163.362 L130 642.889 C130 659.641 143.44 673.126 160 673.126 L640 673.126 C656.588 673.126 670 659.641 670 642.889 L670 163.362 C670 146.638 656.588 133.125 640 133.125 Z" fill="#323669" fill-opacity="1" stroke="none"/>
+  </g>
+  <g id="group-3">
+   <path id="Path-2" d="M155.001 624.566 L155.001 554.567 188.958 554.567 188.958 344.565 155.001 344.565 155.001 274.566 338.386 274.566 392.721 330.565 392.721 428.565 358.759 449.566 392.721 470.567 392.721 568.568 338.386 624.566 Z M256.882 414.564 L324.802 414.564 324.802 344.565 256.882 344.565 Z M256.882 554.567 L324.802 554.567 324.802 484.563 256.882 484.563 Z" fill="#ffffff" fill-opacity="1" stroke="none"/>
+   <path id="Path-3" d="M495.572 624.566 L441.238 568.568 441.238 330.565 495.572 274.566 590.661 274.566 644.996 330.565 644.996 379.567 577.077 379.567 577.077 344.565 509.157 344.565 509.157 554.567 577.077 554.567 577.077 519.565 644.996 519.565 644.996 568.568 590.661 624.566 Z" fill="#ffffff" fill-opacity="1" stroke="none"/>
+  </g>
+ </g>
+ <g id="group-4">
+  <path id="Path-4" d="M581.146 154.78 C597.931 154.78 611.503 167.896 611.503 184.088 L611.503 240.794 186.501 240.794 186.501 184.088 C186.501 167.927 200.074 154.78 216.859 154.78 L307.93 154.78 C307.93 154.78 308.165 124.85 308.165 77.266 308.165 27.867 373.228 20.793 402.18 20.793 433.795 20.793 490.945 29.976 490.945 77.561 490.945 128.811 490.074 154.78 490.074 154.78 Z M399.002 62.722 C382.217 62.722 368.645 75.805 368.645 91.972 368.645 108.164 382.217 121.248 399.002 121.248 415.787 121.248 429.359 108.164 429.359 91.972 429.359 75.81 415.787 62.722 399.002 62.722 Z" fill="#bfbfbf" fill-opacity="1" stroke="none"/>
+ </g>
+ <defs>
+  <image id="image" width="800px" height="800px" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAyAAAAMgCAYAAADbcAZoAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAADIKADAAQAAAABAAADIAAAAADAlM0/AAArtklEQVR4Ae3QMQEAAADCoPVPbQ0PiEBhwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABA48DAxVpAAHx6gXPAAAAAElFTkSuQmCC"/>
+ </defs>
+ <use id="Layer" xlink:href="#image" x="0px" y="0px" width="800px" height="800px"/>
+</svg>
diff --git a/app/assets/images/icons/add-event.svg b/app/assets/images/icons/add-event.svg
new file mode 100644
index 0000000..9baba35
--- /dev/null
+++ b/app/assets/images/icons/add-event.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M890 131c11.3 2.7 20.5 8.3 27.5 17s10.5 18.7 10.5 30v699c0 11.3-3.5 21.3-10.5 30s-16.2 14.3-27.5 17l-8 2c-4.7.7-11 1.7-19 3s-17.7 3-29 5-24.3 3.8-39 5.5-30.5 3.5-47.5 5.5-35.7 4-56 6-41.3 3.7-63 5-45.3 2.3-71 3-51.5 1-77.5 1-51.8-.3-77.5-1-49.3-1.7-71-3-42.7-3-63-5-39-4-56-6-32.8-3.8-47.5-5.5-27.7-3.5-39-5.5-21-3.7-29-5-14.3-2.3-19-3l-8-2c-11.3-2.7-20.5-8.3-27.5-17S32 888.3 32 877V178c0-11.3 3.5-21.3 10.5-30s16.2-14.3 27.5-17c.7 0 4.5-.7 11.5-2s17.8-3.2 32.5-5.5 30-4.5 46-6.5v59c0 22 7.8 40.8 23.5 56.5S218 256 240 256c6 0 14.3-1.3 25-4-27.3-11.3-41-29-41-53V64c0-17.3 6.3-32.3 19-45s27.7-19 45-19 32.3 6.3 45 19 19 27.7 19 45v35c40-2 82.7-3 128-3 28.7 0 50 .3 64 1v79c0 22 7.8 40.8 23.5 56.5S602 256 624 256c6 0 14.3-1.3 25-4-27.3-11.3-41-29-41-53V64c0-17.3 6.3-32.3 19-45s27.7-19 45-19 32.3 6.3 45 19 19 27.7 19 45v45c64 6.7 115.3 14 154 22zM448 806h70c9.3 0 17-3 23-9s9-13.7 9-23V646h128c9.3 0 17-3 23-9s9-13.7 9-23v-76c0-9.3-3-17-9-23s-13.7-9-23-9H550V378c0-9.3-3-17-9-23s-13.7-9-23-9h-76c-9.3 0-17 3-23 9s-9 13.7-9 23v128H282c-9.3 0-17 3-23 9s-9 13.7-9 23v76c0 9.3 3 17 9 23s13.7 9 23 9h128v128c0 8.7 4 16.2 12 22.5s16.7 9.5 26 9.5z"/></svg>
diff --git a/app/assets/images/icons/add-member.svg b/app/assets/images/icons/add-member.svg
new file mode 100644
index 0000000..0e51d43
--- /dev/null
+++ b/app/assets/images/icons/add-member.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M545 458c-27.3 23.3-51.7 48-73 74-42.7 51.3-64 114.3-64 189 0 64 18.3 122.3 55 175h-35c-218.7 0-352-6-400-18-8.7-.7-16-5.3-22-14-5.3-8-7-16.3-5-25 18-86.7 62.3-151.7 133-195 11.3-6.7 33.7-17 67-31 21.3-8.7 37.3-15.5 48-20.5 10.7-5 22.5-12.5 35.5-22.5s21.2-20 24.5-30c6.7-22-4-53.7-32-95-82.7-132-97.3-243-44-333 20.7-34.7 48.7-62 84-82S390.7 0 432 0s79.7 10 115 30 63.3 47.3 84 82c10 18 17.3 35.3 22 52 20.7 66 11.7 134.7-27 206-2.7 5.3-5.5 10.3-8.5 15s-6.5 9.3-10.5 14-7.5 8.7-10.5 12-7.3 7.7-13 13-9.7 9-12 11-6.8 5.8-13.5 11.5-11 9.5-13 11.5zm175 502c-66.7 0-123.3-23.3-170-70s-70-103.3-70-170 23.3-123.3 70-170 103.3-70 170-70c66 0 122.5 23.3 169.5 70S960 653.3 960 720s-23.5 123.3-70.5 170S786 960 720 960zm-32-96h64c10.7 0 16-5.3 16-16v-80h80c10.7 0 16-5.3 16-16v-64c0-10.7-5.3-16-16-16h-80v-80c0-10.7-5.3-16-16-16h-64c-10.7 0-16 5.3-16 16v80h-80c-10.7 0-16 5.3-16 16v64c0 10.7 5.3 16 16 16h80v80c0 10.7 5.3 16 16 16z"/></svg>
diff --git a/app/assets/images/icons/alert.svg b/app/assets/images/icons/alert.svg
new file mode 100644
index 0000000..be6fbec
--- /dev/null
+++ b/app/assets/images/icons/alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M948 823c8 11.3 12 23.7 12 37 0 18-6.3 33.2-19 45.5S913.3 924 896 924H64c-23.3 0-41.7-10.3-55-31-12.7-20-13-41-1-63L424 61c12-22 30.7-33 56-33s44 11 56 33l412 762zM478 610h3c9.3 0 18-3.8 26-11.5s12.7-16.5 14-26.5c8-43.3 18.7-126.3 32-249 .7-8.7-1.8-17-7.5-25s-13.2-13-22.5-15c-28-5.3-56.3-5.3-85 0-8.7 2-16.2 7-22.5 15s-9.2 16.3-8.5 25c13.3 122.7 24 205.7 32 249 1.3 10 6 18.8 14 26.5s16.3 11.5 25 11.5zm2 227c20 0 37-7 51-21s21-31 21-51-7-37-21-51-31-21-51-21-37 7-51 21-21 31-21 51 7 37 21 51 31 21 51 21z"/></svg>
diff --git a/app/assets/images/icons/alerts.svg b/app/assets/images/icons/alerts.svg
new file mode 100644
index 0000000..c7c8b88
--- /dev/null
+++ b/app/assets/images/icons/alerts.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M821 107c7.3 132 11 257.7 11 377 0 121.3-3.7 245.3-11 372-1.3 23.3-9.8 43.5-25.5 60.5S760.7 943.3 738 946c-72.7 9.3-158.7 14-258 14-100 0-186.3-4.7-259-14-22.7-3.3-41.8-13.5-57.5-30.5S139.7 878.7 139 856c-7.3-124.7-11-250-11-376 0-138 3.7-262.3 11-373 .7-22.7 8.8-42.5 24.5-59.5S198.3 20.3 221 17C309.7 5.7 396 0 480 0c83.3 0 169.3 5.7 258 17 22.7 3.3 41.8 13.5 57.5 30.5S819.7 84.3 821 107zM480 899c18 0 33.7-6.5 47-19.5s20-28.8 20-47.5c0-18-6.7-33.3-20-46s-29-19-47-19c-18.7 0-34.2 6.3-46.5 19S415 814 415 832c0 18.7 6.2 34.5 18.5 47.5S461.3 899 480 899zm219-209c6-98 9-185 9-261-.7-84-5-177-13-279-1.3-8.7-6-13.7-14-15-70-8-137-12-201-12-65.3 0-132.3 4-201 12-8.7 1.3-13.7 6.3-15 15-7.3 108.7-11 208.7-11 300 0 81.3 2.3 161.3 7 240 1.3 9.3 6.3 14 15 14h410c9.3 0 14-4.7 14-14z"/></svg>
diff --git a/app/assets/images/icons/archive.svg b/app/assets/images/icons/archive.svg
new file mode 100644
index 0000000..75e7ebe
--- /dev/null
+++ b/app/assets/images/icons/archive.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M874 96c15.3 2.7 28.2 9.8 38.5 21.5S928 143 928 159v640c0 15.3-5.2 29-15.5 41s-23.2 19.3-38.5 22c-128 20.7-259.3 31-394 31s-266-10.3-394-31c-15.3-2.7-28.2-10-38.5-22S32 814.3 32 799V159c0-16 5.2-29.8 15.5-41.5S70.7 98.7 86 96c100.7-16.7 200-26.3 298-29v154h192V67c98 2.7 197.3 12.3 298 29zM249 554c49.3 73.3 119.7 144.7 211 214l2 2c12.7 9.3 24.7 9.3 36 0 8-5.3 21.7-15.8 41-31.5s47-41.7 83-78 65.7-71.8 89-106.5c6.7-10 7.3-20 2-30s-14-15-26-15H574c-16-86-27.7-134.7-35-146-12-17.3-31.7-26-59-26-26.7 0-46 8.7-58 26-8 10.7-20 59.3-36 146H273c-11.3 0-19.7 5-25 15-5.3 10.7-5 20.7 1 30z"/></svg>
diff --git a/app/assets/images/icons/arrow-left.svg b/app/assets/images/icons/arrow-left.svg
new file mode 100644
index 0000000..a274466
--- /dev/null
+++ b/app/assets/images/icons/arrow-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M928 479.9c0 54-22 93-66 117-12 6.7-50.2 16.8-114.5 30.5S615.3 653.2 544 663.9v185c0 19.3-7.7 33-23 41-16.7 8.7-32.7 8.3-48-1-68-42.7-138.7-95.8-212-159.5S134 616.2 100 580.9s-55.7-58.7-65-70c-7.3-8.7-11-18.8-11-30.5s3.7-21.8 11-30.5c9.3-11.3 30.7-34.5 64-69.5s86.3-84 159-147S400.7 117.5 468 74.9c8.7-7.3 18.7-11 30-11 12.7 0 23.5 4.5 32.5 13.5S544 97.5 544 110.9v184c70 10.7 137.3 22.8 202 36.5s103.3 23.8 116 30.5c44 24 66 63.3 66 118z"/></svg>
diff --git a/app/assets/images/icons/arrow-right.svg b/app/assets/images/icons/arrow-right.svg
new file mode 100644
index 0000000..70d81c1
--- /dev/null
+++ b/app/assets/images/icons/arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M921 510.1c-3.3 4-12 13.7-26 29s-35.5 37.3-64.5 66-60.2 58.2-93.5 88.5-72.3 63.2-117 98.5-88.3 66.3-131 93c-8.7 7.3-18.7 11-30 11-12.7 0-23.7-4.7-33-14s-14-20.3-14-33v-184c-70-10.7-137.3-23-202-37s-103-24-115-30c-44.7-24.7-67-64-67-118 0-53.3 22.3-92.3 67-117 12-6.7 49.8-16.8 113.5-30.5S340 306.8 412 296.1v-185c0-18.7 8-32.3 24-41 16.7-8.7 32.7-8.3 48 1 42.7 26.7 87 58 133 94s85 68.5 117 97.5 64 59.5 96 91.5 53.3 53.8 64 65.5 19.7 21.5 27 29.5c7.3 9.3 11 19.7 11 31s-3.7 21.4-11 30z"/></svg>
diff --git a/app/assets/images/icons/arrow-up.svg b/app/assets/images/icons/arrow-up.svg
new file mode 100644
index 0000000..ffc7788
--- /dev/null
+++ b/app/assets/images/icons/arrow-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M896.1 500.5c0 12.7-4.7 23.7-14 33s-20.3 14-33 14h-184c-10.7 70-23 137.3-37 202s-24 103-30 115c-24.7 44.7-64 67-118 67-53.3 0-92.3-22.3-117-67-6.7-12-16.8-49.8-30.5-113.5s-25.8-131.5-36.5-203.5h-185c-18.7 0-32.3-8-41-24-8.7-16.7-8.3-32.7 1-48 26.7-42.7 57.8-86.7 93.5-132s68.7-84.8 99-118.5 60.2-65.2 89.5-94.5 51.7-51 67-65 25-22.7 29-26c8.7-7.3 18.8-11 30.5-11s21.8 3.7 30.5 11c12 9.3 35.2 30.5 69.5 63.5s83.2 85.7 146.5 158 116.3 142.2 159 209.5c7.4 8.7 11 18.7 11 30z"/></svg>
diff --git a/app/assets/images/icons/assignments.svg b/app/assets/images/icons/assignments.svg
new file mode 100644
index 0000000..5dba8de
--- /dev/null
+++ b/app/assets/images/icons/assignments.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M96.5 112c22 0 40.8 7.8 56.5 23.5s23.5 34.5 23.5 56.5-7.8 40.8-23.5 56.5S118.5 272 96.5 272s-40.8-7.8-56.5-23.5S16.5 214 16.5 192s7.8-40.8 23.5-56.5S74.5 112 96.5 112zm239 160c-8 0-15.2-3.2-21.5-9.5s-9.5-14.2-9.5-23.5v-94c0-9.3 3-17.2 9-23.5s13.3-9.5 22-9.5h565c10.7 0 20 3.2 28 9.5s12.3 14.2 13 23.5c2.7 31.3 2.7 62.7 0 94-.7 9.3-5 17.2-13 23.5s-17.3 9.5-28 9.5h-565zm-239 288c-22 0-40.8-7.8-56.5-23.5S16.5 502 16.5 480s7.8-40.8 23.5-56.5S74.5 400 96.5 400s40.8 7.8 56.5 23.5 23.5 34.5 23.5 56.5-7.8 40.8-23.5 56.5S118.5 560 96.5 560zm804 0h-565c-8 0-15.2-3.2-21.5-9.5s-9.5-14.2-9.5-23.5v-94c0-9.3 3-17.2 9-23.5s13.3-9.5 22-9.5h565c10.7 0 20 3.2 28 9.5s12.3 14.2 13 23.5c2.7 31.3 2.7 62.7 0 94-.7 9.3-5 17.2-13 23.5s-17.3 9.5-28 9.5zm-804 288c-22 0-40.8-7.8-56.5-23.5S16.5 790 16.5 768s7.8-40.8 23.5-56.5S74.5 688 96.5 688s40.8 7.8 56.5 23.5 23.5 34.5 23.5 56.5-7.8 40.8-23.5 56.5S118.5 848 96.5 848zm804 0h-565c-8 0-15.2-3.2-21.5-9.5s-9.5-14.2-9.5-23.5v-94c0-9.3 3-17.2 9-23.5s13.3-9.5 22-9.5h565c10.7 0 20 3.2 28 9.5s12.3 14.2 13 23.5c2.7 31.3 2.7 62.7 0 94-.7 9.3-5 17.2-13 23.5s-17.3 9.5-28 9.5z"/></svg>
diff --git a/app/assets/images/icons/availability.svg b/app/assets/images/icons/availability.svg
new file mode 100644
index 0000000..021f1f9
--- /dev/null
+++ b/app/assets/images/icons/availability.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M357 278c8.7-26.7 16.3-60.8 23-102.5s11.2-74.8 13.5-99.5 3.5-39.3 3.5-44c0-9.3 3.2-17 9.5-23s13.8-9 22.5-9h102c8.7 0 16.2 3 22.5 9s9.5 13.7 9.5 23c0 4.7 1.2 19.3 3.5 44s6.8 57.8 13.5 99.5 14.3 75.8 23 102.5c3.3 10.7 2 20-4 28-6 9.3-14.7 14-26 14H387c-11.3 0-20-4.7-26-14-6-8-7.3-17.3-4-28zm542-158c8 1.3 14.8 5 20.5 11s8.5 13 8.5 21v741c0 8-2.7 15-8 21s-12 9.7-20 11l-16 2c-10 1.3-22.7 3-38 5s-33.5 4.3-54.5 7-44 5.2-69 7.5S672 951 646 953s-53.7 3.7-83 5-57 2-83 2-53.7-.7-83-2-57-3-83-5-51.5-4.2-76.5-6.5-48-4.8-69-7.5-39.2-5-54.5-7-28-3.7-38-5l-16-2c-8-1.3-14.7-5-20-11s-8-13-8-21V152c0-8 2.8-15 8.5-21S53 121.3 61 120c74-8.7 159.3-15.3 256-20-2 44-7.3 84.3-16 121-61.3 4-108.3 7.3-141 10v585c122.7 15.3 229.3 23 320 23s197.3-7.7 320-23V231c-32.7-2.7-79.7-6-141-10-8-34-13.7-74.3-17-121 96.7 4.7 182.3 11.3 257 20zM450 735h-2c-17.3 0-32.3-6.3-45-19L265 579c-12.7-12.7-19-27.7-19-45s6.3-32.3 19-45c12.7-12.7 27.8-19 45.5-19s32.8 6.3 45.5 19l89 91 188-213c12-13.3 26.8-20.5 44.5-21.5S710.7 350 724 362c13.3 11.3 20.5 25.8 21.5 43.5s-4.2 33.2-15.5 46.5L496 713c-12.7 13.3-28 20.7-46 22z"/></svg>
diff --git a/app/assets/images/icons/caret-down.svg b/app/assets/images/icons/caret-down.svg
new file mode 100644
index 0000000..f443989
--- /dev/null
+++ b/app/assets/images/icons/caret-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M134 349c-8.7-15.3-8.7-30.3 0-45 7.3-14.7 20-22.7 38-24 .7-.7 15.2-1.7 43.5-3s67.8-2.8 118.5-4.5 99.3-2.5 146-2.5 95.3.8 146 2.5 90.2 3.2 118.5 4.5 42.8 2.3 43.5 3c16.7 1.3 29.3 9.3 38 24s8.7 29.7 0 45c-35.3 62.7-79.5 127.7-132.5 195s-94 116.3-123 147-48.5 50.3-58.5 59c-9.3 8-20 12-32 12s-22.7-4-32-12c-10-8.7-29.5-28.3-58.5-59s-70-79.7-123-147S169.3 411.7 134 349z"/></svg>
diff --git a/app/assets/images/icons/caret-left.svg b/app/assets/images/icons/caret-left.svg
new file mode 100644
index 0000000..f6d9a5f
--- /dev/null
+++ b/app/assets/images/icons/caret-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M20.87,4.47a1.49,1.49,0,0,1,1.5,0,1.58,1.58,0,0,1,.8,1.26c0,.07.3,5.07.3,10.27s-.3,10.2-.3,10.27a1.54,1.54,0,0,1-.8,1.26,1.49,1.49,0,0,1-1.5,0A66.31,66.31,0,0,1,7.47,17.07a1.6,1.6,0,0,1,0-2.13A66.19,66.19,0,0,1,20.87,4.47Z"/></svg>
diff --git a/app/assets/images/icons/caret-right.svg b/app/assets/images/icons/caret-right.svg
new file mode 100644
index 0000000..896e514
--- /dev/null
+++ b/app/assets/images/icons/caret-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M11.13,27.53a1.49,1.49,0,0,1-1.5,0,1.54,1.54,0,0,1-.8-1.26c0-.07-.3-5.07-.3-10.27s.3-10.2.3-10.27a1.58,1.58,0,0,1,.8-1.26,1.49,1.49,0,0,1,1.5,0A65.31,65.31,0,0,1,24.5,14.93a1.55,1.55,0,0,1,0,2.14A65.69,65.69,0,0,1,11.13,27.53Z"/></svg>
diff --git a/app/assets/images/icons/caret-up.svg b/app/assets/images/icons/caret-up.svg
new file mode 100644
index 0000000..8ed8b7f
--- /dev/null
+++ b/app/assets/images/icons/caret-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M27.53,20.83a1.49,1.49,0,0,1,0,1.5,1.6,1.6,0,0,1-1.26.84c-.07,0-5.07.3-10.27.3s-10.2-.3-10.27-.3a1.56,1.56,0,0,1-1.26-.84,1.49,1.49,0,0,1,0-1.5A66.41,66.41,0,0,1,14.93,7.47a1.62,1.62,0,0,1,2.14,0A66.81,66.81,0,0,1,27.53,20.83Z"/></svg>
diff --git a/app/assets/images/icons/cart.svg b/app/assets/images/icons/cart.svg
new file mode 100644
index 0000000..40a8065
--- /dev/null
+++ b/app/assets/images/icons/cart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M913 151c12.7 14.7 17.3 31.7 14 51l-64 400c-5.3 28-21.3 45.7-48 53-147.3 32.7-318 49-512 49-15.3 0-29-5-41-15s-19.3-22.7-22-38c-.7-1.3-5.5-29.8-14.5-85.5S205.7 442.3 193 363s-22.7-144-30-194c-1.3-10-5-19.3-11-28s-14-13-24-13H64c-17.3 0-32.3-6.3-45-19S0 81.3 0 64s6.3-32.3 19-45S46.7 0 64 0h64c37.3 0 70.5 11.7 99.5 35s48.2 54.3 57.5 93h579c18.7 0 35 7.7 49 23zM768 960c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68 9.3-49.3 28-68 41.3-28 68-28 49.3 9.3 68 28 28 41.3 28 68-9.3 49.3-28 68-41.3 28-68 28zm-448 0c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68 9.3-49.3 28-68 41.3-28 68-28 49.3 9.3 68 28 28 41.3 28 68-9.3 49.3-28 68-41.3 28-68 28z"/></svg>
diff --git a/app/assets/images/icons/check.svg b/app/assets/images/icons/check.svg
new file mode 100644
index 0000000..55330b9
--- /dev/null
+++ b/app/assets/images/icons/check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M915 178.9c8 6.7 12.3 15.5 13 26.5s-2.3 21.2-9 30.5c-252.7 360.7-389.3 555.3-410 584-21.3 28.7-48.8 43.2-82.5 43.5S365 849.2 343 819.9l-278-391c-6.7-9.3-9.7-19.7-9-31s5-20.3 13-27c34-29.3 72-55.7 114-79 8.7-4.7 18.3-5.3 29-2s19.3 9.7 26 19l188 264 321-456c6.7-9.3 15.2-15.5 25.5-18.5s20.2-2.2 29.5 2.5c44 24 81.7 50 113 78z"/></svg>
diff --git a/app/assets/images/icons/columns.svg b/app/assets/images/icons/columns.svg
new file mode 100644
index 0000000..730316a
--- /dev/null
+++ b/app/assets/images/icons/columns.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>columns-updated</title><path d="M30,.88a1.38,1.38,0,0,1,.89.51,1.65,1.65,0,0,1,.36,1.07V29.57a1.6,1.6,0,0,1-.36,1,1.3,1.3,0,0,1-.89.51,23.22,23.22,0,0,1-4.86,0,1.38,1.38,0,0,1-.89-.51,1.6,1.6,0,0,1-.36-1V2.46a1.65,1.65,0,0,1,.36-1.07,1.38,1.38,0,0,1,.89-.51A23.22,23.22,0,0,1,30,.88ZM18.43.88a1.38,1.38,0,0,1,.89.51,1.65,1.65,0,0,1,.36,1.07V29.57a1.6,1.6,0,0,1-.36,1,1.3,1.3,0,0,1-.89.51,23.22,23.22,0,0,1-4.86,0,1.38,1.38,0,0,1-.89-.51,1.6,1.6,0,0,1-.36-1V2.46a1.65,1.65,0,0,1,.36-1.07,1.38,1.38,0,0,1,.89-.51A23.22,23.22,0,0,1,18.43.88ZM6.86.88a1.38,1.38,0,0,1,.89.51,1.65,1.65,0,0,1,.36,1.07V29.57a1.6,1.6,0,0,1-.36,1,1.3,1.3,0,0,1-.89.51,23.22,23.22,0,0,1-4.86,0,1.38,1.38,0,0,1-.89-.51,1.6,1.6,0,0,1-.36-1V2.46a1.65,1.65,0,0,1,.36-1.07A1.38,1.38,0,0,1,2,.88,23.22,23.22,0,0,1,6.86.88Z"/></svg>
\ No newline at end of file
diff --git a/app/assets/images/icons/computer.svg b/app/assets/images/icons/computer.svg
new file mode 100644
index 0000000..52ab1c1
--- /dev/null
+++ b/app/assets/images/icons/computer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M906 65c15.3 2.7 28.2 10 38.5 22s15.5 25.7 15.5 41v544c0 15.3-5 28.8-15 40.5s-22.7 19.2-38 22.5c-89.3 14.7-189 24.7-299 30v76l201 56c17.3 6 25 18 23 36-1.3 7.3-5 13.7-11 19s-13 8-21 8H160c-8 0-15-2.7-21-8s-9.7-11.7-11-19c-2-18 5.7-30 23-36l201-56v-76c-110-5.3-209.7-15.3-299-30-15.3-3.3-28-10.8-38-22.5S0 687.3 0 672V128c0-15.3 5-29 15-41s22.7-19.3 38-22l9-1c6-1.3 13.3-2.5 22-3.5s19.5-2.5 32.5-4.5 27.5-3.8 43.5-5.5 33-3.3 51-5 37.7-3.3 59-5 43-3.2 65-4.5 45.7-2.3 71-3 50-1 74-1 48.5.3 73.5 1 48.7 1.7 71 3 44 2.8 65 4.5 40.7 3.3 59 5 35.3 3.3 51 5 30 3.5 43 5.5 23.8 3.5 32.5 4.5 16 2.2 22 3.5l9 1zM480 644c118-.7 235.3-8.7 352-24V176c-120.7-15.3-238-23-352-23s-231.3 7.7-352 23v444c116.7 15.3 234 23.3 352 24zm54-109c-8 8-18.7 10.3-32 7-13.3-4-47.3-28-102-72l-25 62c-3.3 8-9 12-17 12h-1c-8 0-13.7-3.3-17-10-48-95.3-76-181-84-257-1.3-6 .7-11 6-15 4-5.3 9.3-7.3 16-6 36 4.7 75.5 14.2 118.5 28.5s75 26.3 96 36S527 336.7 533 340c7.3 4 11 10 11 18s-4 13.7-12 17l-64 27c40 50 64.3 83.7 73 101 5.3 11.3 3 22-7 32z"/></svg>
diff --git a/app/assets/images/icons/credit-card.svg b/app/assets/images/icons/credit-card.svg
new file mode 100644
index 0000000..4bb6082
--- /dev/null
+++ b/app/assets/images/icons/credit-card.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M224 672c-17.3 0-32.3-6.3-45-19s-19-27.7-19-45 6.3-32.3 19-45 27.7-19 45-19c14 0 28.8 5.3 44.5 16s27.5 16 35.5 16h32c7.3 0 19-5.3 35-16s31-16 45-16c17.3 0 32.3 6.3 45 19s19 27.7 19 45-6.3 32.3-19 45-27.7 19-45 19c-14 0-29-5.3-45-16s-27.7-16-35-16h-32c-8 0-19.8 5.3-35.5 16S238 672 224 672zm599-529c38 6 70.3 23.8 97 53.5s40 62.8 40 99.5v368c0 36.7-13.3 69.8-40 99.5S861 811 823 817h-4c-112.7 10-225.7 15-339 15-114.7 0-228.7-5-342-15h-4c-37.3-6-69-23.8-95-53.5S0 700.7 0 664V296c0-36.7 13-69.8 39-99.5S96.7 149 134 143h4c113.3-10 227.3-15 342-15 114 0 227 5 339 15h4zm41 522V480H96v184c0 13.3 5.2 26.3 15.5 39s22.5 20.3 36.5 23c114 9.3 224.7 14 332 14 106 0 215.7-4.7 329-14 14-2.7 26.7-10.2 38-22.5s17-25.2 17-38.5zm0-345v-24c0-13.3-5.2-26.3-15.5-39S826 236.7 812 234c-113.3-9.3-224-14-332-14-107.3 0-218 4.7-332 14-14 2.7-26.2 10.3-36.5 23S96 282.7 96 296v24h768z"/></svg>
diff --git a/app/assets/images/icons/dashboard.svg b/app/assets/images/icons/dashboard.svg
new file mode 100644
index 0000000..a561c74
--- /dev/null
+++ b/app/assets/images/icons/dashboard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M480 0c86.7 0 166.8 21.5 240.5 64.5s132 101.3 175 175S960 393.3 960 480s-21.5 166.8-64.5 240.5-101.3 132-175 175S566.7 960 480 960s-166.8-21.5-240.5-64.5-132-101.3-175-175S0 566.7 0 480s21.5-166.8 64.5-240.5 101.3-132 175-175S393.3 0 480 0zm0 234c20.7 0 38.2-7.2 52.5-21.5S554 180.7 554 160s-7.2-38.2-21.5-52.5S500.7 86 480 86s-38.2 7.2-52.5 21.5S406 139.3 406 160s7.2 38.2 21.5 52.5S459.3 234 480 234zm0 540c37.3 0 69.5-13.2 96.5-39.5S617 676.7 617 640c0-34.7-8-62.3-24-83l86-271c6-16 1.7-29-13-39-8-4.7-16.5-6-25.5-4s-15.8 7-20.5 15L462 508c-32.7 4.7-60.2 19.5-82.5 44.5S346 606.7 346 640c0 37.3 13 69 39 95s57.7 39 95 39zm320-220c20.7 0 38.2-7.2 52.5-21.5S874 500.7 874 480s-7.2-38.2-21.5-52.5S820.7 406 800 406s-38.2 7.2-52.5 21.5S726 459.3 726 480s7.2 38.2 21.5 52.5S779.3 554 800 554zm-640 0c20.7 0 38.2-7.2 52.5-21.5S234 500.7 234 480s-7.2-38.2-21.5-52.5S180.7 406 160 406s-38.2 7.2-52.5 21.5S86 459.3 86 480s7.2 38.2 21.5 52.5S139.3 554 160 554z"/></svg>
diff --git a/app/assets/images/icons/directory.svg b/app/assets/images/icons/directory.svg
new file mode 100644
index 0000000..125e5d4
--- /dev/null
+++ b/app/assets/images/icons/directory.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M937 137q23 7 23 31v660q0 15-11 24-11 10-25 8-22-1-56-1-39 0-66.5 2t-73.5 9.5-87.5 27T566 948q-10 8-22 8t-22-8q-34-32-85-57 96-32 157.5-115.5T656 588q0-133-93.5-226.5T336 268q-118 0-208 77V168q0-24 23-31l3-1q3 0 8.5-1.5t12.5-3 17-2.5 21-2.5 24.5-2 26.5-.5q162 0 280 106 118-106 280-106 13 0 26.5.5t24.5 2 21 2.5 17 2.5 12.5 3 8.5 1.5zM224 800q-42 36-65 54-49 39-82 61-11 7-29 3.5T20 904Q9 893 5.5 875t4.5-30q24-37 59-81 25-30 55-64-28-51-28-112 0-100 70-170t170-70q99 0 169.5 70T576 588t-70.5 170T336 828q-61 0-112-28zm112-361q-62 0-105.5 43.5T187 588q0 61 43.5 104.5T336 736t105.5-43.5T485 588q0-62-43.5-105.5T336 439z"/></svg>
\ No newline at end of file
diff --git a/app/assets/images/icons/dismiss.svg b/app/assets/images/icons/dismiss.svg
new file mode 100644
index 0000000..21e6c1f
--- /dev/null
+++ b/app/assets/images/icons/dismiss.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M628 480l189 190c8.7 8 13.7 17.5 15 28.5s-1.3 20.2-8 27.5c-28.7 36.7-61.3 69.3-98 98-7.3 6.7-16.5 9.3-27.5 8s-20.8-6-29.5-14L480 628 290 818c-8 8-17.5 12.7-28.5 14s-20.5-1.3-28.5-8c-36-28.7-68.3-61-97-97-6.7-8-9.3-17.5-8-28.5 1.3-11 6-20.5 14-28.5l190-190-189-189c-8.7-8.7-13.7-18.5-15-29.5-1.3-11 1.3-20.2 8-27.5 28-36 60.3-68.7 97-98 8-6.7 17.5-9.3 28.5-8s20.5 6.3 28.5 15l190 181 189-181c8.7-8.7 18.5-13.7 29.5-15s20.2 1.3 27.5 8c36.7 28.7 69.3 61.3 98 98 6.7 7.3 9.3 16.5 8 27.5s-6.3 20.8-15 29.5L628 480z"/></svg>
diff --git a/app/assets/images/icons/divisions.svg b/app/assets/images/icons/divisions.svg
new file mode 100644
index 0000000..c2cd473
--- /dev/null
+++ b/app/assets/images/icons/divisions.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M648 248c-56-28.7-117.3-43-184-43s-128 14.3-184 43L32 0h320l112 112L576 0h320L648 248zM464 960c-93.3 0-172.7-32.7-238-98s-98-144.7-98-238 32.7-172.7 98-238 144.7-98 238-98 172.7 32.7 238 98 98 144.7 98 238-32.7 172.7-98 238-144.7 98-238 98zm-48-160h128V448h-96c-20 59.3-62.7 91.3-128 96v64h96v192z"/></svg>
diff --git a/app/assets/images/icons/doc.svg b/app/assets/images/icons/doc.svg
new file mode 100644
index 0000000..0307152
--- /dev/null
+++ b/app/assets/images/icons/doc.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M858 33c10.7 2.7 19.7 8.3 27 17s11 18.7 11 30v560c0 28.7-20.3 68.7-61 120s-86.8 97.2-138.5 137.5S604.7 958 576 958c-37.3 1.3-69.3 2-96 2-120 0-246-11-378-33-11.3-2.7-20.5-8.3-27.5-17S64 891.3 64 880V80c0-11.3 3.7-21.3 11-30s16.3-14.3 27-17C234 11 360 0 480 0s246 11 378 33zM279 424c30 0 54.5-8.7 73.5-26s30.2-41.3 33.5-72c2.7-23.3 2.7-48.7 0-76-3.3-31.3-14.2-55.5-32.5-72.5S310.3 152 279 152c-35.3 0-58 2-68 6-12.7 6.7-19 17-19 31v198c0 14 6.3 24.3 19 31 8 4 30.7 6 68 6zm233-1c27.3 0 50.3-8.7 69-26s29.7-41 33-71c2.7-23.3 2.7-48.3 0-75-2.7-30-13.3-53.8-32-71.5S540 153 512 153c-28.7 0-52 8.8-70 26.5S413.3 221 410 251c-2.7 26.7-2.7 51.7 0 75 3.3 30 14.2 53.7 32.5 71s41.5 26 69.5 26zm32-167c2 22.7 2 44 0 64-3.3 26.7-14 40-32 40s-28.7-13.3-32-40c-2-20-2-41.3 0-64 2.7-26.7 13.3-40 32-40s29.3 13.3 32 40zm190 165c27.3 0 49-2.7 65-8 18.7-5.3 23.7-20.7 15-46-5.3-15.3-17.3-19.7-36-13-11.3 3.3-22.7 5-34 5-22 0-34.7-12.7-38-38-2.7-16-2.7-38.3 0-67 2-24 14.7-36 38-36 3.3 0 6.7.2 10 .5s6.5.7 9.5 1 5.7.8 8 1.5 4.2 1 5.5 1l2 1c19.3 5.3 31 .7 35-14 8.7-25.3 3.7-40.7-15-46-16-5.3-37.7-8-65-8-28 0-51 8.7-69 26s-28.7 40.7-32 70c-2.7 26.7-2.7 51.7 0 75 4 29.3 15 52.5 33 69.5s40.7 25.5 68 25.5zM318 257c2 22 2 42.3 0 61-2.7 26-16 39-40 39-10.7 0-18-.3-22-1V220c2 0 5.3-.2 10-.5s8.7-.5 12-.5c14 0 23.8 2.7 29.5 8s9.2 15.3 10.5 30zm162 614h48c13.3 0 24.7-4.5 34-13.5s14-20.2 14-33.5V688c0-13.3 4.7-24.7 14-34s20.7-14 34-14h128c13.3 0 24.7-4.7 34-14s14-20.7 14-34v-48H160v302c104 16.7 210.7 25 320 25z"/></svg>
diff --git a/app/assets/images/icons/down.svg b/app/assets/images/icons/down.svg
new file mode 100644
index 0000000..996d05b
--- /dev/null
+++ b/app/assets/images/icons/down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M113.5 464.2c-6.7-6.7-10-14.7-10-24v-248c0-14.7 6.3-24.7 19-30 4-2 8.3-3 13-3 8 0 15 3 21 9l331 313 330-313c10.7-9.3 22.3-11.3 35-6 12.7 6 19 16 19 30v248c0 10-3.7 18-11 24l-352 327c-14 12.7-28.3 12.7-43 0l-352-327z"/></svg>
diff --git a/app/assets/images/icons/download.svg b/app/assets/images/icons/download.svg
new file mode 100644
index 0000000..2eae37b
--- /dev/null
+++ b/app/assets/images/icons/download.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M850 408.5c33.3 28 60 61 80 99s30 76.3 30 115c0 64.7-25.3 124.8-76 180.5s-111 87.8-181 96.5c-68 7.3-142.7 11-224 11-80.7 0-155-3.7-223-11-70-8.7-130.2-40.8-180.5-96.5S0 687.2 0 622.5c0-37.3 9.3-74.8 28-112.5s44-70.5 76-98.5c-1.3-12-2-21-2-27 0-52 18.3-96.3 55-133s81-55 133-55c6 0 15 .7 27 2 26-43.3 62.5-79 109.5-107s96.2-42 147.5-42c79.3 0 146.2 29.7 200.5 89s81.5 130 81.5 212c0 20-2 39.3-6 58zm-350 370c6.7-4.7 20.5-15.8 41.5-33.5s50.5-46 88.5-85 69.7-77.5 95-115.5c6.7-11.3 7-22.3 1-33-5.3-11.3-14.7-17-28-17H586c-5.3-33.3-12.7-67.8-22-103.5s-16-56.8-20-63.5c-12-18.7-33.3-28-64-28-30 0-51 9.3-63 28-4.7 6-11.5 26.8-20.5 62.5s-16.2 70.5-21.5 104.5H263c-12.7 0-22 5.7-28 17-6 10.7-5.7 21.7 1 33 25.3 38 57 76.5 95 115.5s67.5 67.3 88.5 85 34.8 28.8 41.5 33.5c5.3 4.7 12 7 20 7s14.3-2.3 19-7z"/></svg>
diff --git a/app/assets/images/icons/drag.svg b/app/assets/images/icons/drag.svg
new file mode 100644
index 0000000..cf4f5e4
--- /dev/null
+++ b/app/assets/images/icons/drag.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M956 464c5.3 10.7 5.3 20.7 0 30-6 11.3-28 37.7-66 79s-76 77.3-114 108c-10 8.7-20.7 9.7-32 3-6-3.3-9-12.7-9-28 0-2.7.3-4.7 1-6l14-90H576v180l80-17c16.7-3.3 28.3.7 35 12 6.7 10 5.7 20-3 30-32 37.3-69 74.3-111 111s-69.3 58-82 64c-10 5.3-20 5.3-30 0-12.7-6-40-27.3-82-64s-79-73.7-111-111c-9.3-9.3-10.3-19.3-3-30 4.7-8 14-12 28-12h7l80 17V560H211l13 90c4 17.3 1.3 28.7-8 34-11.3 6.7-22 5.7-32-3-38-30.7-76-66.7-114-108s-60-67.7-66-79c-5.3-9.3-5.3-19.3 0-30 6-11.3 28.2-37.7 66.5-79s76.2-77.3 113.5-108c11.3-8 22-9 32-3 6 3.3 9 12.7 9 28 0 .7-.2 1.7-.5 3s-.5 2.7-.5 4l-14 91h174V220l-80 17c-16.7 3.3-28.3-.7-35-12-7.3-10.7-6.3-20.7 3-30 31.3-36.7 68.2-73.5 110.5-110.5S452.3 26 465 20c10-5.3 20-5.3 30 0 12.7 6 40 27.3 82 64s79 73.7 111 111c9.3 10 10.3 20 3 30-4.7 8-14 12-28 12h-7l-80-17v180h173l-13-91c-4-18-1.3-29.7 8-35 10-6 20.7-5 32 3 38 30.7 76 66.7 114 108s60 67.7 66 79z"/></svg>
diff --git a/app/assets/images/icons/edit.svg b/app/assets/images/icons/edit.svg
new file mode 100644
index 0000000..2dbb908
--- /dev/null
+++ b/app/assets/images/icons/edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M58.3 950c-12.2 0-22.8-4.5-31.8-13.5-11.6-11.6-15.7-25-12.5-40.4L109.3 458c.6-7.7 4.8-15.4 12.5-23.1L525.2 31.5c8.3-9 18.9-13.5 31.8-13.5s23.4 4.5 31.8 13.5l344.7 343.7c8.3 9 12.5 19.7 12.5 32.3 0 12.5-4.2 23.3-12.5 32.3L529.1 843.1c-6.4 6.4-14.1 10.6-23.1 12.5C209.4 918.5 60.2 950 58.3 950zm424.6-247.4l324.5-324.5-62.6-63.5L420.3 639c-12.8 12.8-28.6 19.3-47.2 19.3s-34.3-6.4-47.2-19.3c-12.8-12.8-19.3-28.4-19.3-46.7s6.4-33.9 19.3-46.7l324.5-325.4-62.6-62.6-324.5 324.5c-19.9 19.9-43.3 25-70.3 15.4l-33.7 177.2 130 130.9 178.1-34.7c-9.6-25.7-4.4-48.4 15.5-68.3z"/></svg>
diff --git a/app/assets/images/icons/export.svg b/app/assets/images/icons/export.svg
new file mode 100644
index 0000000..f49f0e3
--- /dev/null
+++ b/app/assets/images/icons/export.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M457 24c7.3-5.3 15-8 23-8s15.7 2.7 23 8c6.7 4.7 22.7 18.7 48 42s59.7 58.7 103 106 80 93 110 137c8 13.3 8.7 26.3 2 39-8 13.3-19 20-33 20H603c-6.7 39.3-15.2 78.5-25.5 117.5S559.3 549 554 559c-13.3 22-38 33-74 33s-60.7-11-74-33c-16.7-28.7-33-92.3-49-191H227c-14 0-25-6.7-33-20-6.7-12.7-6-25.7 2-39 29.3-44 65.8-89.7 109.5-137S383.7 89.3 409 66s41.3-37.3 48-42zm347 472h156c0 139.3-12 269-36 389-4.7 17.3-14.3 31.5-29 42.5S864 944 846 944H113c-18 0-34-5.3-48-16s-23.7-24.7-29-42C12 766 0 636 0 496h156c0 104.7 6.3 200.7 19 288h610c12.7-88.7 19-184.7 19-288z"/></svg>
diff --git a/app/assets/images/icons/fees.svg b/app/assets/images/icons/fees.svg
new file mode 100644
index 0000000..9692aae
--- /dev/null
+++ b/app/assets/images/icons/fees.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M386.6 262c0 51.9-18.2 96-54.5 132.3s-80.4 54.5-132.3 54.5-96-18.2-132.3-54.5S12.9 313.9 12.9 262s18.2-96 54.5-132.3 80.4-54.5 132.3-54.5 96 18.2 132.3 54.5 54.6 80.4 54.6 132.3zm401.9-150.8c9.1 18.2 7.5 37.3-4.9 57.4-41.5 62.3-100.1 150-175.6 263.2S468.8 640.2 417.2 717.4 338.9 834.8 337 838.1c-19.5 31.1-46.7 46.7-81.7 46.7-41.5 0-69.1-12-82.7-36-10.4-16.9-8.8-36 4.9-57.4 3.9-6.5 152.8-230 446.6-670.4 19.5-30.5 46.4-45.7 80.8-45.7 42-.1 69.9 11.9 83.6 35.9zm-28.3 773.6c-51.9 0-96-18.2-132.3-54.5-36.3-36.3-54.5-80.4-54.5-132.3 0-51.9 18.2-96 54.5-132.3 36.3-36.3 80.4-54.5 132.3-54.5s96 18.2 132.3 54.5C928.8 602 947 646.1 947 698c0 51.9-18.2 96-54.5 132.3-36.3 36.3-80.4 54.5-132.3 54.5z"/></svg>
diff --git a/app/assets/images/icons/female-user.svg b/app/assets/images/icons/female-user.svg
new file mode 100644
index 0000000..30a57f9
--- /dev/null
+++ b/app/assets/images/icons/female-user.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M29.84,30.43a25.91,25.91,0,0,1-3.19.55A91.09,91.09,0,0,1,16,31.5c-10.13,0-13.71-1-13.84-1.07a1,1,0,0,1-.71-1.24C2.1,26.13,3.79,24.5,6.1,23A16.29,16.29,0,0,1,8.41,22c1.57-.62,3.39-1.34,3.75-2.54A2.45,2.45,0,0,0,12,17.73a49.15,49.15,0,0,1-5.6-.85,1.06,1.06,0,0,1-.66-.46,1,1,0,0,1-.13-.81,22,22,0,0,0,.49-2.44C7.05,8.12,8.45.5,13.46.5A5.94,5.94,0,0,1,16,1.15,6.07,6.07,0,0,1,18.57.5c5,0,6.38,7.62,7.33,12.67.19,1,.36,1.82.49,2.44a1,1,0,0,1-.17.91c-.39.49-3.45.91-6.22,1.17a2.85,2.85,0,0,0-.16,1.73c.36,1.2,2.18,1.92,3.78,2.54A18.83,18.83,0,0,1,25.9,23c2.31,1.47,4,3.1,4.66,6.16a1.06,1.06,0,0,1-.72,1.24Z"/></svg>
diff --git a/app/assets/images/icons/file.svg b/app/assets/images/icons/file.svg
new file mode 100644
index 0000000..184ea85
--- /dev/null
+++ b/app/assets/images/icons/file.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M821.4 43.3c10.4 2.6 18.8 8.2 25 16.6 6.2 8.5 9.3 18 9.3 28.4v548.3c0 28.1-19.9 67.2-59.7 117.5-39.8 50.3-84.9 95.1-135.1 134.6S571.4 948 543.3 948l-18.6 1c-8.5.7-23.5 1-45 1-117.5 0-240.9-10.8-370.1-32.3-10.4-2.6-19.3-8.2-26.4-16.6-7.2-8.5-10.8-18.3-10.8-29.4V88.3c0-11.1 3.4-20.9 10.3-29.4s15.8-14 26.9-16.6C238.8 20.8 362.2 10 479.7 10c66.6 0 128.3 2.8 185.1 8.3 56.8 5.5 95.8 10.6 117 15.2 21.2 4.6 34.4 7.8 39.6 9.8zM699 668c17 0 31.7-6.2 44.1-18.6 12.4-12.4 18.6-27.1 18.6-44.1H605c-24.2 0-45.9 9.6-65.1 28.9s-28.9 41-28.9 65.1V856c16.3 0 30.8-6.2 43.6-18.6 12.7-12.4 19.1-27.1 19.1-44.1v-94c0-6.5 3.6-13.4 10.8-20.6s14-10.8 20.6-10.8H699z"/></svg>
diff --git a/app/assets/images/icons/flag.svg b/app/assets/images/icons/flag.svg
new file mode 100644
index 0000000..74573ba
--- /dev/null
+++ b/app/assets/images/icons/flag.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M6.7,0.3c0.6,0,1,0.2,1.5,0.6c0.4,0.4,0.6,0.9,0.6,1.5c0,0.5-0.2,1-0.6,1.4C7.7,4.2,7.2,4.4,6.7,4.5v27H2.5v-27 c-0.6,0-1-0.2-1.5-0.6C0.7,3.5,0.5,3,0.5,2.4c0-0.6,0.2-1,0.6-1.5S2,0.3,2.5,0.3H6.7z M31.6,25.5c-0.1,0.5-0.3,0.8-0.8,0.9 c-1.5,0.5-2.9,0.7-4.4,0.7c-0.8,0-1.5-0.1-2-0.2c-0.8-0.1-1.5-0.4-2.1-0.9c-0.7-0.5-1.2-0.9-1.7-1.4c-0.4-0.5-1-1-1.7-1.4 c-0.7-0.5-1.4-0.8-2.1-1c-1.1-0.2-2.3-0.3-3.5-0.2c-1.2,0.1-2.3,0.2-3.2,0.4l-1.4,0.3V5.5c1.9-0.5,3.7-0.8,5.6-0.8 c0.9,0,1.7,0,2.5,0.3c0.9,0.2,1.8,0.7,2.6,1.3c0.8,0.6,1.6,1.2,2.4,1.7c0.8,0.6,1.7,0.9,2.6,1.1c0.5,0.1,1,0.2,1.6,0.2 c0.9,0,1.8,0,2.6-0.2c0,0,0.4-0.1,1.1-0.2c0.6-0.1,0.9-0.2,0.9-0.2c0.3,0,0.5,0.1,0.7,0.3c0.2,0.2,0.3,0.4,0.3,0.7L31.6,25.5	L31.6,25.5z"/></svg>
diff --git a/app/assets/images/icons/forms.svg b/app/assets/images/icons/forms.svg
new file mode 100644
index 0000000..e04d6b7
--- /dev/null
+++ b/app/assets/images/icons/forms.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M916 120c12.7.7 23.2 5.5 31.5 14.5S960 154.3 960 167v626c0 12.7-4.2 23.5-12.5 32.5S928.7 839.3 916 840c-144.7 12-290 18-436 18-145.3 0-290.7-6-436-18-12.7-.7-23.2-5.5-31.5-14.5S0 805.7 0 793V167c0-12.7 4.2-23.5 12.5-32.5S31.3 120.7 44 120c144.7-12 290-18 436-18s291.3 6 436 18zM96 416v128h192V416H96zm288 0v128h480V416H384zm480-192H96v96h768v-96zM96 640v96h192v-96H96zm288 96h480v-96H384v96z"/></svg>
diff --git a/app/assets/images/icons/grid.svg b/app/assets/images/icons/grid.svg
new file mode 100644
index 0000000..ca6b53c
--- /dev/null
+++ b/app/assets/images/icons/grid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M608 32h256c17.3 0 32.3 6.3 45 19s19 27.7 19 45v256c0 17.3-6.3 32.3-19 45s-27.7 19-45 19H608c-17.3 0-32.3-6.3-45-19s-19-27.7-19-45V96c0-17.3 6.3-32.3 19-45s27.7-19 45-19zM32 352V96c0-17.3 6.3-32.3 19-45s27.7-19 45-19h256c17.3 0 32.3 6.3 45 19s19 27.7 19 45v256c0 17.3-6.3 32.3-19 45s-27.7 19-45 19H96c-17.3 0-32.3-6.3-45-19s-19-27.7-19-45zm832 576H608c-17.3 0-32.3-6.3-45-19s-19-27.7-19-45V608c0-17.3 6.3-32.3 19-45s27.7-19 45-19h256c17.3 0 32.3 6.3 45 19s19 27.7 19 45v256c0 17.3-6.3 32.3-19 45s-27.7 19-45 19zm-512 0H96c-17.3 0-32.3-6.3-45-19s-19-27.7-19-45V608c0-17.3 6.3-32.3 19-45s27.7-19 45-19h256c17.3 0 32.3 6.3 45 19s19 27.7 19 45v256c0 17.3-6.3 32.3-19 45s-27.7 19-45 19z"/></svg>
diff --git a/app/assets/images/icons/help.svg b/app/assets/images/icons/help.svg
new file mode 100644
index 0000000..7f22b32
--- /dev/null
+++ b/app/assets/images/icons/help.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>help-updated</title><path d="M16,.47a15.05,15.05,0,0,1,7.78,2.09,15.37,15.37,0,0,1,5.66,5.66A15.05,15.05,0,0,1,31.53,16a15.05,15.05,0,0,1-2.09,7.78,15.37,15.37,0,0,1-5.66,5.66A15.05,15.05,0,0,1,16,31.53a15.05,15.05,0,0,1-7.78-2.09,15.37,15.37,0,0,1-5.66-5.66A15.05,15.05,0,0,1,.47,16,15.05,15.05,0,0,1,2.56,8.22,15.37,15.37,0,0,1,8.22,2.56,15.05,15.05,0,0,1,16,.47ZM15,20.14h2.1a1,1,0,0,0,.73-.32,1.09,1.09,0,0,0,.31-.78,4.28,4.28,0,0,1,1.55-2.13,15.21,15.21,0,0,0,2.85-3.08,4.62,4.62,0,0,0,.74-2.42A5.58,5.58,0,0,0,21.4,7.23a6.76,6.76,0,0,0-4.85-1.68A6.45,6.45,0,0,0,12.25,7a7.39,7.39,0,0,0-2.37,3.41l-.06.2a.28.28,0,0,1,0,.11.81.81,0,0,0,0,.15.91.91,0,0,0,.29.69,1,1,0,0,0,.74.28H13a.92.92,0,0,0,1-.78,2.7,2.7,0,0,1,1-1.42A2.65,2.65,0,0,1,16.71,9a2.88,2.88,0,0,1,2,.74,2.17,2.17,0,0,1,.71,1.52A2,2,0,0,1,19,12.6,11.06,11.06,0,0,1,17.6,14l-1.68,1.42A6.27,6.27,0,0,0,14.59,17,4.28,4.28,0,0,0,14,19.11a1,1,0,0,0,.31.72,1,1,0,0,0,.76.31Zm1,7.54A2.43,2.43,0,1,0,14.35,27,2.27,2.27,0,0,0,16,27.68Z"/></svg>
\ No newline at end of file
diff --git a/app/assets/images/icons/home.svg b/app/assets/images/icons/home.svg
new file mode 100644
index 0000000..3e78ffe
--- /dev/null
+++ b/app/assets/images/icons/home.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M480 912.8c-90 0-181.7-9.3-275-28-22-5.3-34.7-19-38-41l-40-283H48c-18.7 0-33-8.7-43-26-8.7-18-7.3-34.3 4-49 30.7-44 66.7-88.7 108-134s79.5-84 114.5-116 70.7-62.7 107-92 62.7-49.8 79-61.5 28.2-20.2 35.5-25.5c18-12.7 36-12.7 54 0 42.7 28 97.7 71 165 129v-105c0-9.3 3-17 9-23s13.7-9 23-9h96c9.3 0 17 3 23 9s9 13.7 9 23v259c42.7 44.7 81 91.3 115 140 8.7 10 13 21 13 33 0 13.3-4.7 24.7-14 34s-20.7 14-34 14h-79l-41 283c-.7 10-4.5 18.7-11.5 26s-15.5 12.3-25.5 15c-94.7 18.6-186.3 28-275 28zm124-158l8-128c0-9.3-3-17.3-9-24-6.7-6.7-14.3-10-23-10H380c-8.7 0-16.3 3.3-23 10-6 6.7-9 14.7-9 24l8 128c1.3 17.3 10.7 27.3 28 30 35.3 3.3 67.3 5 96 5s60.7-1.7 96-5c17.3-2.7 26.7-12.7 28-30z"/></svg>
diff --git a/app/assets/images/icons/import.svg b/app/assets/images/icons/import.svg
new file mode 100644
index 0000000..26b3e61
--- /dev/null
+++ b/app/assets/images/icons/import.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M457 584c-6.7-4.7-22.7-18.7-48-42s-59.8-58.8-103.5-106.5S225.3 342 196 298c-8-12-8.7-24.7-2-38 8-13.3 19-20 33-20h130c16-98.7 32.3-162.3 49-191 12.7-22 37.3-33 74-33s61.3 11 74 33c5.3 10 13.2 34.5 23.5 73.5S596.3 200.7 603 240h130c14 0 25 6.7 33 20 6.7 13.3 6 26-2 38-30 44-66.7 89.8-110 137.5S576.3 518.7 551 542s-41.3 37.3-48 42c-7.3 5.3-15 8-23 8s-15.7-2.7-23-8zm347-88h156c0 139.3-12 269-36 389-4.7 17.3-14.3 31.5-29 42.5S864 944 846 944H113c-18 0-34-5.3-48-16s-23.7-24.7-29-42C12 766 0 636 0 496h156c0 104.7 6.3 200.7 19 288h610c12.7-88.7 19-184.7 19-288z"/></svg>
diff --git a/app/assets/images/icons/inbox.svg b/app/assets/images/icons/inbox.svg
new file mode 100644
index 0000000..7963e47
--- /dev/null
+++ b/app/assets/images/icons/inbox.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M459 489c-7.3-4.7-21.5-15.7-42.5-33s-51-45.5-90-84.5S255 294.3 229 257c-7.3-10-7.7-20.7-1-32 5.3-11.3 14.7-17 28-17h115c6-33.3 13.7-67.5 23-102.5S410 50 414 44c13.3-18.7 35.3-28 66-28 30 0 51.7 9.3 65 28 4.7 5.3 11.5 25.3 20.5 60S582 173.3 588 208h115c13.3 0 23 5.7 29 17 6 12 5.3 22.7-2 32-26 37.3-58.3 75.5-97 114.5s-68.7 67-90 84-35.7 28.2-43 33.5c-13.3 10-27 10-41 0zm21 455c-73.3-.7-138-3.7-194-9s-98.5-11.2-127.5-17.5-53.7-14.7-74-25-32.8-18-37.5-23S37.3 858 32 850C11.3 818.7.8 769.8.5 703.5S6.7 585.7 20 549c14.7-47.3 26.7-83 36-107s15.7-38.5 19-43.5 8.3-10.2 15-15.5c10.7-10 24.3-15 41-15h49l-30 220c-1.3 9.3 1.3 17.7 8 25 6 7.3 14 11 24 11h170c2.7 26 17.5 48.5 44.5 67.5S451.7 720 481 720c28.7 0 56.3-9.5 83-28.5s41.3-41.5 44-67.5h168c8.7 0 16.2-3.3 22.5-10s9.5-14 9.5-22l-34-224h54c14 0 27 4.3 39 13 6.7 5.3 12 10.5 16 15.5s10.8 19.8 20.5 44.5 21.8 60.7 36.5 108c13.3 36.7 19.8 88.2 19.5 154.5S948.7 818.7 928 850c-5.3 8-10.3 14.5-15 19.5s-17.2 12.7-37.5 23-45 18.7-74 25S730 929.7 674 935s-120.7 8.3-194 9z"/></svg>
diff --git a/app/assets/images/icons/info.svg b/app/assets/images/icons/info.svg
new file mode 100644
index 0000000..56594f6
--- /dev/null
+++ b/app/assets/images/icons/info.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M480 9.6c84.9 0 163.5 21.1 235.7 63.2S845 172.1 887.2 244.3c42.1 72.2 63.2 150.8 63.2 235.7s-21.1 163.5-63.2 235.7C845 787.9 787.9 845 715.7 887.2c-72.2 42.1-150.8 63.2-235.7 63.2s-163.5-21.1-235.7-63.2C172.1 845 115 787.9 72.8 715.7S9.6 564.9 9.6 480s21.1-163.5 63.2-235.7S172.1 115 244.3 72.8 395.1 9.6 480 9.6zm0 291.1c18.9 0 35.6-7 50-21.1 14.4-14 21.6-30.5 21.6-49.5s-7.2-35.8-21.6-50.5-31-22-50-22-35.6 7.3-50 22-21.6 31.5-21.6 50.5 7.2 35.4 21.6 49.5c14.4 14 31.1 21.1 50 21.1zm-68.6 461.5h137.2c9.1 0 16.7-2.9 22.5-8.8s8.8-13.4 8.8-22.5v-31.4c0-9.1-2.9-16.7-8.8-22.5s-13.4-8.8-22.5-8.8l1-250.9c0-8.5-3.1-15.8-9.3-22-6.2-6.2-13.6-9.3-22-9.3H411.4c-9.1 0-16.7 2.9-22.5 8.8s-8.8 13.4-8.8 22.5v31.4c0 9.1 2.9 16.7 8.8 22.5s13.4 8.8 22.5 8.8v188.2c-9.1 0-16.7 2.9-22.5 8.8s-8.8 13.4-8.8 22.5v31.4c0 9.1 2.9 16.7 8.8 22.5s13.4 8.8 22.5 8.8z"/></svg>
diff --git a/app/assets/images/icons/installments.svg b/app/assets/images/icons/installments.svg
new file mode 100644
index 0000000..eaa8182
--- /dev/null
+++ b/app/assets/images/icons/installments.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M480 416c-75.3 0-145-8.5-209-25.5s-114.5-40.3-151.5-70S64 258.7 64 224s18.5-66.8 55.5-96.5 87.5-53 151.5-70S404.7 32 480 32c114.7 0 212.7 18.8 294 56.5S896 171.3 896 224s-40.7 97.8-122 135.5S594.7 416 480 416zm0 99c76 0 148-9.2 216-27.5s126-42.8 174-73.5c17.3 21.3 26 43.3 26 66 0 52.7-40.7 97.8-122 135.5S594.7 672 480 672c-75.3 0-145-8.5-209-25.5s-114.5-40.3-151.5-70S64 514.7 64 480c0-22.7 8.7-44.7 26-66 104.7 67.3 234.7 101 390 101zM90 670c104.7 67.3 234.7 101 390 101 76 0 148-9.2 216-27.5s126-42.8 174-73.5c17.3 21.3 26 43.3 26 66 0 52.7-40.7 97.8-122 135.5S594.7 928 480 928c-75.3 0-145-8.5-209-25.5s-114.5-40.3-151.5-70S64 770.7 64 736c0-22.7 8.7-44.7 26-66z"/></svg>
diff --git a/app/assets/images/icons/left.svg b/app/assets/images/icons/left.svg
new file mode 100644
index 0000000..a713378
--- /dev/null
+++ b/app/assets/images/icons/left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M463 107c6-7.3 14-11 24-11h248c14 0 24 6.3 30 19 2 4 3 8.3 3 13 0 8.7-3 16-9 22L446 480l313 331c9.3 9.3 11.3 20.7 6 34-5.3 12.7-15.3 19-30 19H487c-9.3 0-17.3-3.3-24-10L136 502c-12.7-14.7-12.7-29 0-43l327-352z"/></svg>
diff --git a/app/assets/images/icons/loader.svg b/app/assets/images/icons/loader.svg
new file mode 100644
index 0000000..e709c3f
--- /dev/null
+++ b/app/assets/images/icons/loader.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
+   <circle fill="none" stroke-width="12" stroke="currentColor" stroke-linecap="round" cx="33" cy="33" r="24"></circle>
+</svg>
diff --git a/app/assets/images/icons/location.svg b/app/assets/images/icons/location.svg
new file mode 100644
index 0000000..202c6f2
--- /dev/null
+++ b/app/assets/images/icons/location.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M480,9Q622.35,9,724,115T825.57,370.29q0,75.59-30.43,160.51T721.51,682.48q-43.2,66.76-86.39,123.21t-73.63,86.88L531.05,923q-32.4,28.47-53.5,28T426,923q-11.78-11.78-31.42-32.4t-70.19-83.45A1182.49,1182.49,0,0,1,235.55,681.5q-38.29-62.83-69.7-149.22t-31.42-162Q134.43,221.06,236,115T480,9Zm0,508.54q67.74,0,115.85-47.61T644,354.58q0-67.74-48.11-115.85T480,190.63q-67.74,0-115.35,48.11T317,354.58q0,67.74,47.61,115.35T480,517.55Z"/></svg>
diff --git a/app/assets/images/icons/lock.svg b/app/assets/images/icons/lock.svg
new file mode 100644
index 0000000..120f62a
--- /dev/null
+++ b/app/assets/images/icons/lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M829,500.82V843.87A58.74,58.74,0,0,1,813.63,884a69.15,69.15,0,0,1-37.18,22.31A1302.73,1302.73,0,0,1,480,940q-154.67,0-299.43-33.71A63.46,63.46,0,0,1,131,843.87V503.8a76.16,76.16,0,0,1,17.85-49.57q17.85-21.81,43.63-21.81h33.71V273.77q0-114,69.9-183.92T480,20q114,0,183.92,69.9t69.9,183.92V432.41h30.74q25.78,0,45.11,20.82T829,500.82ZM384.82,432.41H575.18V273.77q0-95.18-95.18-95.18t-95.18,95.18Z"/></svg>
diff --git a/app/assets/images/icons/mail.svg b/app/assets/images/icons/mail.svg
new file mode 100644
index 0000000..5ee91fc
--- /dev/null
+++ b/app/assets/images/icons/mail.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M611 600l317-243v446c0 8-2.7 14.8-8 20.5s-12 9.2-20 10.5c-138 20-278 30-420 30-141.3 0-281.7-10-421-30-7.3-1.3-13.7-4.8-19-10.5S32 811 32 803V357l317 243c35.3 26.7 79 40 131 40s95.7-13.3 131-40zM67 256c-18.7-18-30.3-35.7-35-53v-46c0-8 2.7-14.8 8-20.5s11.7-9.2 19-10.5c138.7-20 279-30 421-30s282 10 420 30c8 1.3 14.7 4.8 20 10.5s8 12.5 8 20.5v46c-4.7 17.3-16.3 35-35 53L552 514c-18.7 14.7-42.7 22-72 22s-53.3-7.3-72-22L67 256z"/></svg>
diff --git a/app/assets/images/icons/medal.svg b/app/assets/images/icons/medal.svg
new file mode 100644
index 0000000..afd3a1c
--- /dev/null
+++ b/app/assets/images/icons/medal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>medal-updated</title><path d="M21.76,8.73A12.52,12.52,0,0,0,16,7.39a12.52,12.52,0,0,0-5.76,1.34L2.47,1h10L16,4.47,19.51,1h10ZM16,31A10.2,10.2,0,0,1,8.54,28a10.2,10.2,0,0,1-3.07-7.46,10.2,10.2,0,0,1,3.07-7.46A10.2,10.2,0,0,1,16,10a10.2,10.2,0,0,1,7.46,3.07,10.2,10.2,0,0,1,3.07,7.46A10.2,10.2,0,0,1,23.46,28,10.2,10.2,0,0,1,16,31Zm-1.5-5h4V15h-3a4.19,4.19,0,0,1-4,3v2h3Z"/></svg>
\ No newline at end of file
diff --git a/app/assets/images/icons/media.svg b/app/assets/images/icons/media.svg
new file mode 100644
index 0000000..2294134
--- /dev/null
+++ b/app/assets/images/icons/media.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M902 264c34.7 180.7 34.7 362 0 544-2 8.7-6.8 16.3-14.5 23s-15.8 10.7-24.5 12c-128 14-255.7 21-383 21-126 0-252-7-378-21-9.3-1.3-17.8-5.3-25.5-12S64.3 816.7 63 808C42.3 702.7 32 612.8 32 538.5S42.3 372.7 63 264c1.3-8.7 5.8-16.5 13.5-23.5S92.7 229.3 102 228c36-3.3 85.7-7.7 149-13 14-46 22-71.7 24-77 3.3-9.3 9.3-17.5 18-24.5s17.3-10.8 26-11.5c53.3-4 107-6 161-6 54.7 0 109.7 2 165 6 8.7.7 17.3 4.5 26 11.5s14.7 15.2 18 24.5c2 5.3 10 31 24 77 66.7 5.3 116.7 9.7 150 13 8.7 1.3 16.8 5.5 24.5 12.5S900 255.3 902 264zM480 771c70.7 0 131.5-25.5 182.5-76.5S739 582.7 739 512s-25.5-131.5-76.5-182.5S550.7 253 480 253s-131.5 25.5-182.5 76.5S221 441.3 221 512s25.5 131.5 76.5 182.5S409.3 771 480 771zM320 512c0 44 15.7 81.7 47 113s69 47 113 47 81.7-15.7 113-47 47-69 47-113-15.7-81.7-47-113-69-47-113-47-81.7 15.7-113 47-47 69-47 113z"/></svg>
diff --git a/app/assets/images/icons/megaphone.svg b/app/assets/images/icons/megaphone.svg
new file mode 100644
index 0000000..b3561a8
--- /dev/null
+++ b/app/assets/images/icons/megaphone.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M944 384.3c0 37.3-12.7 72-38 104s-55.3 56-90 72v-352c34.7 16 64.7 40 90 72s38 66.7 38 104zm-211-366c12.7 5.3 19 13 19 23v686c0 10-6.3 17.7-19 23-5.3 1.3-9.3 2-12 2-9.3 0-17.3-3.3-24-10l-13-13-34-26.5-54.5-35-69-28-83.5-14.5c29.3 117.3 46.7 185.3 52 204 7.3 31.3 2 58.7-16 82-16.7 22-39.3 33-68 33-44 0-76-21.7-96-65-52.7-123.3-90.7-212.7-114-268-59.3-11.3-105-34.3-137-69s-48-87.3-48-158c0-26 2.5-49.7 7.5-71s11.2-40 18.5-56 18.3-30 33-42 28-22 40-30 29.5-14.7 52.5-20 42-9.3 57-12 37-4.7 66-6 51.7-2.2 68-2.5 40.8-.5 73.5-.5c28.7 0 57.5-4 86.5-12s53.7-17.7 74-29 38.7-23 55-35 28.5-21.7 36.5-29 12.3-11.7 13-13c10.7-10.6 22.7-13.3 36-8z"/></svg>
diff --git a/app/assets/images/icons/merge.svg b/app/assets/images/icons/merge.svg
new file mode 100644
index 0000000..4b2d792
--- /dev/null
+++ b/app/assets/images/icons/merge.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>merge-updated</title><path d="M16.66,24.43a10.26,10.26,0,0,1-3.9,3.11,13.59,13.59,0,0,1-4.69.67h-5a2.2,2.2,0,0,1-1.64-.71,2.37,2.37,0,0,1-.68-1.7,2.3,2.3,0,0,1,.49-1.44,2.08,2.08,0,0,1,1.26-.79l0,0q4.06-.54,6.2-.93A4.16,4.16,0,0,0,11.6,20.9q.26-.25.42-.45l3-3.69q-2.61-4.55-3.28-5.56a3.78,3.78,0,0,0-.54-.67,2.53,2.53,0,0,0-.54-.44L10.43,10l-.1-.07-.16-.06L10,9.77a1.14,1.14,0,0,0-.44-.19,3,3,0,0,0-.89-.26l-6.24-1a1.89,1.89,0,0,1-.89-.45l-.06-.06-.11-.1L1.3,7.67v0l0,0A2,2,0,0,1,.76,6.36a1.34,1.34,0,0,1,0-.22,2.18,2.18,0,0,1,.68-1.65,2.23,2.23,0,0,1,1.64-.67l5.59,0h1.59A10,10,0,0,1,11.84,4a5.77,5.77,0,0,1,1.76.62A8.6,8.6,0,0,1,15.24,5.9,10.28,10.28,0,0,1,16.91,8q1.34,2.13,3.53,6h3.69V10.88a.87.87,0,0,1,.61-.89,1,1,0,0,1,1.11.16,34.08,34.08,0,0,1,3.36,3.71,20,20,0,0,1,1.95,2.75.8.8,0,0,1,0,.82,22.64,22.64,0,0,1-1.94,2.72,32.4,32.4,0,0,1-3.37,3.74,1.08,1.08,0,0,1-.7.26,1,1,0,0,1-.41-.1.9.9,0,0,1-.61-.92V20.07h-4q-1.85,2.4-3.5,4.36Z"/></svg>
\ No newline at end of file
diff --git a/app/assets/images/icons/messages.svg b/app/assets/images/icons/messages.svg
new file mode 100644
index 0000000..c1141f6
--- /dev/null
+++ b/app/assets/images/icons/messages.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M915 213c8.7 54.7 13 112.7 13 174 0 60.7-4.3 118-13 172-5.3 35.3-24.8 67.7-58.5 97s-69.2 46-106.5 50c-73.3 7.3-145.7 11.3-217 12L342 903c-6 6-13.3 9-22 9-3.3 0-7.7-.7-13-2-12.7-5.3-19-15.3-19-30V716l-78-6c-36.7-4-72-21.2-106-51.5S50 595 44 559c-8-56-12-113-12-171 0-60 4-118.3 12-175 6-36 26-69.2 60-99.5S173.3 66 210 62c93.3-9.3 183.3-14 270-14s176.7 4.7 270 14c36.7 4 72 21.2 106 51.5s53.7 63.5 59 99.5z"/></svg>
diff --git a/app/assets/images/icons/money.svg b/app/assets/images/icons/money.svg
new file mode 100644
index 0000000..5a56099
--- /dev/null
+++ b/app/assets/images/icons/money.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M913.1 616.6c5.2 65.2-11.6 123.2-50.4 173.9-38.7 50.7-91.7 89.2-158.9 115.3S562 945.1 480 945.1 323.4 932 256.2 905.8 136 841.2 97.3 790.5c-38.8-50.7-55.5-108.7-50.4-173.9 5.8-74.3 36.8-142.4 93-204.4s124.7-113.7 205.4-155c-49.1-78.8-84.6-132.7-106.6-161.8-7.1-8.4-8.7-17.8-4.8-28.1 3.2-10.3 10-17.1 20.3-20.3 73.6-21.3 148.9-32 225.7-32S632 25.7 705.6 47c10.3 3.2 17.1 10 20.3 20.3 3.9 10.3 2.3 19.7-4.8 28.1-43.9 58.8-81.4 112.7-112.4 161.8 82 42 151.8 94 209.3 156 57.6 62 89.3 129.8 95.1 203.4zM518.8 760c94.3-9 141.5-43 141.5-101.7 0-14.9-3.2-27.8-9.7-38.8-6.5-11-14-20-22.8-27.1-8.7-7.1-21.3-13.4-37.8-18.9-16.5-5.5-31.2-9.7-44.1-12.6s-30-6.3-51.4-10.2c-27.8-5.2-45.4-9.7-52.8-13.6-7.4-3.9-11.1-11.3-11.1-22.3 0-20 19.1-30 57.2-30 27.1 0 51.4 2.9 72.7 8.7 20.7 4.5 36.5 1 47.5-10.7l15.5-19.4c4.5-5.2 5.3-10.3 2.4-15.5-2.9-5.2-8.6-9-17-11.6-21.3-6.5-46.8-10.7-76.5-12.6v-46.5c0-5.2-3.4-9.9-10.2-14-6.8-4.2-14.7-6.3-23.7-6.3h-27.1c-9 0-17 2.1-23.7 6.3-6.8 4.2-10.2 8.9-10.2 14v46.5c-87.8 8.4-131.8 40-131.8 94.9 0 31 12.9 53.8 38.8 68.3 25.8 14.5 64.6 26.3 116.3 35.4 29.1 5.2 48.3 10.2 57.6 15 9.4 4.8 14 13.1 14 24.7 0 12.3-5.5 21.3-16.5 27.1-11 5.8-30 8.7-57.2 8.7-33.6 0-67.5-5.2-101.7-15.5-8.4-2.6-17-2.9-25.7-1s-14.7 5.5-17.9 10.7l-15.5 22.3c-3.9 4.5-4.4 9.5-1.5 15 2.9 5.5 8.6 9.5 17 12.1 25.8 8.4 63.3 14.9 112.4 19.4v38.8c0 5.8 3.2 10.7 9.7 14.5s14.2 5.8 23.3 5.8h27.1c9 0 16.8-1.9 23.3-5.8s9.7-8.7 9.7-14.5V760z"/></svg>
diff --git a/app/assets/images/icons/new-season.svg b/app/assets/images/icons/new-season.svg
new file mode 100644
index 0000000..8b64eec
--- /dev/null
+++ b/app/assets/images/icons/new-season.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M853 329c71.3 41.3 107 91.7 107 151 0 60-36.7 112.3-110 157 18.7 82.7 6.5 144.8-36.5 186.5S709.7 875 631 853c-41.3 71.3-91.7 107-151 107-60 0-112.3-36.7-157-110-82.7 18.7-144.7 6.7-186-36s-51.3-103.7-30-183C35.7 589.7 0 539.3 0 480c0-60 36.7-112.3 110-157-18.7-82.7-6.7-144.7 36-186s103.7-51.3 183-30C370.3 35.7 420.7 0 480 0c60.7 0 112.7 36.7 156 110 82.7-18.7 145-6.5 187 36.5s52 103.8 30 182.5zM647 650V310c0-6-2.8-11.3-8.5-16s-12.8-7-21.5-7h-43c-8.7 0-15.8 2.3-21.5 7s-8.5 10-8.5 16v139c0 10.7.8 22.5 2.5 35.5s3.7 26.5 6 40.5 3.8 23.3 4.5 28L433 308c-8-14-22-21-42-21h-46c-8.7 0-15.8 2.3-21.5 7s-8.5 10-8.5 16v340c0 6.7 2.8 12.2 8.5 16.5s12.8 6.5 21.5 6.5h41c8.7 0 15.8-2.2 21.5-6.5s8.5-9.8 8.5-16.5V533c0-17.3-4.7-55.7-14-115h1l116 235c8 13.3 21.7 20 41 20h57c8.7 0 15.8-2.2 21.5-6.5s8.5-9.8 8.5-16.5z"/></svg>
diff --git a/app/assets/images/icons/non-player.svg b/app/assets/images/icons/non-player.svg
new file mode 100644
index 0000000..260c4ab
--- /dev/null
+++ b/app/assets/images/icons/non-player.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M544.9 458c-27.3 23.3-51.7 48-73 74-42.7 51.3-64 114.3-64 189 0 64 18.3 122.3 55 175h-35c-218.7 0-352-6-400-18-8.7-.7-16-5.3-22-14-5.3-8-7-16.3-5-25 18-86.7 62.3-151.7 133-195 11.3-6.7 33.7-17 67-31 21.3-8.7 37.3-15.5 48-20.5 10.7-5 22.5-12.5 35.5-22.5s21.2-20 24.5-30c6.7-22-4-53.7-32-95-82.7-132-97.3-243-44-333 20.7-34.7 48.7-62 84-82s73.7-30 115-30 79.7 10 115 30 63.3 47.3 84 82c10 18 17.3 35.3 22 52 20.7 66 11.7 134.7-27 206-2.7 5.3-5.5 10.3-8.5 15s-6.5 9.3-10.5 14-7.5 8.7-10.5 12-7.3 7.7-13 13-9.7 9-12 11-6.8 5.8-13.5 11.5-11 9.5-13 11.5zm175 502c-66.7 0-123.3-23.3-170-70s-70-103.3-70-170 23.3-123.3 70-170 103.3-70 170-70c66 0 122.5 23.3 169.5 70s70.5 103.3 70.5 170-23.5 123.3-70.5 170-103.5 70-169.5 70zm-128-192h256c10.7 0 16-5.3 16-16v-64c0-10.7-5.3-16-16-16h-256c-10.7 0-16 5.3-16 16v64c0 10.7 5.3 16 16 16z"/></svg>
diff --git a/app/assets/images/icons/notifications.svg b/app/assets/images/icons/notifications.svg
new file mode 100644
index 0000000..42d3066
--- /dev/null
+++ b/app/assets/images/icons/notifications.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M891.6 680c18.1 14.9 25.6 34 22.3 57.3-3.2 23.3-15.2 39.5-35.9 48.5l-4.9 1.9c-3.2 1.3-7.3 2.8-12.1 4.4-4.9 1.6-11 3.7-18.4 6.3-7.4 2.6-15.7 5.2-24.8 7.8-9.1 2.6-19.1 5.3-30.1 8.3-11 2.9-23 5.8-35.9 8.7-12.9 2.9-26.5 5.8-40.8 8.7-14.2 2.9-29.8 5.5-46.6 7.8s-34 4.4-51.5 6.3c-8.4 29.1-24.9 53.1-49.5 71.8S511.1 946 480 946s-58.9-9.4-83.5-28.2-41.1-42.7-49.5-71.8c-101.6-10.4-189.6-30.4-264.1-60.2-22-9.7-34.6-26.2-37.9-49.5-1.9-23.3 5.8-42.1 23.3-56.3 3.2-1.9 8.7-6.6 16.5-14.1 7.8-7.4 18.8-20.9 33-40.3s27.5-40.8 39.8-64.1c12.3-23.3 23-53.4 32-90.3s13.6-75.4 13.6-115.5c0-54.4 5.7-102.3 17-143.7 11.3-41.4 25.9-74.4 43.7-99 17.8-24.6 39.2-44.5 64.1-59.7 24.9-15.2 49.5-25.6 73.8-31.1 24.3-5.5 50.3-8.3 78.2-8.3 27.8 0 53.9 2.8 78.2 8.3s48.9 15.9 73.8 31.1c24.9 15.2 46.3 35.1 64.1 59.7s32.4 57.6 43.7 99 17 89.3 17 143.7c0 40.1 4.5 78.6 13.6 115.5s19.7 67.1 32 90.8 25.6 45 39.8 64.1 25.2 32.4 33 39.8c7.7 7.5 13.2 12.1 16.4 14.1z"/></svg>
diff --git a/app/assets/images/icons/page-layout.svg b/app/assets/images/icons/page-layout.svg
new file mode 100644
index 0000000..3b3fdcd
--- /dev/null
+++ b/app/assets/images/icons/page-layout.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M928 288H32V96c0-17.3 6.3-32.3 19-45s27.7-19 45-19h768c17.3 0 32.3 6.3 45 19s19 27.7 19 45v192zm-64 640H384V384h544v480c0 17.3-6.3 32.3-19 45s-27.7 19-45 19zm-576 0H96c-17.3 0-32.3-6.3-45-19s-19-27.7-19-45V384h256v544z"/></svg>
diff --git a/app/assets/images/icons/photos.svg b/app/assets/images/icons/photos.svg
new file mode 100644
index 0000000..3ae172c
--- /dev/null
+++ b/app/assets/images/icons/photos.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M919 94c11.3 1.3 21 6.8 29 16.5s12 20.5 12 32.5v673c0 12-4 22.7-12 32s-17.7 15-29 17c-144 20.7-290.3 31-439 31s-295-10.3-439-31c-11.3-2-21-7.7-29-17S0 828 0 816V143c0-12 4-22.8 12-32.5S29.7 95.3 41 94c141.3-20 287.7-30 439-30 152 0 298.3 10 439 30zm-55 671V184c-125.3-16.7-252.3-25-381-25-127.3 0-256.3 8.3-387 25v590c22 2.7 51.7 6 89 10l405-239c10.7-6.7 23.3-10 38-10 23.3 0 42.7 8.7 58 26l178 204zM416 416c0-26.7-9.3-49.3-28-68s-41.3-28-68-28-49.3 9.3-68 28-28 41.3-28 68 9.3 49.3 28 68 41.3 28 68 28 49.3-9.3 68-28 28-41.3 28-68z"/></svg>
diff --git a/app/assets/images/icons/piggybank.svg b/app/assets/images/icons/piggybank.svg
new file mode 100644
index 0000000..199fed0
--- /dev/null
+++ b/app/assets/images/icons/piggybank.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M635 224.3c-58.7-25.3-120.3-38.2-185-38.5s-128.3 12.5-191 38.5c-2.7-16-4-27-4-33 0-52.7 18.7-97.7 56-135s82.7-56 136-56 98.7 18.7 136 56 56 82.3 56 135c0 10.6-1.3 21.6-4 33zm313 255c8 6.7 12 14.7 12 24v111c0 .7-1 5-3 13l-2 4c-1.3 2.7-2.8 5.5-4.5 8.5s-4.2 7-7.5 12-6.8 10-10.5 15-8.3 10.8-14 17.5-11.7 13.2-18 19.5-13.8 13-22.5 20-17.5 13.8-26.5 20.5-19.5 13.3-31.5 20-24.3 13-37 19c-2 1.3-7.3 3.7-16 7l18 65c4 17.3 1.5 33.7-7.5 49s-22.2 25-39.5 29l-94 24c-16.7 4.7-32.3 2.7-47-6s-24.7-21.3-30-38l-16-62c-37.3 9.3-72 13.3-104 12-27.3 0-51.3-2-72-6-11.3 40-17.3 61-18 63-6 14.7-16.2 25.5-30.5 32.5s-29.2 8.5-44.5 4.5l-95-25c-17.3-5.3-30.3-15.8-39-31.5s-10.7-31.8-6-48.5l29-100c-41.3-42-67-91.3-77-148-28-12-50.7-30.3-68-55-18.7-28-27.2-61-25.5-99S13 377.9 33 347.3c10-15.3 24-25 42-29s35-1 51 9c22.7 16 32.3 35 29 57 33.3-40 75.7-71.5 127-94.5s106.7-34.5 166-34.5c79.3 0 151 20.3 215 61l76-140c7.3-12.7 18.7-18 34-16 6.7.7 12.5 3.5 17.5 8.5s7.8 10.8 8.5 17.5c19.3 115.3 69 213 149 293zm-176 32c0-18.7-6.5-34.5-19.5-47.5s-28.8-19.5-47.5-19.5-34.7 6.5-48 19.5-20 28.8-20 47.5 6.7 34.7 20 48 29.3 20 48 20 34.5-6.7 47.5-20 19.5-29.4 19.5-48z"/></svg>
diff --git a/app/assets/images/icons/plus.svg b/app/assets/images/icons/plus.svg
new file mode 100644
index 0000000..0418b9a
--- /dev/null
+++ b/app/assets/images/icons/plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M860 407c5.3 48.7 5.3 97.7 0 147-.7 10.7-5 19.7-13 27s-17.7 11-29 11H576v242c0 10.7-3.7 20-11 28s-16.3 12.7-27 14c-49.3 5.3-98.7 5.3-148 0-10.7-1.3-19.7-6-27-14s-11-17.3-11-28V592H111c-11.3 0-21-3.5-29-10.5S69.3 565.3 68 554c-5.3-49.3-5.3-98.3 0-147 1.3-11.3 6-20.7 14-28s17.7-11 29-11h241V127c0-11.3 3.7-21 11-29s16.3-12.7 27-14c49.3-5.3 98.7-5.3 148 0 10.7 1.3 19.7 6 27 14s11 17.7 11 29v241h242c10.7 0 20 3.7 28 11s12.7 16.7 14 28z"/></svg>
diff --git a/app/assets/images/icons/pointer.svg b/app/assets/images/icons/pointer.svg
new file mode 100644
index 0000000..815b023
--- /dev/null
+++ b/app/assets/images/icons/pointer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M807.7 443.4c14.9 15.5 18.1 33.3 9.7 53.4-7.8 19.4-22.3 29.8-43.7 31.1l-188.3 10.7c25.9 72.5 49.5 142.2 70.9 209.2s32.7 106.6 34 118.9c1.9 18.1-.3 32.5-6.8 43.2-6.5 10.7-17.8 19.9-34 27.7-14.9 7.1-28 9.9-39.3 8.3-11.3-1.6-25.4-8.6-42.2-20.9-11-9.1-35.9-41.4-74.7-97.1C454.4 772.1 413.7 710 371 641.4L248.7 778.2c-9.7 11-22.3 16.5-37.9 16.5-6.5 0-11.3-.6-14.6-1.9-20.7-5.2-32.7-18.8-35.9-40.8 0-.6-.5-4.7-1.5-12.1-1-7.4-2.1-16.7-3.4-27.7s-2.8-24.3-4.4-39.8c-1.6-15.5-3.2-33-4.9-52.4-1.6-19.4-3.1-39.8-4.4-61.1s-2.3-44.6-2.9-69.9c-.6-25.2-1-50.1-1-74.7 0-137.8 12-258.2 35.9-361.1 3.2-14.9 12.3-26.2 27.2-34 14.9-7.1 29.8-7.1 44.6 0 181.4 89.3 368.8 230.7 562.2 424.2z"/></svg>
diff --git a/app/assets/images/icons/posts.svg b/app/assets/images/icons/posts.svg
new file mode 100644
index 0000000..db4660a
--- /dev/null
+++ b/app/assets/images/icons/posts.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M896 160c17.3 0 32.3 6.3 45 19s19 27.7 19 45v639c0 16-5.2 30-15.5 42s-23.2 19.3-38.5 22c-141.3 22-283.3 33-426 33-144 0-286-11-426-33-15.3-2.7-28.2-10-38.5-22S0 879 0 863V224c0-17.3 6.3-32.3 19-45s27.7-19 45-19h224v128H128v521c116 16 233.3 24 352 24 117.3 0 234.7-8 352-24V288H672V160h224zM532 512c-6.7 85.3-10.7 128-12 128h-80c-1.3 0-5.3-42.7-12-128H278c-18 0-32.3-8.7-43-26-8.7-17.3-8.3-33.7 1-49 18.7-26 57.3-65 116-117V96h-48c-13.3 0-24.7-4.7-34-14s-14-20.7-14-34c0-12.7 4.8-23.8 14.5-33.5S291.3 0 304 0h352c12.7 0 23.8 4.8 33.5 14.5S704 35.3 704 48s-4.8 23.8-14.5 33.5S668.7 96 656 96h-48v224c48 42.7 84.7 78.7 110 108 8.7 10 13 21.3 13 34 0 13.3-4.7 25-14 35s-20.7 15-34 15H532z"/></svg>
diff --git a/app/assets/images/icons/preview.svg b/app/assets/images/icons/preview.svg
new file mode 100644
index 0000000..1c1cc85
--- /dev/null
+++ b/app/assets/images/icons/preview.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M751 879.6c-57.3 0-106.2-20.3-146.5-61S544 729 544 671.6v-51c-17.3-20.7-38.3-31-63-31-27.3 0-49 10.7-65 32v50c0 57.3-20.2 106.3-60.5 147s-89.2 61-146.5 61c-56 0-104-19.5-144-58.5S4 734.6 2 678.6c-.7-3.3-1.2-8.3-1.5-15s0-21 1-43 3-44.7 6-68 9-53 18-89S46 391.3 60 354.6c36-94.7 80.3-169 133-223 35.3-36.7 72.3-53.7 111-51 29.3 2 55.3 15.7 78 41s34 53.7 34 85v19c22-9.3 43.7-14 65-14 20.7 0 41.7 4.3 63 13v-18c0-31.3 11.3-59.7 34-85s48.7-39 78-41c38.7-2.7 75.7 14.3 111 51 52.7 54 97 128.3 133 223 22 58 37.8 114 47.5 168s13.8 93.7 12.5 119l-2 37c-2 56-23 103.5-63 142.5s-88 58.5-144 58.5zm0-91c32.7 0 60.5-11.3 83.5-34s34.5-50.3 34.5-83-11.5-60.5-34.5-83.5-50.8-34.5-83.5-34.5-60.3 11.5-83 34.5-34 50.8-34 83.5 11.3 60.3 34 83 50.3 34 83 34zm-542 0c32.7 0 60.3-11.3 83-34s34-50.3 34-83-11.3-60.5-34-83.5-50.3-34.5-83-34.5-60.5 11.5-83.5 34.5S91 639 91 671.6s11.5 60.3 34.5 83 50.8 34 83.5 34z"/></svg>
diff --git a/app/assets/images/icons/public.svg b/app/assets/images/icons/public.svg
new file mode 100644
index 0000000..483c8bf
--- /dev/null
+++ b/app/assets/images/icons/public.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M480 14.4c84.1 0 161.8 20.9 233.3 62.6s128 98.3 169.7 169.7c41.7 71.5 62.6 149.2 62.6 233.3S924.7 641.8 883 713.3s-98.3 128-169.7 169.7c-71.5 41.7-149.2 62.6-233.3 62.6S318.2 924.7 246.7 883 118.7 784.7 77 713.3 14.4 564.1 14.4 480 35.3 318.2 77 246.7s98.3-128 169.7-169.7S395.9 14.4 480 14.4zm306.5 675.1c44-64.7 66-134.5 66-209.5 0-100.9-36.5-188.5-109.6-262.9-23.3-22.6-48.2-41.4-74.7-56.3 0 .6-1.5 3.2-4.4 7.8s-4 7.4-3.4 8.7c.6 7.1 2.1 13.6 4.4 19.4 2.3 5.8 3.6 9.5 3.9 11.2.3 1.6-1.1 6.6-4.4 15-7.1 15.5-8.7 35.6-4.8 60.1 1.3 9.7 15.7 14.9 43.2 15.5 27.5.6 42.5 3.2 45.1 7.8 0 5.2-2.7 9.9-8.2 14.1-5.5 4.2-12.3 7.6-20.4 10.2-8.1 2.6-12.8 4.2-14.1 4.8-23.3 12.3-36.9 24.2-40.7 35.9-6.5 17.5-7.1 42.4-1.9 74.7 2.6 12.9 8.2 24.4 17 34.4 8.7 10 18.9 16.3 30.6 18.9 26.5 5.8 45.9 6.5 58.2 1.9 2.6 0 4.5-.2 5.8-.5 1.3-.3 2.6.5 3.9 2.4 1.3 1.9 2.1 3.2 2.4 3.9s1 2.3 1.9 4.8c1 2.6 1.5 4.2 1.5 4.8 2.6 8.4 4.8 19.7 6.8 33.9 1.9 14.2 1 27.2-2.9 38.8-4.5 8.4-8.1 22.6-10.7 42.7-2.6 20-2.6 34.6 0 43.6.4 3.6 3.7 8.1 9.5 13.9zM379.1 801c2.6 11.6 8.6 19.9 17.9 24.7 9.4 4.8 25.4 2.7 48-6.3 7.8-3.9 17.1-8.2 28.1-13.1s18.4-8.4 22.3-10.7c3.9-2.3 8.1-5.7 12.6-10.2s8.1-10.3 10.7-17.5c1.9-5.2 4-9.7 6.3-13.6 2.3-3.9 5.3-7.3 9.2-10.2s6.6-5 8.2-6.3c1.6-1.3 5.3-3.4 11.2-6.3l10.7-5.3c11-5.8 19.1-11.8 24.2-17.9s9.9-14.1 14.1-23.8c4.2-9.7 7.6-16.8 10.2-21.3 13.6-21.3 7.8-44.6-17.5-69.8-10.3-10.3-37.5-22.6-81.5-36.9-15.5-23.3-29.1-35.9-40.7-37.8-3.9-.6-9.9-1.5-17.9-2.4-8.1-1-15.5-2.1-22.3-3.4s-13.4-3.6-19.9-6.8c-3.9-1.9-8.2-4.4-13.1-7.3s-8.4-5-10.7-6.3c-2.3-1.3-6.3-2.4-12.1-3.4s-12.6-1.5-20.4-1.5c-10.3 0-17.8-2.1-22.3-6.3-4.5-4.2-6.6-9.9-6.3-17 .3-7.1.8-14.9 1.5-23.3.6-7.1-.5-13.3-3.4-18.4-2.9-5.2-7.1-10-12.6-14.5s-9.2-8.1-11.2-10.7c-7.8-9.1-18.1-9.1-31 0-2.6 1.9-5.8 6.5-9.7 13.6-3.9 7.1-7.4 10.8-10.7 11.2-3.2.3-10.7-2.4-22.3-8.2-16.2-11.6-18.4-28.5-6.8-50.4 11.6-22 30.1-34.3 55.3-36.9 4.5-.6 12.3-1.6 23.3-2.9 11-1.3 18.8-2.1 23.3-2.4s10.7-.2 18.4.5c7.8.6 13.6 2.3 17.5 4.8s7.8 6.8 11.6 12.6c3.9 5.8 6.8 12.9 8.7 21.3 1.9 11 8.4 15.8 19.4 14.5 15.5-7.8 24.2-23.6 26.2-47.5 0-12.3-4.8-26.7-14.5-43.2s-14.5-26.3-14.5-29.6c0-31.7 21-55 63-69.8 18.1-6.5 46.6-30.4 85.4-71.8-9.7-2.6-19.9-4.5-30.6-5.8-10.7-1.3-18.9-1.9-24.7-1.9H480c-100.9 0-188.5 37.2-262.9 111.5-49.1 49.1-81.8 107.7-98 175.6 18.1 29.7 33.3 49.5 45.6 59.2 14.2 11.6 32.7 19.7 55.3 24.2 49.1 10.3 91.8 35.6 128 75.7-.6 1.9-1.8 4.4-3.4 7.3s-4.4 9.1-8.2 18.4c-3.9 9.4-7.1 18.4-9.7 27.2-2.6 8.7-4.5 18.9-5.8 30.6-1.3 11.6-1.1 22.1.5 31.5 1.6 9.4 5.5 18.4 11.6 27.2 6.1 8.7 14.7 15.7 25.7 20.9 9.7 3.9 16.8 8.1 21.3 12.6s6.8 8.1 6.8 10.7v2.9c-.6 3.2-1.6 7.4-2.9 12.6-1.3 5.2-2.7 13.1-4.4 23.8s-1.7 18.5-.4 23.6z"/></svg>
diff --git a/app/assets/images/icons/refresh.svg b/app/assets/images/icons/refresh.svg
new file mode 100644
index 0000000..1118cc6
--- /dev/null
+++ b/app/assets/images/icons/refresh.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M910 81c10 50 15.7 106.3 17 169s1 106.8-1 132.5-4 46.2-6 61.5c-2 16.7-11.3 26-28 28l-8 1c-5.3.7-12.7 1.3-22 2s-19.8 1.3-31.5 2-25.7 1.3-42 2-32.5 1-48.5 1c-77.3 0-148.7-6.3-214-19-11.3-2-19.3-9.3-24-22-3.3-12-.7-22.7 8-32l79-76c-31.3-24-69.7-41.3-115-52-33.3-6-65.5-9.5-96.5-10.5s-65 4.2-102 15.5-73.8 29.3-110.5 54l-18 12-17 11-13.5 8.5-13 7-11 3.5-12 1.5L70 379c-24-8-25.7-35.7-5-83 32.7-76.7 86.2-139.8 160.5-189.5S381.7 32 471 32c114.7 0 214.7 39 300 117l84-84c10.7-9.3 21.3-12 32-8 12 2.7 19.7 10.7 23 24zM489 928c-115.3 0-215.7-39-301-117l-84 84c-6.7 6.7-14 10-22 10-2.7 0-6-.7-10-2-11.3-3.3-18.7-11.3-22-24-10-50-15.7-106.2-17-168.5-1.3-62.3-1-106.5 1-132.5s4-46.7 6-62c1.3-16 10.3-25.3 27-28l8-1c5.3-.7 12.7-1.3 22-2s20-1.3 32-2 26-1.3 42-2 32-1 48-1c77.3 0 148.7 6.3 214 19 12.7 2 21 9.3 25 22 3.3 12 .7 22.7-8 32l-79 76c32 24 70.3 41.3 115 52 32.7 6 64.7 9.5 96 10.5s65.5-4.2 102.5-15.5 73.8-29.3 110.5-54c3.3-2 8-5 14-9l13.5-9 12-7.5 11-6.5 9.5-5 9.5-4 8-1.5h8.5l8 1.5c24.7 8 26.7 35.7 6 83-33.3 77.3-87.2 140.7-161.5 190S577.7 928 489 928z"/></svg>
diff --git a/app/assets/images/icons/registration.svg b/app/assets/images/icons/registration.svg
new file mode 100644
index 0000000..ab2c72f
--- /dev/null
+++ b/app/assets/images/icons/registration.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M128 645q44 5 119 13l138 137q-176-6-331-32-23-4-38.5-22T0 700V157q0-24 15.5-42T54 93q210-33 426-33 214 0 426 33 23 4 38.5 22t15.5 42v543q0 12-7 28L832 607V262q-182-14-352-14t-352 14v383zm375-256l417 419q13 13 8 31-25 62-72 109t-109 72q-1 0-4 .5t-5 .5q-12 0-22-10L297 595q-9-9-9-23V412q0-14 9-23t23-9h160q14 0 23 9z"/></svg>
\ No newline at end of file
diff --git a/app/assets/images/icons/remove-member.svg b/app/assets/images/icons/remove-member.svg
new file mode 100644
index 0000000..8fcac28
--- /dev/null
+++ b/app/assets/images/icons/remove-member.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M545 458c-27.3 23.3-51.7 48-73 74-42.7 51.3-64 114.3-64 189 0 64 18.3 122.3 55 175h-35c-218.7 0-352-6-400-18-8.7-.7-16-5.3-22-14-5.3-8-7-16.3-5-25 18-86.7 62.3-151.7 133-195 11.3-6.7 33.7-17 67-31 21.3-8.7 37.3-15.5 48-20.5 10.7-5 22.5-12.5 35.5-22.5s21.2-20 24.5-30c6.7-22-4-53.7-32-95-82.7-132-97.3-243-44-333 20.7-34.7 48.7-62 84-82S390.7 0 432 0s79.7 10 115 30 63.3 47.3 84 82c10 18 17.3 35.3 22 52 20.7 66 11.7 134.7-27 206-2.7 5.3-5.5 10.3-8.5 15s-6.5 9.3-10.5 14-7.5 8.7-10.5 12-7.3 7.7-13 13-9.7 9-12 11-6.8 5.8-13.5 11.5-11 9.5-13 11.5zm175 502c-66.7 0-123.3-23.3-170-70s-70-103.3-70-170 23.3-123.3 70-170 103.3-70 170-70c66 0 122.5 23.3 169.5 70S960 653.3 960 720s-23.5 123.3-70.5 170S786 960 720 960zm67-114c8 6.7 16 6.7 24 0l38-38c6.7-8 6.7-16 0-24l-64-64 64-64c7.3-7.3 7.3-15.3 0-24l-38-38c-8-6.7-16-6.7-24 0l-64 64-64-64c-7.3-7.3-15.3-7.3-24 0l-38 38c-7.3 8.7-7.3 16.7 0 24l64 64-64 64c-6.7 8-6.7 16 0 24l38 38c8 6.7 16 6.7 24 0l64-64 64 64z"/></svg>
diff --git a/app/assets/images/icons/retweet.svg b/app/assets/images/icons/retweet.svg
new file mode 100644
index 0000000..91f1e6a
--- /dev/null
+++ b/app/assets/images/icons/retweet.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>retweet-updated</title><path d="M15.18,5.84A22.54,22.54,0,0,1,20,5.43q1.13,0,2.31.06c.79,0,1.38.08,1.78.13l.63.09a2.1,2.1,0,0,1,1.32.66,2.12,2.12,0,0,1,.6,1.32l0,.63a70.4,70.4,0,0,1,.38,7.18l0,2h3.17c.42,0,.68.14.79.41a.84.84,0,0,1-.13,1,34.51,34.51,0,0,1-3.73,3.54,20.11,20.11,0,0,1-2.72,2,.89.89,0,0,1-.78,0,19.63,19.63,0,0,1-2.71-2,35.18,35.18,0,0,1-3.71-3.54.91.91,0,0,1-.16-.89.86.86,0,0,1,.82-.5H21v-7L15,8.64A1.29,1.29,0,0,1,14.16,8a1.48,1.48,0,0,1-.11-1.11,1.32,1.32,0,0,1,1.13-1Zm1.64,20.32a22.54,22.54,0,0,1-4.85.41q-1.12,0-2.31-.06c-.79,0-1.38-.08-1.78-.13l-.63-.09a2.13,2.13,0,0,1-1.32-.65,2.05,2.05,0,0,1-.6-1.33l0-.63a70.4,70.4,0,0,1-.38-7.18l0-2H1.77A.79.79,0,0,1,1,14.08a1,1,0,0,1,.15-1A35.47,35.47,0,0,1,4.84,9.56a21.54,21.54,0,0,1,2.72-2,.91.91,0,0,1,.79,0,20.29,20.29,0,0,1,2.71,2,36.18,36.18,0,0,1,3.71,3.54.79.79,0,0,1,.13.88.76.76,0,0,1-.79.51H11v7l6,1.85a1.34,1.34,0,0,1,.85.69A1.44,1.44,0,0,1,18,25.16a1.34,1.34,0,0,1-1.13,1Z"/></svg>
\ No newline at end of file
diff --git a/app/assets/images/icons/right.svg b/app/assets/images/icons/right.svg
new file mode 100644
index 0000000..726202a
--- /dev/null
+++ b/app/assets/images/icons/right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M497 854c-6.7 6.7-14.7 10-24 10H225c-14.7 0-24.7-6.3-30-19-2-4-3-8.3-3-13 0-7.3 2.7-14.3 8-21l313-331-313-330c-9.3-11.3-11-23-5-35 6-12.7 16-19 30-19h248c10 0 18 3.7 24 11l326 352c6 6 9 13 9 21s-3 15.3-9 22L497 854z"/></svg>
diff --git a/app/assets/images/icons/roster.svg b/app/assets/images/icons/roster.svg
new file mode 100644
index 0000000..9b12574
--- /dev/null
+++ b/app/assets/images/icons/roster.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M959 714c2 8 .7 16-4 24-5.3 7.3-12.3 11.7-21 13-9.3 4.7-66.7 8.3-172 11-28.7-60.7-73.3-109.7-134-147-17.3-10-39-19.7-65-29-6.7-3.3-12-5.7-16-7 31.3-49.3 52.3-97 63-143s13.5-84.3 8.5-115-15.2-58.3-30.5-83c-28-47.3-63.3-80.7-106-100 18.7-24 37.2-41.7 55.5-53S579 68 607 68c33.3 0 63.7 7.7 91 23s49.3 36.7 66 64c43.3 71.3 32.3 157.7-33 259-20 28.7-27.7 50.7-23 66 2 7.3 8 14.5 18 21.5s18.7 12.2 26 15.5 19.3 8.3 36 15c26 10.7 43.7 18.7 53 24 64.7 39.3 104 92 118 158zM352 892c-70 0-132-1-186-3s-90.2-4-108.5-6-28.8-3.3-31.5-4c-8.7-.7-15.7-5-21-13-4.7-6.7-6-14.7-4-24 14-66 53-118.7 117-158 8-4.7 25.7-12.7 53-24 16.7-6.7 28.7-11.7 36-15s16-8.5 26-15.5 16-14.2 18-21.5c4.7-14.7-2.7-36.7-22-66-65.3-102-76.7-188.3-34-259 16.7-27.3 38.8-48.7 66.5-64s57.8-23 90.5-23c33.3 0 63.8 7.7 91.5 23s49.8 36.7 66.5 64c42.7 70.7 31.3 157-34 259-19.3 29.3-26.7 51.3-22 66 2 7.3 8 14.5 18 21.5s18.7 12.2 26 15.5 19.3 8.3 36 15c27.3 11.3 45 19.3 53 24 63.3 39.3 102.7 92 118 158 2 8.7.3 16.7-5 24-5.3 8-12.3 12.3-21 13-2.7.7-13.3 2-32 4s-55 4-109 6-116 3-186 3z"/></svg>
diff --git a/app/assets/images/icons/rostering.svg b/app/assets/images/icons/rostering.svg
new file mode 100644
index 0000000..bf85672
--- /dev/null
+++ b/app/assets/images/icons/rostering.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M934 109c17.3 12 26 29 26 51 0 20.7-8.7 37.7-26 51l-129 96c-10.7 8.7-22.3 13-35 13H576v96H384v-96H128c-17.3 0-32.3-7.2-45-21.5S64 268 64 250V64c0-17.3 6.3-32.3 19-45s27.7-19 45-19h642c11.3 0 23 4.3 35 13l129 96zM384 960V800H190c-12.7 0-24.3-4.3-35-13L25 691C8.3 678.3 0 661.3 0 640c0-22 8.7-39 26-51l129-96c12-8.7 23.7-13 35-13h642c17.3 0 32.3 7.2 45 21.5s19 30.5 19 48.5v186c0 17.3-6.3 32.3-19 45s-27.7 19-45 19H576v160H384z"/></svg>
diff --git a/app/assets/images/icons/rows.svg b/app/assets/images/icons/rows.svg
new file mode 100644
index 0000000..a309745
--- /dev/null
+++ b/app/assets/images/icons/rows.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>rows-updated</title><path d="M3.13,8.52a1.5,1.5,0,0,1-1-.34,1.27,1.27,0,0,1-.49-.84,22.29,22.29,0,0,1,0-4.62,1.27,1.27,0,0,1,.49-.84,1.5,1.5,0,0,1,1-.34H28.84a1.54,1.54,0,0,1,1,.34,1.31,1.31,0,0,1,.49.84,22.29,22.29,0,0,1,0,4.62,1.31,1.31,0,0,1-.49.84,1.54,1.54,0,0,1-1,.34Zm25.71,11H3.13a1.5,1.5,0,0,1-1-.34,1.27,1.27,0,0,1-.49-.84,22.29,22.29,0,0,1,0-4.62,1.27,1.27,0,0,1,.49-.84,1.5,1.5,0,0,1,1-.34H28.84a1.54,1.54,0,0,1,1,.34,1.31,1.31,0,0,1,.49.84,22.29,22.29,0,0,1,0,4.62,1.31,1.31,0,0,1-.49.84A1.54,1.54,0,0,1,28.84,19.49Zm0,11H3.13a1.5,1.5,0,0,1-1-.34,1.27,1.27,0,0,1-.49-.84,22.29,22.29,0,0,1,0-4.62,1.27,1.27,0,0,1,.49-.84,1.5,1.5,0,0,1,1-.34H28.84a1.54,1.54,0,0,1,1,.34,1.31,1.31,0,0,1,.49.84,22.29,22.29,0,0,1,0,4.62,1.31,1.31,0,0,1-.49.84A1.54,1.54,0,0,1,28.84,30.46Z"/></svg>
\ No newline at end of file
diff --git a/app/assets/images/icons/scale.svg b/app/assets/images/icons/scale.svg
new file mode 100644
index 0000000..1d29bc8
--- /dev/null
+++ b/app/assets/images/icons/scale.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M736 960H224c-14 0-23.7-6-29-18-5.3-13.3-4-25 4-35l3-3c2.7-2.7 5.8-5.7 9.5-9s8.2-7.2 13.5-11.5 11.5-9 18.5-14 14.8-10.2 23.5-15.5 18.5-10.5 29.5-15.5 22.3-9.7 34-14 25-8.3 40-12 30.2-6.5 45.5-8.5V236l-303 50c-5.3.7-9.3 1-12 1-17.3 0-32.2-6.2-44.5-18.5S38 241.3 38 224c0-15.3 5.2-28.7 15.5-40s23.2-18.3 38.5-21l185-31c18.7-2.7 42-15 70-37 42.7-33.3 80.3-52.3 113-57 5.3-.7 10.8-1.3 16.5-2s11.3-.8 17-.5 10.5.5 14.5.5 9.2.7 15.5 2 10.7 2.2 13 2.5 7 1.7 14 4l12 4L575 52l11 4c32 11.3 58 15.7 78 13l182-30c6.7-1.3 11.3-2 14-2 18 .7 33.2 7.2 45.5 19.5S924 83.7 924 101c0 15.3-5.2 28.7-15.5 40s-23.2 18.3-38.5 21l-326 53v589c38 5.3 73.7 15.3 107 30s56.8 27.3 70.5 38 25.2 21 34.5 31c8.7 6.7 13 15 13 25 0 8.7-3.2 16.2-9.5 22.5S745.3 960 736 960zm189-383c4.7 14 4 26.3-2 37-10.7 22-29.3 42.5-56 61.5S807.3 704 768 704s-72.3-9.5-99-28.5-45.3-39.2-56-60.5c-6-12.7-6.7-25.3-2-38l114-322c7.3-20.7 21.7-31 43-31s36 10.3 44 31l113 322zM192 800c-39.3 0-72.3-9.5-99-28.5S47.7 732.3 37 711c-6-12.7-6.7-25.3-2-38l114-322c7.3-20.7 21.7-31 43-31s36 10.3 44 31l113 322c4.7 14 4 26.3-2 37-10.7 22-29.3 42.5-56 61.5S231.3 800 192 800zm516-224h120l-60-166-60 166zm-576 96h120l-60-166-60 166z"/></svg>
diff --git a/app/assets/images/icons/schedule.svg b/app/assets/images/icons/schedule.svg
new file mode 100644
index 0000000..a7eaf0a
--- /dev/null
+++ b/app/assets/images/icons/schedule.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M890 131c11.3 2.7 20.5 8.3 27.5 17s10.5 18.7 10.5 30v699c0 11.3-3.5 21.3-10.5 30s-16.2 14.3-27.5 17l-8 2c-4.7.7-11 1.7-19 3s-17.7 3-29 5-24.3 3.8-39 5.5-30.5 3.5-47.5 5.5-35.7 4-56 6-41.3 3.7-63 5-45.3 2.3-71 3-51.5 1-77.5 1-51.8-.3-77.5-1-49.3-1.7-71-3-42.7-3-63-5-39-4-56-6-32.8-3.8-47.5-5.5-27.7-3.5-39-5.5-21-3.7-29-5-14.3-2.3-19-3l-8-2c-11.3-2.7-20.5-8.3-27.5-17S32 888.3 32 877V178c0-11.3 3.5-21.3 10.5-30s16.2-14.3 27.5-17c.7 0 4.5-.7 11.5-2s17.8-3.2 32.5-5.5 30-4.5 46-6.5v43c0 23.3 8.3 42.5 25 57.5s36.7 22.5 60 22.5c-14-12.7-21-28.7-21-48V64c0-17.3 6.3-32.3 19-45s27.7-19 45-19 32.3 6.3 45 19 19 27.7 19 45v35c40-2 82.7-3 128-3 28.7 0 50 .3 64 1v63c0 23.3 8.3 42.5 25 57.5s36.7 22.5 60 22.5c-14-12.7-21-28.7-21-48V64c0-17.3 6.3-32.3 19-45s27.7-19 45-19 32.3 6.3 45 19 19 27.7 19 45v45c64 6.7 115.3 14 154 22zM480 869c122.7 0 240-9.3 352-28V384H128v457c112 18.7 229.3 28 352 28zm256-421v128H608V448h128zm-192 0v128H416V448h128zm0 320H416V640h128v128zm-192 0H224V640h128v128zm384 0H608V640h128v128z"/></svg>
diff --git a/app/assets/images/icons/search.svg b/app/assets/images/icons/search.svg
new file mode 100644
index 0000000..6224667
--- /dev/null
+++ b/app/assets/images/icons/search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M557.7 674.1c75.1 0 139.2-26.5 192.2-79.6 53.1-53.1 79.6-117.1 79.6-192.2S803 263.1 749.9 210s-117.1-79.6-192.2-79.6-139.2 26.5-192.3 79.6-79.6 117.1-79.6 192.2 26.5 139.2 79.6 192.2c53.1 53.1 117.2 79.7 192.3 79.7zm0-660.2c107.4 0 199 37.9 274.7 113.6S946 294.8 946 402.2s-37.9 199-113.6 274.7-167.3 113.7-274.7 113.7c-57 0-110.7-11.7-161.2-35l-234 171.8c-20.7 15.5-43.7 21.4-68.9 17.5C68.4 941 48 928.8 32.4 908 20.1 891.2 14 872.6 14 852.2s6.1-39 18.4-55.8l171.8-233c-23.3-50.5-35-104.2-35-161.2 0-107.4 37.9-199 113.6-274.7S450.2 13.9 557.7 13.9z"/></svg>
diff --git a/app/assets/images/icons/seasons.svg b/app/assets/images/icons/seasons.svg
new file mode 100644
index 0000000..1126dc8
--- /dev/null
+++ b/app/assets/images/icons/seasons.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M944 630c9.3 5.3 14.7 13.7 16 25s-3 20.7-13 28c-8 6-17.8 13.5-29.5 22.5s-34.7 25.3-69 49-68.3 46-102 67-73.8 44.3-120.5 70S535 939 493 957c-4 2-8.3 3-13 3s-9-1-13-3c-26.7-11.3-54.5-24.3-83.5-39s-56-29.2-81-43.5-50.2-29.2-75.5-44.5-48-29.7-68-43-39.3-26.5-58-39.5-33.8-23.7-45.5-32S33.7 699.7 25 693l-13-10c-8.7-8-12.7-17.3-12-28 1.3-12 6.7-20.3 16-25l177-97 230 139c16.7 10.7 35.7 16 57 16s40.3-5.3 57-16l229-139 178 97zM16 324c-9.3-4.7-14.7-13.3-16-26-1.3-10 2.7-19 12-27l9-7c6-4 12.8-8.8 20.5-14.5S59.3 236.7 72 228s25.8-17.7 39.5-27 29.5-19.7 47.5-31 36-22.5 54-33.5 37.5-22.5 58.5-34.5 41.8-23.7 62.5-35 42.5-22.5 65.5-33.5S445 12.3 467 3c4-2 8.3-3 13-3s9 1 13 3c66.7 28.7 138.7 65.8 216 111.5s132.7 80.3 166 104 57.3 41.2 72 52.5c10 7.3 14.3 16.3 13 27-1.3 12-6.7 20.7-16 26L496 588c-4.7 2.7-10 4-16 4s-11.3-1.3-16-4L16 324z"/></svg>
diff --git a/app/assets/images/icons/send.svg b/app/assets/images/icons/send.svg
new file mode 100644
index 0000000..444c54d
--- /dev/null
+++ b/app/assets/images/icons/send.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M903 14.1c18 12.7 26.3 30.3 25 53-19.3 291.3-53 549-101 773-5.3 21.3-17 36-35 44-8.7 4.7-18 7-28 7-8.7 0-18.3-2.3-29-7l-209-106-93 148c-12 22.7-30.3 34-55 34-3.3 0-9-.7-17-2-27.3-6.7-41-27.7-41-63v-199l320-367-431 280-174-77c-20-10.7-31.7-27.3-35-50-2-22.7 5.7-41.7 23-57 67.3-54.7 141.5-106.5 222.5-155.5s153-88.5 216-118.5 126.3-57.2 190-81.5S760 28.9 786 20.6s45.7-14.2 59-17.5c21.3-6.7 40.7-3 58 11z"/></svg>
diff --git a/app/assets/images/icons/sent.svg b/app/assets/images/icons/sent.svg
new file mode 100644
index 0000000..ac35c0d
--- /dev/null
+++ b/app/assets/images/icons/sent.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M589 624.2h188c8.7 0 16.2-3 22.5-9s9.5-13.7 9.5-23c0-2.7-.7-6.7-2-12l-34-212h59c19.3 0 35 6.7 47 20 12 14.7 32.7 69 62 163 12.7 42.7 19 92 19 148 0 69.3-10.7 120.3-32 153-5.3 7.3-10.5 13.7-15.5 19s-17.5 13-37.5 23-44.5 18.2-73.5 24.5-71.5 12-127.5 17-120.7 7.8-194 8.5h-1c-73.3-.7-138-3.7-194-9s-98.3-11-127-17-53.2-14.2-73.5-24.5-33-17.8-38-22.5-10.2-11-15.5-19c-20.7-32.7-31-84-31-154 0-55.3 6.3-104.3 19-147 14-46 25.3-80.8 34-104.5 8.7-23.7 14.5-38.2 17.5-43.5s6.5-10.3 10.5-15c12-13.3 27.7-20 47-20h58l-34 220c-1.3 9.3 1.3 17.7 8 25 6 7.3 14 11 24 11h187c.7 28.7 11.5 53 32.5 73s46.5 30 76.5 30 55.5-10 76.5-30 31.8-44.3 32.5-73zm-332-320c-14 0-23.7-5.7-29-17-6-10.7-5.3-21.3 2-32 50-72.7 126.3-150 229-232 14-10 27.7-10 41 0 7.3 5.3 21.7 16.5 43 33.5s51.3 45 90 84 71 77.2 97 114.5c7.3 10.7 8 21.3 2 32-6 11.3-15.7 17-29 17H588c-6 34.7-13.5 69.3-22.5 104s-15.8 54.7-20.5 60c-13.3 18.7-35 28-65 28-30.7 0-52.7-9.3-66-28-4-6-10.7-26.5-20-61.5s-17-69.2-23-102.5H257z"/></svg>
diff --git a/app/assets/images/icons/settings.svg b/app/assets/images/icons/settings.svg
new file mode 100644
index 0000000..4138a39
--- /dev/null
+++ b/app/assets/images/icons/settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M958 434.2c3.3 30 3.3 60.7 0 92-1.3 11.3-6 21-14 29s-17.3 12.7-28 14l-82 10c-12 2.7-22 8.8-30 18.5s-12 20.8-12 33.5c0 11.3 3 21 9 29 0 .7 16.7 22.7 50 66 6.7 8.7 10 18.5 10 29.5s-3.7 20.8-11 29.5c-19.3 24-41 45.7-65 65-8 7.3-18 11-30 11s-21.7-3.3-29-10l-65-50c-8-6-18-9-30-9-12.7 0-23.8 4.2-33.5 12.5s-15.8 18.8-18.5 31.5l-10 80c-1.3 10.7-6 20-14 28s-17.7 12.7-29 14c-20 1.3-35.3 2-46 2s-26-.7-46-2c-11.3-1.3-21-6-29-14s-12.7-17.3-14-28c-6.7-52.7-10-79.3-10-80-2-12.7-8-23.2-18-31.5s-21.3-12.5-34-12.5c-11.3 0-22 3.3-32 10l-63 49c-7.3 6.7-17 10-29 10-10.7 0-20.7-3.7-30-11-24-19.3-45.7-41-65-65-7.3-8.7-11-18.5-11-29.5s3.3-20.8 10-29.5l48-63c7.3-9.3 11-20 11-32 0-13.3-4.3-25-13-35s-19.7-15.7-33-17l-78-10c-10.7-1.3-20-6-28-14s-12.7-17.7-14-29c-3.3-30-3.3-60.7 0-92 .7-10.7 5-20.2 13-28.5s17.7-13.2 29-14.5l78-10c13.3-2 24.3-8 33-18s13-21.7 13-35c0-11.3-3.7-21.7-11-31l-48-63c-7.3-8.7-10.8-18.5-10.5-29.5s4.2-20.8 11.5-29.5c19.3-24 41-45.7 65-65 8.7-7.3 18.5-11 29.5-11s20.8 3.3 29.5 10l63 49c10 6.7 20.7 10 32 10 12.7 0 24-4.2 34-12.5s16-18.8 18-31.5l10-80c1.3-10.7 6-20 14-28s17.7-12.7 29-14c30-3.3 60.7-3.3 92 0 11.3 1.3 21 6 29 14s12.7 17.3 14 28l10 80c2.7 12.7 8.8 23.2 18.5 31.5s20.8 12.5 33.5 12.5c9.3 0 19.3-3 30-9 28.7-22 50.3-38.7 65-50 8.7-6.7 18.5-10 29.5-10s20.8 3.7 29.5 11c24 19.3 45.7 41 65 65 7.3 8.7 11 18.5 11 29.5s-3.3 20.8-10 29.5c-33.3 43.3-50 65.3-50 66-6 8-9 17.3-9 28 0 12.7 4 23.8 12 33.5s18 16.2 30 19.5c36.7 4.7 64 8 82 10 10.7 1.3 20 6 28 14s12.7 17.7 14 29zm-478 209c45.3 0 83.8-15.8 115.5-47.5S643 525.6 643 480.2s-15.8-83.8-47.5-115.5-70.2-47.5-115.5-47.5-83.8 15.8-115.5 47.5S317 434.9 317 480.2s15.8 83.8 47.5 115.5 70.2 47.5 115.5 47.5z"/></svg>
diff --git a/app/assets/images/icons/share.svg b/app/assets/images/icons/share.svg
new file mode 100644
index 0000000..d5b7e66
--- /dev/null
+++ b/app/assets/images/icons/share.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>share-updated</title><path d="M31.49,25.81a5.68,5.68,0,0,1-5.68,5.68,5.5,5.5,0,0,1-3.66-1.33,5.44,5.44,0,0,1-1.92-3.35L9.45,21.16a5.47,5.47,0,0,1-3.26,1,5.47,5.47,0,0,1-4-1.66,5.69,5.69,0,0,1,0-8,5.47,5.47,0,0,1,4-1.66,5.47,5.47,0,0,1,3.26,1L20.13,6.26V6.19a5.43,5.43,0,0,1,1.66-4,5.67,5.67,0,0,1,8,0,5.47,5.47,0,0,1,1.66,4,5.51,5.51,0,0,1-1.66,4,5.69,5.69,0,0,1-7.28.63L11.87,16.45v.13l9.91,5.23a5.68,5.68,0,0,1,9.71,4Z"/></svg>
\ No newline at end of file
diff --git a/app/assets/images/icons/sort.svg b/app/assets/images/icons/sort.svg
new file mode 100644
index 0000000..eb1cd29
--- /dev/null
+++ b/app/assets/images/icons/sort.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M101.3 570c10-17.3 24.3-26 43-26h672c18.7 0 33 8.7 43 26 3.3 8 5 15.3 5 22 0 10.7-3 20-9 28-25.3 36-54.8 71-88.5 105s-64.2 61.8-91.5 83.5-55.7 42.2-85 61.5c-29.3 19.3-49.7 32.2-61 38.5s-20.3 11.2-27 14.5c-14.7 7.3-29 7.3-43 0-4.7-2-13.7-6.7-27-14s-34-20.3-62-39-56.2-39-84.5-61-59.2-50-92.5-84-62.7-69-88-105c-11.3-16-12.7-32.7-4-50zm763-202c0 6.7-1.7 14-5 22-10 17.3-24.3 26-43 26h-672c-18.7 0-33-8.7-43-26-8.7-17.3-7.3-34 4-50 82-116.7 200-217.7 354-303 14-7.3 28.3-7.3 43 0l10 5c6 3.3 13.3 7.7 22 13l32.5 20 41.5 27 46.5 33.5 50.5 41.5 51.5 47.5 51 54.5 47.5 61c6 8 9 17.3 9 28z"/></svg>
diff --git a/app/assets/images/icons/star.svg b/app/assets/images/icons/star.svg
new file mode 100644
index 0000000..63e29ce
--- /dev/null
+++ b/app/assets/images/icons/star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M957 364.6c5.3 14 4.3 27.3-3 40-32.7 60-102.3 135.3-209 226 28 115.3 44.7 207.7 50 277 1.3 18.7-6 33.3-22 44-8.7 5.3-17.3 8-26 8-6.7 0-14-1.7-22-5-11.3-6.7-29.7-16-55-28-90-44.7-153.3-78.7-190-102-36.7 23.3-100 57.3-190 102-25.3 12-43.7 21.3-55 28-16.7 8.7-32.7 7.7-48-3-16-10.7-23.3-25.3-22-44 5.3-69.3 22-161.7 50-277-106.7-90.7-176.3-166-209-226-7.3-12.7-8.3-26-3-40 4.7-14 13.3-23.3 26-28 37.3-16.7 131.7-27.7 283-33 54.7-158.7 99.3-255.3 134-290 10.7-9.3 22-14 34-14 12.7 0 23.7 4.7 33 14 35.3 34.7 80.3 131.3 135 290 151.3 5.3 245.7 16.3 283 33 12.7 5.3 21.3 14.7 26 28z"/></svg>
diff --git a/app/assets/images/icons/statistics.svg b/app/assets/images/icons/statistics.svg
new file mode 100644
index 0000000..c519574
--- /dev/null
+++ b/app/assets/images/icons/statistics.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M916 36c12.7.7 23.2 5.7 31.5 15S960 71.3 960 84v796c0 13.3-4.7 24.7-14 34s-20.7 14-34 14H752c-13.3 0-24.7-4.7-34-14s-14-20.7-14-34V84c0-12.7 4.2-23.5 12.5-32.5S735 37.3 747 36c24.7-2.7 53-4 85-4 31.3 0 59.3 1.3 84 4zM564 260c12.7.7 23.2 5.7 31.5 15s12.5 20.3 12.5 33v572c0 13.3-4.7 24.7-14 34s-20.7 14-34 14H400c-13.3 0-24.7-4.7-34-14s-14-20.7-14-34V308c0-12.7 4.2-23.5 12.5-32.5S383 261.3 395 260c24.7-2.7 53-4 85-4 31.3 0 59.3 1.3 84 4zM212 484c12.7.7 23.2 5.7 31.5 15s12.5 20.3 12.5 33v348c0 13.3-4.7 24.7-14 34s-20.7 14-34 14H48c-13.3 0-24.7-4.7-34-14S0 893.3 0 880V532c0-12.7 4.2-23.5 12.5-32.5S31 485.3 43 484c24.7-2.7 53-4 85-4 31.3 0 59.3 1.3 84 4z"/></svg>
diff --git a/app/assets/images/icons/stopwatch.svg b/app/assets/images/icons/stopwatch.svg
new file mode 100644
index 0000000..3d8372b
--- /dev/null
+++ b/app/assets/images/icons/stopwatch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M25.22,10.06a13,13,0,0,1,3.13,8.52A12.74,12.74,0,0,1,15.47,31.5,12.74,12.74,0,0,1,2.58,18.58,12.76,12.76,0,0,1,12.88,5.92V3.6h-.51a1.57,1.57,0,0,1-1.55-1.55A1.57,1.57,0,0,1,12.37.5h6.2a1.57,1.57,0,0,1,1.55,1.55A1.57,1.57,0,0,1,18.57,3.6h-.52V5.92a14.18,14.18,0,0,1,3.46,1.2l2.35-2.39a1.25,1.25,0,0,1,1.71,0l1.65,1.61a1.26,1.26,0,0,1,0,1.72ZM15.47,27.62a9.15,9.15,0,0,0,9.07-9,9.16,9.16,0,0,0-9.07-9,9,9,0,0,0,0,18.08Zm0-5.42a3.61,3.61,0,0,1-3.62-3.62,3.74,3.74,0,0,1,.26-1.32L10,14.93a1.23,1.23,0,0,1,.1-1.77,1.28,1.28,0,0,1,1.68,0l2.36,2.06A3.41,3.41,0,0,1,15.47,15a3.62,3.62,0,0,1,0,7.23Z"/></svg>
diff --git a/app/assets/images/icons/team.svg b/app/assets/images/icons/team.svg
new file mode 100644
index 0000000..95fbb16
--- /dev/null
+++ b/app/assets/images/icons/team.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M959 628c2 6.7.7 13.7-4 21s-10.7 11.3-18 12l-7 1c-4.7.7-11.8 1.5-21.5 2.5s-21.5 2-35.5 3-33.2 1.8-57.5 2.5-50.8 1.3-79.5 2c-6-4.7-12.7-9.2-20-13.5s-15.2-9-23.5-14S678 635.7 674 633c-10.7-5.3-21-11.3-31-18 70-92.7 84-184.7 42-276-16.7-36-40-64-70-84s-62.7-32.3-98-37c0-23.3 5.3-47.3 16-72 12.7-28 32-48.7 58-62s53-20 81-20 55 6.7 81 20 45.3 34 58 62c32 70 16.3 141.7-47 215-19.3 22.7-18 46.3 4 71 6.7 8 26.2 21.3 58.5 40s55.2 32.7 68.5 42c7.3 5.3 13.8 10.2 19.5 14.5s10.5 9.3 14.5 15 7.2 10 9.5 13 4.7 8.2 7 15.5 3.8 12.3 4.5 15 2.2 9.2 4.5 19.5 3.8 17.5 4.5 21.5zm-673 5c-4 2.7-10.2 6.5-18.5 11.5s-16.2 9.7-23.5 14-14 8.8-20 13.5c-20.7 0-40.3-.3-59-1s-34.7-1.3-48-2-25.3-1.3-36-2-19.5-1.3-26.5-2-12.8-1.3-17.5-2-8.3-1-11-1l-3-1c-7.3-.7-13.3-4.7-18-12-4.7-6-6-13-4-21 1.3-4.7 3-11.8 5-21.5s3.3-16.2 4-19.5 2.2-8.5 4.5-15.5 4.7-12 7-15S27 549.3 31 544s8.7-10.3 14-15 12-9.7 20-15c14-10 37-24.3 69-43s51.3-31.7 58-39c22-24.7 23.3-48.3 4-71-63.3-73.3-79-145-47-215 12.7-28 32-48.7 58-62s53-20 81-20 55 6.7 81 20 45.3 34 58 62c10.7 24.7 16 48.7 16 72-80 11.3-136.3 51.7-169 121-41.3 91.3-27 183.3 43 276-2.7 2-5.7 4-9 6s-7.2 4.2-11.5 6.5-7.5 4.2-9.5 5.5h-1zm194 263c-28 0-54.5-.2-79.5-.5s-46.2-.8-63.5-1.5-33-1.5-47-2.5-25.5-1.8-34.5-2.5-16.5-1.3-22.5-2-10.3-1-13-1l-5-1c-7.3-.7-13.3-4.7-18-12-4.7-6-6-13-4-21 1.3-4.7 3-11.8 5-21.5s3.3-16.2 4-19.5 2.2-8.5 4.5-15.5 4.7-12 7-15 5.5-7.2 9.5-12.5 8.7-10.3 14-15 12-9.7 20-15c14-10 37-24.3 69-43s51.3-31.7 58-39c22-24.7 23.3-48.3 4-71-63.3-73.3-79-145-47-215 12.7-28 32-48.7 58-62s53-20 81-20 55 6.7 81 20 45.3 34 58 62c32 70 16.3 141.7-47 215-19.3 22.7-18 46.3 4 71 6.7 8 26.2 21.3 58.5 40s55.2 32.7 68.5 42c16.7 12 29 23.2 37 33.5s13.5 21.7 16.5 34S763 833.3 767 852c2 7.3.7 14.3-4 21-4.7 7.3-10.7 11.3-18 12l-5 1c-2.7 0-7 .3-13 1s-13.5 1.3-22.5 2-20.7 1.5-35 2.5-30.2 1.8-47.5 2.5-38.3 1.2-63 1.5-51 .5-79 .5z"/></svg>
diff --git a/app/assets/images/icons/tracking.svg b/app/assets/images/icons/tracking.svg
new file mode 100644
index 0000000..bdf51a7
--- /dev/null
+++ b/app/assets/images/icons/tracking.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M354 278c8.7-26.7 16-61 22-103s9.8-74.8 11.5-98.5S390 38 390 32c0-8.7 3.2-16.2 9.5-22.5S413.3 0 422 0h116c8.7 0 16.2 3.2 22.5 9.5S570 23.3 570 32c0 5.3.8 20 2.5 44s5.5 57 11.5 99 13.3 76.3 22 103c4 9.3 2.7 18.7-4 28-6 9.3-14.7 14-26 14H384c-11.3 0-20-4.7-26-14-6-8-7.3-17.3-4-28zm546-161c8 .7 14.7 4.2 20 10.5s8 13.5 8 21.5v744c0 8-2.5 15-7.5 21s-11.5 9.3-19.5 10c-8 2-31 5.5-69 10.5S740.2 945 670.5 951s-133.2 9-190.5 9-120.8-3-190.5-9S166 939.5 128 934.5 67 926 59 924c-7.3-1.3-13.7-4.8-19-10.5S32 901 32 893V149c0-8 2.7-15.2 8-21.5s12-9.8 20-10.5c74-8.7 160-15.3 258-20-3.3 46.7-9 87.3-17 122-61.3 2.7-108.3 6-141 10v586c147.3 15.3 254 23 320 23 115.3 0 222-7.7 320-23V229c-33.3-4-80.3-7.3-141-10-8.7-38-14-78.7-16-122 97.3 4.7 183 11.3 257 20zM328 712c-13.3 16-30 24-50 24-14 0-27.3-4.7-40-14-14-10.7-22-24.8-24-42.5s2.7-33.5 14-47.5l138-160c12.7-15.3 28.3-23.3 47-24 19.3-1.3 35.3 5 48 19l78 77 96-117c11.3-13.3 25.7-21 43-23s33 2.3 47 13c13.3 11.3 21 25.8 23 43.5s-2.3 33.2-13 46.5L594 680c-12 14.7-27.3 22.7-46 24s-35-5-49-19l-78-77-93 104z"/></svg>
diff --git a/app/assets/images/icons/trash.svg b/app/assets/images/icons/trash.svg
new file mode 100644
index 0000000..a8bc3ad
--- /dev/null
+++ b/app/assets/images/icons/trash.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M896 272H64c-9.3 0-17-3-23-9s-9-13.7-9-23v-96c0-9.3 3-17 9-23s13.7-9 23-9h224V80c0-17.3 6.3-32.3 19-45s27.7-19 45-19h256c17.3 0 32.3 6.3 45 19s19 27.7 19 45v32h224c9.3 0 17 3 23 9s9 13.7 9 23v96c0 9.3-3 17-9 23s-13.7 9-23 9zm-256 64h221c10.7 172-6.3 344.3-51 517-5.3 18-15 33.5-29 46.5s-30.3 20.8-49 23.5c-84 14-168 21-252 21s-168-7-252-21c-18.7-2.7-35-10.5-49-23.5S155.3 871 150 853c-44.7-172.7-61.7-345-51-517h221v448h64V336h192v448h64V336z"/></svg>
diff --git a/app/assets/images/icons/unlock.svg b/app/assets/images/icons/unlock.svg
new file mode 100644
index 0000000..a85c289
--- /dev/null
+++ b/app/assets/images/icons/unlock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>unlock-updated</title><path d="M21.43,30.22a41.87,41.87,0,0,1-9.5,1.08,42.41,42.41,0,0,1-9.62-1.08,2,2,0,0,1-1.15-.72,2,2,0,0,1-.45-1.29l0-10.93a2.43,2.43,0,0,1,.58-1.6,1.77,1.77,0,0,1,1.4-.7H15V8.86A8,8,0,0,1,17.24,3,8,8,0,0,1,23.15.7,8,8,0,0,1,29.06,3a8,8,0,0,1,2.25,5.91v7.65a2.55,2.55,0,1,1-5.1,0V8.86q0-3.06-3.06-3.06T20.09,8.86V15H21a2,2,0,0,1,1.49.67,2.22,2.22,0,0,1,.62,1.53v11a1.88,1.88,0,0,1-.5,1.29,2.28,2.28,0,0,1-1.22.72Z"/></svg>
\ No newline at end of file
diff --git a/app/assets/images/icons/up.svg b/app/assets/images/icons/up.svg
new file mode 100644
index 0000000..eebb752
--- /dev/null
+++ b/app/assets/images/icons/up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M853 495c7.3 6 11 14 11 24v248c0 14-6.3 24-19 30-4 2-8.3 3-13 3-8 0-15.3-2.7-22-8L480 479 149 792c-10 8.7-21.3 10.3-34 5s-19-15.3-19-30V519c0-9.3 3.3-17.3 10-24l352-326c6.7-6 14-9 22-9s15 3 21 9l352 326z"/></svg>
diff --git a/app/assets/images/icons/user.svg b/app/assets/images/icons/user.svg
new file mode 100644
index 0000000..a4f7208
--- /dev/null
+++ b/app/assets/images/icons/user.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M30.17,30.37a25.73,25.73,0,0,1-3.27.56,91.86,91.86,0,0,1-10.9.54c-10.37,0-14-1.07-14.17-1.1A1.07,1.07,0,0,1,1.1,29.1c.67-3.13,2.4-4.8,4.77-6.3a16,16,0,0,1,2.36-1.1c1.6-.63,3.44-1.37,3.84-2.6.26-.8-.07-1.9-1-3.3C8.3,11.33,7.8,7.47,9.6,4.37A7.44,7.44,0,0,1,16,.53a7.4,7.4,0,0,1,6.4,3.84c1.8,3.1,1.3,7-1.47,11.43-.9,1.4-1.23,2.5-1,3.3.4,1.23,2.24,2,3.87,2.6a18.92,18.92,0,0,1,2.33,1.1c2.37,1.5,4.1,3.17,4.77,6.3A1.07,1.07,0,0,1,30.17,30.37Z"/></svg>
diff --git a/app/assets/images/icons/video.svg b/app/assets/images/icons/video.svg
new file mode 100644
index 0000000..d8701b1
--- /dev/null
+++ b/app/assets/images/icons/video.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M544 656V464H192v192h352zm390-250c17.3 8.7 26 22.3 26 41v290c0 18.7-8.7 32.3-26 41-6.7 4-14.7 6-24 6-10.7 0-19.7-2.3-27-7l-147-85v121c0 14.7-4.5 27.8-13.5 39.5S701.7 871.7 687 875c-106.7 24.7-213 37-319 37s-212.3-12.3-319-37c-14.7-3.3-26.5-10.8-35.5-22.5S0 827.7 0 813V386c0-16 5.3-30 16-42s24-19 40-21c120-15.3 241.7-21.3 365-18l-37-102c-32-2-77.3-3-136-3-14.7 0-39.3.8-74 2.5s-55.3 2.5-62 2.5c-20.7 1.3-38.5-5-53.5-19S35.7 154.7 35 134c-.7-20 5.7-37.3 19-52s30-22.7 50-24c80-6.7 154.7-10 224-10l115 3c15.3.7 29.3 5.7 42 15s21.7 21 27 35v1l82 212c18.7 2 47.3 5 86 9 16 2 29.3 9 40 21s16 26 16 42v106l147-85c16.7-9.3 33.7-9.7 51-1z"/></svg>
diff --git a/app/assets/images/icons/waiver.svg b/app/assets/images/icons/waiver.svg
new file mode 100644
index 0000000..b4a56dd
--- /dev/null
+++ b/app/assets/images/icons/waiver.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M857 33c11.3 2.7 20.7 8.5 28 17.5s11 18.8 11 29.5v560c0 28.7-20.3 68.7-61 120s-86.8 97.2-138.5 137.5S604.7 958 576 958c-38.7 1.3-70.7 2-96 2-24 0-48-.3-72-1s-46-1.7-66-3-39.5-2.8-58.5-4.5-36.3-3.3-52-5-30.2-3.3-43.5-5-25.2-3.5-35.5-5.5-19-3.5-26-4.5-12.8-2.2-17.5-3.5l-7-1c-10.7-2.7-19.7-8.3-27-17s-11-18.7-11-30V80c0-10.7 3.7-20.5 11-29.5S91.3 35.7 102 33l7-1c4.7-1.3 10.5-2.5 17.5-3.5s15.7-2.5 26-4.5 22.2-3.8 35.5-5.5 27.8-3.3 43.5-5 33-3.3 52-5S322 5.3 342 4c20-1.3 42-2.3 66-3s48-1 72-1c119.3 0 245 11 377 33zM480 868c5.3 0 13.5-.2 24.5-.5s18.8-.5 23.5-.5c12.7 0 23.8-5.2 33.5-15.5S576 829.3 576 816V688c0-13.3 4.7-24.7 14-34s20.7-14 34-14h128c13.3 0 24.7-4.7 34-14s14-20.7 14-34V120c-112-18-218.7-27-320-27-103.3 0-210 9-320 27v720c116 18.7 222.7 28 320 28zM256 288v-64h448v64H256zm448 128H256v-64h448v64zm0 128H256v-64h448v64z"/></svg>
diff --git a/app/assets/images/icons/wrench.svg b/app/assets/images/icons/wrench.svg
new file mode 100644
index 0000000..18fe43e
--- /dev/null
+++ b/app/assets/images/icons/wrench.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>wrench-updated</title><path d="M30.18,9.14a3.77,3.77,0,0,1,.72,1.64,14.23,14.23,0,0,1,.36,2.82,9.74,9.74,0,0,1-.57,3.4,7.94,7.94,0,0,1-1.91,3.11,8.46,8.46,0,0,1-6.23,2.47,12.07,12.07,0,0,1-5-1.07L7.5,30.24a4.06,4.06,0,0,1-3,1,3.88,3.88,0,0,1-2.82-1.42,4,4,0,0,1-1-2.72,4.08,4.08,0,0,1,1-2.68L10.45,14.3a12.24,12.24,0,0,1-1-6.16,8,8,0,0,1,2.38-5.06Q14.18.79,18.52.79a11.6,11.6,0,0,1,2.6.27,3.78,3.78,0,0,1,1.53.62.85.85,0,0,1,0,1.26L18.31,7.39a2.73,2.73,0,0,0-.79,1.54,2.65,2.65,0,0,0,.28,1.68,7.54,7.54,0,0,0,1.5,2,7.62,7.62,0,0,0,2,1.51A2.69,2.69,0,0,0,23,14.4a2.64,2.64,0,0,0,1.53-.79L28.88,9.1a.83.83,0,0,1,1.3,0Z"/></svg>
\ No newline at end of file
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
new file mode 100644
index 0000000..41e594c
--- /dev/null
+++ b/app/assets/stylesheets/application.css
@@ -0,0 +1,246 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
+ * vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS
+ * files in this directory. Styles in this file should be added after the last require_* statement.
+ * It is generally better to create a new file per style scope.
+ *
+ *= require_tree .
+ *= require_self
+ */
+:root {
+  --bc-text-muted: #6c757d;
+  --bc-avail-color-yes: #7fc243;
+  --bc-avail-color-no: #cb5958;
+  --bc-avail-color-maybe: #113b63;
+}
+
+.availability-bar.going {
+  background-color: var(--bc-avail-color-yes);
+}
+.availability-bar.not-going {
+  background-color: var(--bc-avail-color-no);
+}
+.availability-bar.maybe {
+  background-color: var(--bc-avail-color-maybe);
+}
+.availability-bar.unknown {
+  background-color: gray;
+}
+
+header.Header {
+  background: #323669;
+  padding: 8px 0;
+  box-shadow: 0 4px 0 rgba(0, 0, 25, 0.1);
+  border-bottom: 1px solid #d6d6d6;
+  color: white;
+}
+
+body {
+  background-color: rgb(246, 246, 246);
+}
+
+/* .u-padSm.u-border.u-borderRadiusLg.u-spaceEndsSm.u-maxWidthXs */
+
+.event-card {
+  font-family: "Open Sans", Helvetica, sans-serif;
+  border: 1px solid #e6e6e6;
+  border-radius: 8px;
+  max-width: 480px;
+  margin-top: 8px;
+  margin-bottom: 8px;
+  background: white;
+}
+
+.event-card .title {
+  margin-bottom: 4px;
+}
+
+.event-card .event-card-body {
+  padding: 8px 8px 8px 8px;
+}
+
+.event-card-body > .availability-bar {
+  margin: 4px;
+}
+
+.event-card-body > .availability-bar.fullwidth {
+  margin-top: 4px;
+  margin-bottom: -8px;
+  margin-left: -8px;
+  margin-right: -8px;
+}
+
+.event-card-body .availability-bar.fullwidth .progress {
+  border-radius: 0;
+}
+
+.event-card .date,
+.event-card .location {
+  color: #7a7a7a;
+  font-size: 0.9em;
+}
+
+.event-card .opponent {
+}
+
+.event-card .Button span {
+  margin-left: 4px;
+}
+
+.event-card .event-card-footer {
+  padding: 8px;
+  border-radius: 0px 0px 8px 8px;
+  background-color: rgb(251, 251, 251);
+  border-top: solid 1px rgb(214, 214, 214);
+}
+
+.event-card-footer div {
+  text-align: center;
+}
+
+.Header-bannerLogo,
+.Header-bannerTitle {
+  margin: 0;
+  padding: 0;
+}
+
+.Header-bannerLogo img {
+  heigh: 48px;
+  width: 48px;
+}
+
+.Header-bannerTitle {
+  font-family: "Helvetica", sans-serif;
+  text-transform: uppercase;
+  font-weight: bold;
+  text-align: left;
+  color: white;
+}
+
+.benchcoach-nav {
+  background-color: #323669;
+  margin-bottom: 2em;
+  padding: 0.5em;
+  color: white;
+}
+
+a.Panel-row {
+  color: inherit;
+}
+
+.benchcoach-nav h3 {
+  font-family: "Helvetica", sans-serif;
+  font-weight: bolder;
+  color: white;
+  text-transform: uppercase;
+}
+
+.lineup-slot .Panel-cell {
+  display: flex;
+  align-items: center;
+}
+
+div[id^="event-lineup"] {
+  counter-reset: lineup-sequence-counter 0;
+}
+
+.lineup-slot {
+  counter-increment: lineup-sequence-counter 1;
+}
+
+.lineup-slot .Panel-cell.Panel-cell--header {
+  background: rgba(256, 256, 256, 0);
+}
+
+.lineup-slot .Panel-cell:has(.drag-handle) {
+  flex-direction: column;
+}
+
+.lineup-slot [class*="availability-status-code"]::before,
+li [class*="availability-status-code"]::before {
+  padding-right: 6px;
+  font-family: "bootstrap-icons";
+}
+
+.lineup-slot .availability-status-code-1::before,
+li .availability-status-code-1 {
+  content: "\F26C";
+  color: var(--bc-avail-color-yes);
+}
+
+.lineup-slot .availability-status-code-2::before,
+li .availability-status-code-2 {
+  font-family: "bootstrap-icons";
+  content: "\F50A";
+  color: var(--bc-avail-color-maybe);
+}
+
+.lineup-slot .availability-status-code-0::before,
+li .availability-status-code-0 {
+  content: "\F628";
+  color: var(--bc-avail-color-no);
+}
+
+.lineup-slot .availability-status-code-nil::before,
+.lineup-slot .availability-status-code-::before,
+li .availability-status-code- {
+  content: "\F50B";
+  color: var(--bs-secondary);
+}
+
+.lineup-slot .lastname {
+  text-transform: uppercase;
+  font-weight: bold;
+}
+
+.lineup-slot .jerseynumber {
+  text-transform: uppercase;
+  font-weight: light;
+  color: var(--bc-text-muted);
+  font-size: 0.8em;
+}
+
+.lineup-slot .jerseynumber::before {
+  content: "-";
+  margin-right: 4px;
+  margin-left: 4px;
+}
+
+.lineup-slot .sequence::before {
+  content: counter(lineup-sequence-counter);
+  margin-left: 0.5em;
+}
+
+div[id^="event-lineup"] .Panel.position-only .sequence {
+  display: none;
+}
+
+div[id^="event-lineup"] .Panel.bench .sequence {
+  display: none;
+}
+
+div[id^="event-lineup"] .Panel.out .sequence,
+div[id^="event-lineup"] .Panel.out .drag-handle,
+div[id^="event-lineup"] .Panel.out .SelectBox {
+  display: none;
+}
+
+.Tooltip:after {
+  padding: 2px !important;
+  font-size: inherit !important;
+}
+
+/* if lineup_entry.availabilityStatusCode == 2
+     i.bi.bi-question-circle-fill.text-info.u-spaceRightXs
+ else if lineup_entry.availabilityStatusCode == 1
+     i.bi.bi-check-circle-fill.text-success.u-spaceRightXs
+ else if lineup_entry.availabilityStatusCode == 0
+     i.bi.bi-x-circle-fill.text-danger.u-spaceRightXs
+ else
+     i.bi.bi-question-circle.u-spaceRightXs */
diff --git a/app/assets/stylesheets/futura-now.css b/app/assets/stylesheets/futura-now.css
new file mode 100644
index 0000000..4fdee7c
--- /dev/null
+++ b/app/assets/stylesheets/futura-now.css
@@ -0,0 +1,6 @@
+@font-face {
+    font-family: "Futura Now";
+    src: url('futura-now.ttf') format('truetype');
+    font-style: normal;
+    font-weight: 100 900;
+}
diff --git a/app/assets/stylesheets/gamecard.css b/app/assets/stylesheets/gamecard.css
new file mode 100644
index 0000000..2df2724
--- /dev/null
+++ b/app/assets/stylesheets/gamecard.css
@@ -0,0 +1,819 @@
+@font-face {
+  font-family: "Helvetica Now";
+  src: url("/assets/helvetica-now.ttf") format("truetype");
+  font-weight: 125 900;
+  font-stretch: 50% 150%;
+}
+
+@font-face {
+  font-family: "Inconsolata";
+  src: url("/assets/inconsolata-vf.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Futura Now";
+  src: url("/assets/futura-now.ttf") format("truetype");
+  font-weight: 125 900;
+  font-stretch: 50% 150%;
+}
+
+@font-face {
+  font-family: "Oswald";
+  src: url("/assets/Oswald.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Graduate";
+  src: url("/assets/Graduate.ttf") format("truetype");
+}
+
+@page {
+  margin: 0;
+}
+
+/** For Print **/
+@media print {
+  body .sheet {
+    size: B5;
+    padding: 0.2in;
+  }
+}
+
+/** For screen preview **/
+@media screen {
+  body .sheet {
+    padding: 0.2in;
+  }
+  body {
+    background: #e0e0e0;
+  }
+  .sheet {
+    background: white;
+    box-shadow: 0 0.5mm 2mm rgba(0, 0, 0, 0.3);
+  }
+}
+
+.sheet {
+  overflow: hidden;
+  position: relative;
+  box-sizing: border-box;
+  page-break-after: always;
+}
+
+/** Paper sizes **/
+body.B5 .sheet {
+  width: 176mm;
+  height: 250mm;
+}
+
+body.index-card .sheet {
+  width: 3.5in;
+  height: 5in;
+}
+
+:root {
+  --color-success: #b7e1cd;
+  --color-danger: #f4c7c3;
+  --color-neutral: #acc9fe;
+  --color-warning: rgb(249, 228, 180);
+  --color-grey-100: #f8f9fa;
+  --color-grey-200: #e9ecef;
+  --color-grey-300: #dee2e6;
+  --color-grey-400: #ced4da;
+  --color-grey-500: #adb5bd;
+  --color-grey-600: #6c757d;
+  --color-grey-700: #495057;
+  --color-grey-800: #343a40;
+  --color-grey-900: #212529;
+  --row-height: 14px;
+  --monospace-font: "Inconsolata", monospace;
+}
+
+body {
+  font-family: "Helvetica Now", "Helvetica", sans-serif;
+  position: relative;
+  font-size: 11px;
+}
+
+table {
+  position: inherit;
+  font-size: inherit;
+  border-collapse: collapse;
+  empty-cells: show;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow-x: hidden;
+  overflow-y: hidden;
+  width: 100%;
+  border: 0.5px solid black;
+  display: inline-table;
+}
+
+.float-right {
+  float: right;
+}
+
+.float-left {
+  float: left;
+}
+
+th,
+td {
+  /* vertical-align: middle; */
+  /* line-height: 1.3em; */
+  overflow: hidden;
+  padding: 0 2px 0 2px; /* top right bottom left */
+}
+
+tr {
+  border-bottom-width: 0.5px;
+  border-color: grey;
+  border-bottom-style: solid;
+}
+
+tr:nth-child(odd) {
+  background-color: rgb(242, 242, 242, 0.85);
+}
+
+tr:nth-child(even) {
+  background-color: rgb(256, 256, 256, 0.85);
+}
+
+th,
+td {
+  border-left: 0.5px solid grey;
+  border-right: 0.5px solid grey;
+}
+
+table.notes th {
+  border-left: none;
+  border-right: none;
+  vertical-align: top;
+}
+
+th {
+  font-stretch: extra-condensed;
+  width: 1em;
+  text-align: center;
+  text-transform: uppercase;
+}
+
+td:empty::after,
+th:empty::after {
+  content: "\00a0";
+}
+
+td.player-name {
+  text-transform: uppercase;
+  font-stretch: 80%;
+  /* font-family: var(--monospace-font); */
+}
+
+td.position,
+td.jersey-number {
+  font-family: var(--monospace-font);
+  width: 2ch;
+  text-align: right;
+  overflow: hidden;
+}
+
+.B5 > .gamecard {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  grid-template-rows: 1fr 1fr;
+  column-gap: 0.2in;
+  row-gap: 0.2in;
+  background-size: 100%;
+}
+
+.gamecard > section {
+  box-sizing: content-box;
+  overflow: hidden;
+  /* outline: 0.5px dashed lightgrey; */
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+}
+
+.gamecard > section > div {
+  display: flex;
+  flex: 1;
+  align-items: stretch;
+  height: auto;
+}
+
+.lineup-card th {
+  width: inherit;
+}
+
+#lineup-card-dugout div.grid-container,
+#lineup-card-dugout-blank div.grid-container {
+  display: grid;
+  grid-template-columns: 60% auto;
+  grid-template-rows: fit-content(16px) auto;
+  grid-template-areas:
+    "header header"
+    "sarting-lineup-table substitution-table";
+}
+
+#lineup-card-exchange div.grid-container,
+#lineup-card-exchange-blank div.grid-container {
+  display: grid;
+  grid-template-columns: auto;
+  grid-template-rows: fit-content(16px) auto;
+  grid-template-areas:
+    "header"
+    "sarting-lineup-table";
+}
+
+#lineup-card-exchange .substitution,
+#lineup-card-exchange .homeaway,
+#lineup-card-blank .substitution,
+#lineup-card-blank .homeaway {
+  display: none;
+}
+
+.lineup-card div.grid-container > header {
+  grid-area: "header";
+  font-size: 14px;
+  font-weight: bold;
+}
+
+.lineup-card div.grid-container > header:empty::after {
+  content: "\00a0";
+}
+
+div.grid-container > .starting-lineup-table {
+  grid-area: "starting-lineup-table";
+}
+
+div.grid-container > .substitution-table {
+  grid-area: "substitution-table";
+}
+
+.lineup-card thead th {
+  color: var(--color-grey-600);
+  font-size: 0.7em;
+}
+
+.lineup-card th.sequence {
+  color: var(--color-grey-600);
+  font-size: inherit;
+  width: 2ch;
+}
+
+.lineup-card table {
+  font-size: 22px;
+}
+
+.lineup-card td {
+  /* height: 34px; */
+}
+
+.lineup-card td.substitution {
+  width: 8ch;
+}
+
+.lineup-card td.substitution::after {
+  content: "";
+}
+
+#lineup-card-exchange tr,
+#lineup-card-exchange-blank tr,
+#lineup-card-dugout .starting-lineup-table tr,
+#lineup-card-dugout-blank .starting-lineup-table tr,
+#lineup-card-dugout .substitution-table tr:nth-child(odd) {
+  border-top: 1px solid black;
+}
+
+#lineup-card-exchange tr,
+#lineup-card-exchange-blank tr,
+#lineup-card-dugout .starting-lineup-table tr,
+#lineup-card-dugout-blank .starting-lineup-table tr,
+#lineup-card-dugout .substitution-table tr:nth-child(even) {
+  border-bottom: 1px solid black;
+}
+
+td.substitution {
+  border-left: 1px solid black;
+}
+
+#lineup-card-exchange td.player-name {
+  font-stretch: 100%;
+}
+
+#lineup-card-dugout td.player-name {
+  width: 10ch;
+}
+
+.lineup-card .position,
+.lineup-card .jersey-number {
+  width: 2ch;
+}
+
+#lineup-card-dugout .position,
+#lineup-card-dugout .jersey-number {
+  font-stretch: 75%;
+  padding-left: 2.5px;
+  padding-right: 2.5px;
+}
+
+.lineup-card header {
+  font-size: inherit;
+  text-transform: uppercase;
+  font-stretch: 85%;
+}
+
+#todays-game > div {
+  display: grid;
+  grid-template-columns: 110px auto;
+  grid-template-rows: auto auto;
+  grid-template-areas:
+    "offense defense"
+    "footer footer";
+}
+
+#defense-pane {
+  position: relative;
+  grid-area: defense;
+  padding: 4px 4px 0px 4px; /* top right bottom left */
+  display: flex;
+  border-right: 0.5px solid grey;
+  border-bottom: 0.5px solid grey;
+}
+
+#defense-pane .field-container {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  grid-template-rows: repeat(6, 1fr);
+  grid-column-gap: 4px;
+  width: 100%;
+  z-index: 2;
+}
+
+#defense-pane img {
+  position: absolute;
+  z-index: -1;
+}
+
+#defense-pane .slot-set {
+  display: flex;
+  align-items: center;
+}
+
+#defense-pane .slot-set .pos-slot-p {
+  align-items: end;
+  margin-bottom: 4px;
+}
+
+#defense-pane .pos-slot-cf {
+  justify-content: center;
+  align-items: start;
+  grid-area: 1 / 1 / 2 / 5;
+}
+#defense-pane .pos-slot-lf {
+  justify-content: flex-start;
+  grid-area: 2 / 1 / 3 / 3;
+}
+#defense-pane .pos-slot-rf {
+  justify-content: flex-end;
+  grid-area: 2 / 3 / 3 / 5;
+}
+#defense-pane .pos-slot-ss {
+  justify-content: flex-end;
+  grid-area: 3 / 1 / 4 / 3;
+}
+#defense-pane .pos-slot-2b {
+  justify-content: flex-start;
+  grid-area: 3 / 3 / 4 / 5;
+}
+#defense-pane .pos-slot-3b {
+  justify-content: flex-start;
+  grid-area: 4 / 1 / 5 / 3;
+}
+#defense-pane .pos-slot-1b {
+  justify-content: flex-end;
+  grid-area: 4 / 3 / 5 / 5;
+}
+#defense-pane .pos-slot-c {
+  justify-content: center;
+  grid-area: 5 / 1 / 6 / 5;
+}
+#defense-pane .pos-slot-p {
+  grid-area: 6 / 1 / 7 / 5;
+}
+
+#defense-pane .pos-slot-cf th.position:empty::after {
+  content: "CF";
+}
+
+#defense-pane .pos-slot-lf th.position:empty::after {
+  content: "lf";
+}
+
+#defense-pane .pos-slot-rf th.position:empty::after {
+  content: "rf";
+}
+
+#defense-pane .pos-slot-ss th.position:empty::after {
+  content: "ss";
+}
+
+#defense-pane .pos-slot-2b th.position:empty::after {
+  content: "2B";
+}
+
+#defense-pane .pos-slot-3b th.position:empty::after {
+  content: "3B";
+}
+
+#defense-pane .pos-slot-1b th.position:empty::after {
+  content: "1B";
+}
+
+#defense-pane .pos-slot-c th.position:empty::after {
+  content: "C";
+}
+
+#defense-pane .pos-slot-p th.position:empty::after {
+  content: "P";
+}
+
+#defense-pane .pos-slot-rp-1 th.position:empty::after {
+  content: "RP";
+}
+
+#defense-pane .pos-slot-rp-2 th.position:empty::after {
+  content: "RP";
+}
+
+#offense-pane {
+  position: relative;
+  /* box-sizing: border-box; */
+  height: 100%;
+  grid-area: offense;
+  border-bottom: 0.5px solid black;
+  /* outline: 0.5px solid black; */
+}
+
+#offense-pane table {
+  height: 100%;
+  border: none;
+}
+
+.slot-set table {
+  width: 77px;
+}
+
+.slot-set.pos-slot-p table {
+  width: 100%;
+}
+
+.index-card .defense-slot-set {
+  width: 65px;
+}
+
+.index-card .defense-slot-set .player-name {
+  font-stretch: 70%;
+}
+
+.container .row {
+  width: 100%;
+  display: flex;
+  align-items: center;
+}
+
+header {
+  background-color: #cadcf9;
+  font-family: "Oswald";
+  /* font-size: 8.8px; */
+  /* outline: 1px solid black; */
+  /* height: var(--row-height); */
+  width: auto;
+  grid-area: header;
+  text-align: center;
+  padding-left: 10px;
+  padding-right: 10px;
+  border: 0.5px solid black;
+  z-index: 1;
+}
+
+.footer {
+  /* height:var(--row-height); */
+  position: relative;
+  box-sizing: border-box;
+  grid-area: footer;
+  /* border: 1px solid black; */
+  height: 100%;
+  border-right: 0.5px solid grey;
+  border-left: 0.5px solid grey;
+}
+
+.footer table {
+  height: 100%;
+  outline: none;
+  border-style: none;
+}
+
+.footer tr {
+  background-color: white;
+  outline: none;
+  border-bottom: 0.5px solid var(--color-grey-500);
+}
+
+.footer tr :last-child {
+  background-color: white;
+  outline: none;
+  border-bottom-style: none;
+}
+.footer th {
+  text-align: left;
+  color: var(--color-grey-600);
+}
+.footer td {
+  height: var(--row-height);
+
+  border: none;
+}
+
+.footer td:empty::after {
+  content: "";
+}
+
+.cell-checkbox {
+  font-size: 0.75em;
+}
+
+.in-starting-lineup {
+  font-weight: bold;
+}
+
+.gametitle {
+  font-weight: bold;
+  text-transform: uppercase;
+  font-stretch: semi-condensed;
+}
+
+.homeaway {
+  text-transform: uppercase;
+  font-stretch: normal;
+  font-weight: bolder;
+  float: right;
+  text-transform: uppercase;
+}
+
+.cell-smalltext {
+  font-stretch: condensed;
+  font-size: 10px;
+}
+
+.statscell {
+  font-family: "m+1m";
+  text-align: center;
+  font-stretch: extra-condensed;
+  font-size: 9px;
+  width: 60px;
+}
+
+ {
+  text-transform: uppercase;
+}
+
+.condensedNameCell {
+  width: 70px;
+  text-transform: uppercase;
+  font-stretch: condensed;
+}
+
+.cell-square {
+  height: var(--row-height);
+  width: 14px;
+  text-align: center;
+}
+
+.cell-square.narrow {
+  width: 10px;
+}
+.cell-mono {
+  font-family: "m+1m";
+}
+
+.cell-condensed {
+  font-stretch: condensed;
+}
+
+.available-status-code-1 {
+  color: rgb(0, 85, 0);
+  background-color: #b7e1cd;
+}
+
+.available-status-code-0 {
+  color: rgb(170, 0, 0);
+  background-color: #f4c7c3;
+}
+
+.past.available-status-code-0,
+.past.available-status-code-null {
+  color: var(--color-grey-600);
+  background-color: inherit;
+}
+
+.past.available-status-code-1 {
+  color: inherit;
+  background-color: var(--color-warning);
+}
+
+.past.available-status-code-1.started {
+  color: inherit;
+  background-color: inherit;
+}
+
+.available-status-code-2 {
+  color: blue;
+  background-color: #acc9fe;
+}
+
+#roster-and-history .player-name,
+#roster-and-history .jersey-number {
+  color: black;
+}
+
+#roster-and-history .player-name {
+  font-stretch: 95%;
+}
+
+.starting {
+  font-weight: bold;
+}
+
+#roster-and-history > div > table {
+  /* font-size: 10.5px; */
+  padding: 0;
+  line-height: 1em;
+  /* outline: 0.5px black; */
+}
+
+#roster-and-history td,
+#roster-and-history th {
+  border-left: none;
+  border-right: none;
+  padding: 0.2em 0.1em 0.2em 0.1em; /* top right bottom left */
+}
+
+#roster-and-history td.player-name {
+  text-align: left;
+}
+
+#roster-and-history th {
+  background-color: #cadcf9;
+  color: black;
+  border: none;
+}
+
+#roster-and-history thead > tr,
+#roster-and-history tfoot > tr {
+  border-bottom: solid black 1px;
+}
+
+#roster-and-history tbody {
+  border-bottom: solid black 1px;
+}
+
+#roster-and-history td.avail-today-plus-1,
+#roster-and-history .pitcher,
+#roster-and-history .player-stats,
+#roster-and-history td.avail-today-minus-1 {
+  border-left-width: 1px;
+  border-left-style: solid;
+  border-left-color: black;
+}
+
+#roster-and-history td.jersey-number {
+  border-left: 0.5px solid lightgrey;
+}
+
+#roster-and-history td.today-minus-4 {
+  border-right: 1px solid black;
+}
+
+#roster-and-history tr.border-top {
+  border-top: 1px solid black;
+}
+
+#roster-and-history #today-availability {
+  font-stretch: normal;
+  text-transform: uppercase;
+  font-size: 0.8em;
+}
+
+.player-stats {
+  font-family: var(--monospace-font);
+  font-size: 1em;
+  font-stretch: 60%;
+  font-weight: 300;
+}
+
+#roster-and-history td.position-capability,
+th.position-capability {
+  font-size: 8px;
+  font-stretch: 50%;
+  width: 5px;
+  text-align: center;
+  padding: 0;
+}
+
+#roster-and-history th.position-capability {
+  font-size: inherit;
+}
+
+td.position-capability:not(:empty) {
+  color: var(--color-grey-700);
+  background-color: var(--color-grey-200);
+}
+
+td.is-present-checkbox {
+  font-size: 0.5em;
+  text-align: center;
+  color: white;
+  /* text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000,
+    1px 1px 0 #000; */
+}
+
+td.is-present-checkbox.available-status-code-0 > span {
+  display: none;
+}
+
+td.is-present-checkbox.available-status-code-None > span {
+  display: none;
+}
+
+td.availability {
+  font-family: var(--monospace-font);
+  font-stretch: condensed;
+  text-align: center;
+  max-width: 0.8em;
+  min-width: 0.8em;
+}
+
+.availability.future,
+.availability.past {
+  font-family: var(--monospace-font);
+  font-stretch: condensed;
+  font-weight: normal;
+  font-size: 0.8em;
+  padding: 0.1em;
+  text-transform: uppercase;
+}
+
+#roster-test .player-name {
+  font-weight: bold;
+  text-transform: uppercase;
+  grid-area: player-name;
+}
+
+#roster-test .jersey-number {
+  font-weight: bolder;
+  font-stretch: extra-condensed;
+  grid-area: jersey-number;
+}
+
+#roster-test .player-stats {
+  grid-area: player-stats;
+}
+
+#roster-test .diamond {
+  grid-area: diamond;
+  overflow: hidden;
+  display: inline-block;
+  height: 10px;
+  /* height:10px; */
+}
+
+th[class^="avail-today-"] div {
+  transform: rotate(270deg);
+}
+
+.delimiter,
+.decimal-point {
+  font-family: Helvetica Now;
+  font-stretch: expanded;
+  color: var(--color-grey-500);
+}
+
+th .decimal-point {
+  color: rgb(0, 0, 0, 0);
+}
+
+th .delimiter {
+  color: var(--color-grey-500);
+}
+
+#front-cover .container {
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: repeat(3, 1fr);
+  grid-column-gap: 0px;
+  grid-row-gap: 0px;
+  text-align: center;
+  align-items: center;
+}
diff --git a/app/assets/stylesheets/helvetica-now.css b/app/assets/stylesheets/helvetica-now.css
new file mode 100644
index 0000000..c512683
--- /dev/null
+++ b/app/assets/stylesheets/helvetica-now.css
@@ -0,0 +1,7 @@
+@font-face {
+    font-family: "Helvetica Now";
+    src: url('helvetica-now.ttf') format('truetype');
+    font-weight: 125 900;
+    font-stretch: 50% 150%;
+    font-style: normal;
+}
\ No newline at end of file
diff --git a/app/assets/stylesheets/helvetica.css b/app/assets/stylesheets/helvetica.css
new file mode 100644
index 0000000..c512683
--- /dev/null
+++ b/app/assets/stylesheets/helvetica.css
@@ -0,0 +1,7 @@
+@font-face {
+    font-family: "Helvetica Now";
+    src: url('helvetica-now.ttf') format('truetype');
+    font-weight: 125 900;
+    font-stretch: 50% 150%;
+    font-style: normal;
+}
\ No newline at end of file
diff --git a/app/assets/stylesheets/inconsolata.css b/app/assets/stylesheets/inconsolata.css
new file mode 100644
index 0000000..76a3a5f
--- /dev/null
+++ b/app/assets/stylesheets/inconsolata.css
@@ -0,0 +1,4 @@
+@font-face {
+  font-family: "Inconsolata";
+  src: url("inconsolata-vf.ttf") format("truetype");
+}
diff --git a/app/channels/application_cable/channel.rb b/app/channels/application_cable/channel.rb
new file mode 100644
index 0000000..9aec230
--- /dev/null
+++ b/app/channels/application_cable/channel.rb
@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+module ApplicationCable
+  class Channel < ActionCable::Channel::Base
+  end
+end
diff --git a/app/channels/application_cable/connection.rb b/app/channels/application_cable/connection.rb
new file mode 100644
index 0000000..8d6c2a1
--- /dev/null
+++ b/app/channels/application_cable/connection.rb
@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+module ApplicationCable
+  class Connection < ActionCable::Connection::Base
+  end
+end
diff --git a/app/controllers/application_controller.rb b/app/controllers/application_controller.rb
new file mode 100644
index 0000000..9a4c197
--- /dev/null
+++ b/app/controllers/application_controller.rb
@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+class ApplicationController < ActionController::Base
+  # 	Database: You can store session data in your application's database. This
+  # requires additional setup, but it can be useful if you need to store large
+  # amounts of data or want to share session data between multiple web servers.
+  #
+  # To configure the session storage option, you can edit your Rails application's
+  # config/application.rb file.
+  # For example, to use the database for session
+  # storage, you can add the following line:
+  config.session_store :active_record_store
+end
diff --git a/app/controllers/concerns/.keep b/app/controllers/concerns/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/app/controllers/event_controller.rb b/app/controllers/event_controller.rb
new file mode 100644
index 0000000..2f93f1c
--- /dev/null
+++ b/app/controllers/event_controller.rb
@@ -0,0 +1,138 @@
+# frozen_string_literal: true
+class EventController < ApplicationController
+  include SessionsHelper
+  before_action :logged_in_user
+  skip_before_action :verify_authenticity_token, only: :lineup_email
+
+  def show
+    team_id = params[:team_id]
+    event_id = params[:event_id]
+    team = TeamSnap::Team.find(@teamsnap_client, team_id)
+    event = TeamSnap::Event.find(@teamsnap_client, event_id)
+    availability_summary = TeamSnap::AvailabilitySummary.find(@teamsnap_client, event_id)
+    render 'show', locals: { team:, event:, availability_summary: }
+  end
+
+  def list
+    team_id = params[:team_id]
+    team = TeamSnap::Team.find(@teamsnap_client, team_id)
+    events = TeamSnap::Event.search(@teamsnap_client, { team_id: })
+    availability_summaries = TeamSnap::AvailabilitySummary.search(@teamsnap_client, { team_id: })
+    availability_summaries_by_event = {}
+    events.each_with_index do |event, _index|
+      availability_summary = availability_summaries.find { |a| a.event_id == event.id }
+      availability_summaries_by_event[event] = availability_summary
+    end
+    render 'list',
+           locals: { team:, events:, availability_summaries_by_event: }
+  end
+
+  def lineup
+    team_id = params[:team_id].to_i
+    event_id = params[:event_id].to_i
+    context = helpers.event_context_with_timeline(team_id, event_id, 4)
+    render 'lineup', locals: context
+  end
+  
+  def lineup_params(params)
+    params.permit(
+        :event_lineup_id,
+        :event_lineup_entry_original, 
+        event_lineup_entries: [
+          :label,
+          :sequence,
+          :member_id,
+          :event_id,
+          :id,
+          :availability_status_code,
+          member: [
+            :last_name,
+            :first_name,
+            :jersey_number,
+            :email_addresses
+          ]
+          
+        ]
+      
+    )
+  end
+  
+  def lineup_email
+    params_hash = lineup_params(params).to_h
+    p params_hash
+    render "lineup_email", locals:params_hash, layout: false
+  end
+  
+  def lineup_submit   
+    params_hash = lineup_params(params).to_h
+    unless params_hash[:event_lineup_id].blank?
+      event_lineup = TeamSnap::EventLineup.find(@teamsnap_client, params_hash[:event_lineup_id])
+      event_lineup_id = event_lineup.id
+      event_lineup_entries_existing = event_lineup.event_lineup_entries
+    else
+      event_lineup = TeamSnap::EventLineup.create(@teamsnap_client, {
+        :team_id => params[:team_id].to_i,
+        :event_id => params[:event_id].to_i
+      })
+      event_lineup_id = event_lineup.id
+      event_lineup_entries_existing = []
+    end
+    
+    params_hash[:event_lineup_entries].each do |lue|
+      unless lue[:label] == ""
+        if existing_entry = event_lineup_entries_existing.find{|entry| entry.id.to_s == lue[:id]}
+          # Exists, update
+          # Check if exactly the same and update if not
+          unless (
+            existing_entry["member_id"].to_s  ==lue[:member_id] and 
+            existing_entry["label"]           ==lue[:label]     and 
+            existing_entry["sequence"].to_s   ==lue[:sequence]
+          )
+            TeamSnap::EventLineupEntry.update(@teamsnap_client, lue[:id], 
+              {:member_id => lue[:member_id],
+                :label => lue[:label],
+                :sequence => lue[:sequence]
+              }
+            )
+          end
+          
+          # remove from list
+          event_lineup_entries_existing.delete_at(event_lineup_entries_existing.index(existing_entry))
+        else
+          lue[:sequence]
+          TeamSnap::EventLineupEntry.create(@teamsnap_client, 
+            {:member_id => lue[:member_id],
+              :label => lue[:label],
+              :sequence => lue[:sequence],
+              :event_lineup_id => event_lineup_id
+            }
+          )
+        end
+      end
+    end
+    
+    event_lineup_entries_existing.each do |lue_existing|
+      response = TeamSnap::Api.run(@teamsnap_client, :delete, :event_lineup_entry, lue_existing["id"])
+      unless response.status == 204
+        raise "Unsuccessful"
+      end
+    end
+    
+    render :plain => "Successfully Done!"
+  end
+
+  def lineup_card
+    team_id = params[:team_id].to_i
+    event_id = params[:event_id].to_i
+    context = helpers.event_context_with_timeline(team_id, event_id, 4)
+    render 'lineup_card', locals: context, layout: false
+  end
+
+  def lineup_card_template
+    params[:team_id].to_i
+    params[:event_id].to_i
+    # context = helpers.event_data_with_additional_contexts(team_id, event_id)
+    context = {}
+    render 'lineup_card_template', locals: { context: }, layout: false
+  end
+end
diff --git a/app/controllers/main_controller.rb b/app/controllers/main_controller.rb
new file mode 100644
index 0000000..4836a4e
--- /dev/null
+++ b/app/controllers/main_controller.rb
@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+
+require 'teamsnap'
+class MainController < ApplicationController
+  include SessionsHelper
+  before_action :logged_in_user
+  def index
+    TeamSnap.init(token: @credentials['token'],
+                  headers: { 'Authorization' => "Bearer #{@credentials['token']}" })
+    @teamsnap_client = TeamSnap.root_client
+    if session[:team_id]
+      redirect_to team_path(team_id: session[:team_id])
+    else
+      teams = TeamSnap::Team.search(@teamsnap_client, { user_id: @user_id })
+      redirect_to team_list_url
+    end
+  end
+end
diff --git a/app/controllers/opponent_controller.rb b/app/controllers/opponent_controller.rb
new file mode 100644
index 0000000..3a288ba
--- /dev/null
+++ b/app/controllers/opponent_controller.rb
@@ -0,0 +1,55 @@
+# frozen_string_literal: true
+
+class OpponentController < ApplicationController
+  include SessionsHelper
+  before_action :logged_in_user
+  protect_from_forgery with: :exception
+
+  def show
+    team_id = params[:team_id]
+    opponent_id = params[:opponent_id]
+    team = TeamSnap::Team.find(@teamsnap_client, team_id)
+    opponent = TeamSnap::Opponent.find(@teamsnap_client, opponent_id)
+    team_media = TeamSnap::TeamMedium.search(@teamsnap_client, {team_id: team_id})
+    team_media_groups = TeamSnap::TeamMedium.search(@teamsnap_client, {team_id: team_id})
+    opponent_logo = team_media.find{|tm| tm.description == "opponent-logo-#{opponent_id}.png"}
+    render 'show', locals: { team: team, opponent: opponent, opponent_logo: opponent_logo }
+  end
+
+  def list
+    team_id = params[:team_id]
+    team = TeamSnap::Team.find(@teamsnap_client, team_id)
+    opponents = TeamSnap::Opponent.search(@teamsnap_client, { team_id: })
+    render 'list', locals: { team:, opponents: }
+  end
+  
+  def upload_logo_get
+    team_id = params[:team_id]
+    opponent_id = params[:opponent_id]
+    member_id = @user_id
+    render 'upload_logo', locals: { team_id:, opponent_id:, member_id: }
+  end
+    
+  
+  def upload_logo_post
+    team_id = params[:team_id]
+    opponent_id = params[:opponent_id]
+    member_results = TeamSnap::Member.search(@teamsnap_client, {user_id: @user_id, team_id: team_id})
+    member_id = member_results[0].id
+    file = params['file']
+    
+    
+    new_team_medium = TeamSnap::TeamMedium.upload_team_medium(@teamsnap_client,         
+      {:media_format=> "file",
+      :file=> file.open(),
+        :member_id=> member_id,
+        :team_id=> team_id,
+        :team_media_group_id=> "4927028",
+        :description=> "team-logo-#{"test"}.png",position:0}
+      )
+      
+    render plain: "Posted."
+    end
+    
+
+end
diff --git a/app/controllers/sessions_controller.rb b/app/controllers/sessions_controller.rb
new file mode 100644
index 0000000..2986a44
--- /dev/null
+++ b/app/controllers/sessions_controller.rb
@@ -0,0 +1,37 @@
+# frozen_string_literal: true
+
+# Returns true if the user is logged in, false otherwise.
+def logged_in?
+  p 'session is ', session
+  !session[:user].nil?
+end
+
+# Confirms a logged-in user.
+def logged_in_user
+  p 'checking login status'
+  unless logged_in?
+    p 'Please log in'
+    flash[:danger] = 'Please log in.'
+    redirect_to login_url
+  end
+  @user = session[:user]
+  @user_id = session[:user_id]
+  @credentials = session[:credentials]
+  TeamSnap.init(token: @credentials['token'],
+                headers: { 'Authorization' => "Bearer #{@credentials['token']}" })
+  @teamsnap_client = TeamSnap.root_client
+end
+
+class SessionsController < ApplicationController
+  def new
+    render :new
+  end
+
+  def create
+    user_info = request.env['omniauth.auth']
+    session[:user] = user_info.info
+    session[:user_id] = user_info.uid
+    session[:credentials] = user_info.credentials
+    redirect_to root_path, notice: 'Succesful Login'
+  end
+end
diff --git a/app/controllers/team_controller.rb b/app/controllers/team_controller.rb
new file mode 100644
index 0000000..2f2687a
--- /dev/null
+++ b/app/controllers/team_controller.rb
@@ -0,0 +1,32 @@
+# frozen_string_literal: true
+
+require 'teamsnap'
+require 'net/http'
+require 'uri'
+require 'date'
+
+class TeamController < ApplicationController
+  include SessionsHelper
+  before_action :logged_in_user
+
+  def show
+    team_id = params[:team_id]
+    session[:team_id] = team_id
+    team = TeamSnap::Team.find(@teamsnap_client, team_id)
+    upcoming_events = TeamSnap::Event.search(@teamsnap_client, {
+      team_id: team_id, started_after: Date.today.strftime("%Y-%m-%d"), page_size: 4
+    })
+    past_events = TeamSnap::Event.search(@teamsnap_client, {
+      team_id: team_id, started_before: Date.today.strftime("%Y-%m-%d"), page_size: 4, sort_start_date: "desc"
+    })
+    
+    items = TeamSnap::AvailabilitySummary.search(@teamsnap_client, {:event_id => upcoming_events.map{|e|e.id}.join(",")})
+    
+    render 'show', locals: { team: team, upcoming_events: upcoming_events, past_events: past_events, availability_summaries: items }
+  end
+
+  def list
+    teams = TeamSnap::Team.search(@teamsnap_client, { user_id: @user_id })
+    render 'list', locals: { teams: teams }
+  end
+end
diff --git a/app/helpers/application_helper.rb b/app/helpers/application_helper.rb
new file mode 100644
index 0000000..15b06f0
--- /dev/null
+++ b/app/helpers/application_helper.rb
@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+module ApplicationHelper
+end
diff --git a/app/helpers/event_helper.rb b/app/helpers/event_helper.rb
new file mode 100644
index 0000000..dcaf110
--- /dev/null
+++ b/app/helpers/event_helper.rb
@@ -0,0 +1,151 @@
+# frozen_string_literal: true
+module PositionLabelFlag
+  POSITION_ONLY = 'PO'
+  DESIGNATED_RUNNER_FOR = 'DRd'
+
+  # Reverse lookup function
+  def self.find_key_by_value(value)
+    constants.find { |const| const_get(const) == value.to_s }
+  end
+end
+
+module PositionCapabilityFlag
+  INFIELD = "IF"
+  OUTFIELD = "OF"
+  CATCHER = "C"
+  PITCHER = "P"
+
+  # Reverse lookup function
+  def self.find_key_by_value(value)
+    constants.find { |const| const_get(const) == value.to_s }
+  end
+end
+
+module Availability
+  YES = 1
+  NO = 0
+  MAYBE = 2
+  UNKNOWN = nil  
+
+  def self.sort_order
+    [
+      UNKNOWN,
+      NO,
+      MAYBE,
+      YES
+    ].reverse
+  end
+  
+  def self.sort_by(a)
+    sort_order.index(a.status_code)
+  end
+  
+  # availabilities.sort_by do |a|
+  #   [a.status_code || -2, members.find do |m|
+  #                           m.id == a.member_id
+  #                         end.last_name]
+  # end,
+  
+end
+
+def padleft(a, n, x)
+  Array.new([0, n-a.length].max, x)+a
+end
+def padright(a, n, x)
+  a.dup.fill(x, a.length...n)
+end
+
+module EventHelper
+
+  def event_context_with_timeline(team_id, event_id, timeline_width)
+    current_event = TeamSnap::Event.find(@teamsnap_client, event_id)
+    upcoming_events = TeamSnap::Event.search(@teamsnap_client, {
+      team_id: team_id, started_after: current_event.start_date, page_size: timeline_width + 1
+    })
+    future_events = upcoming_events.slice(1,upcoming_events.length)
+    past_events = TeamSnap::Event.search(@teamsnap_client, {
+      team_id: team_id, started_before: current_event.start_date, page_size: timeline_width, sort_start_date: "desc"
+    })
+    
+    past_events.fill(nil, past_events.length...timeline_width)
+    future_events.fill(nil, future_events.length...timeline_width)
+    event_timeline = past_events.reverse.concat([current_event]).concat(future_events)
+    items = TeamSnap.bulk_load(@teamsnap_client,
+                               { :team_id => team_id,
+                                 :types => 'team,member,availability_summary,event,event_lineup_entry,opponent,location',
+                                 :event__id => event_timeline.reject(&:nil?).map(&:id).join(","),
+                                 :scope_to => "event"
+                                })
+
+    availabilities = TeamSnap::Availability.search(@teamsnap_client, { event_id: event_timeline.reject(&:nil?).map(&:id).join(',') })
+    event_lineups = TeamSnap::EventLineup.search(@teamsnap_client, { event_id: event_timeline.reject(&:nil?).map(&:id).join(',') })
+    items.concat(availabilities).concat(event_lineups)
+    team = items.find { |item| item.type == 'team' and item.id == team_id }
+    members = items.select { |item| item.type == 'member' }
+
+    context = { "team": team, "members": members }
+
+    timeline = {}
+
+    event_timeline.each_with_index do |event, i|
+      timepoint = Hash[]
+      timepoint[:comparison_to_selected] = i - timeline_width
+      if event.nil?
+        timepoint[:event].nil?
+        %w[availability_summary event_lineup event_lineup_entry opponent location].each do |t|
+          timepoint[t.to_sym].nil?
+        end
+      else
+        timepoint[:event] = event
+        timepoint[:event_lineup] = event_lineups.find{|l| l.event_id == event.id}
+        timepoint[:event_lineup_entry] = items.select{ |item| item.type == "event_lineup_entry" and item.event_lineup_id == timepoint[:event_lineup].id }
+        %w[availability_summary].each do |t|
+          timepoint[t.to_sym] = items.find { |item| item.type == t and item.event_id == event.id }
+        end
+        %w[].each do |t|
+          timepoint[t.to_sym] = items.select { |item| item.type == t and item.event_id == event.id }
+        end
+        %w[opponent location].each do |t|
+          timepoint[t.to_sym] = items.find { |item| item.type == t and item.id == event["#{t}_id"] }
+        end
+        timepoint[:by_member] = {}
+        members.each do |member|
+          timepoint[:by_member][member] = {}
+          %w[event_lineup_entry availability].each do |t|
+            timepoint[:by_member][member][t.to_sym] = items.find do |item|
+              item.type == t and item.event_id == event.id and item.member_id == member.id
+            end
+          end
+        end
+        timepoint[:by_member] = Hash[timepoint[:by_member].sort_by{|member, d| [ Availability::sort_by(d[:availability]), member.last_name]}]
+      end
+      timeline[event] = timepoint
+
+    end
+    context[:timeline] = timeline.map { |k, v| v }
+    context[:timeline][timeline_width].each { |k, v| context[k] = v }
+    context
+  end
+  
+  def extract_flags(event_lineup_entry)
+    if matches = event_lineup_entry[:label].match(/(?<label>[A-z0-9]+)\s*\[(?<flags>[A-z,\s]+)\]/)
+      label = matches[:label]
+      flags = matches[:flags].split(",").map{|f| f.strip}
+      return [label, flags]
+    else
+      return [event_lineup_entry[:label], []]
+    end
+  end
+  
+  def join_flags(event_lineup_entry, flags)
+    unless !event_lineup_entry
+    s = event_lineup_entry.label
+     if flags and flags.length > 0
+      s = "#{s} [#{flags.join(', ')}]"
+    end
+    else
+      ""
+    end
+  end 
+  
+end
diff --git a/app/helpers/opponent_helper.rb b/app/helpers/opponent_helper.rb
new file mode 100644
index 0000000..c93b15b
--- /dev/null
+++ b/app/helpers/opponent_helper.rb
@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+module OpponentHelper
+end
diff --git a/app/helpers/sessions_helper.rb b/app/helpers/sessions_helper.rb
new file mode 100644
index 0000000..53308d1
--- /dev/null
+++ b/app/helpers/sessions_helper.rb
@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+
+require 'teamsnap'
+module SessionsHelper
+  # Returns true if the user is logged in, false otherwise.
+  def logged_in?
+    p 'session is ', session
+    !session[:user].nil?
+  end
+
+  # Confirms a logged-in user.
+  def logged_in_user
+    p 'checking login status'
+    if logged_in?
+      @user = session[:user]
+      @user_id = session[:user_id]
+      @credentials = session[:credentials]
+      TeamSnap.init(token: @credentials['token'],
+                    headers: { 'Authorization' => "Bearer #{@credentials['token']}" })
+      @teamsnap_client = TeamSnap.root_client
+    else
+      p 'Please log in'
+      flash[:danger] = 'Please log in.'
+      redirect_to login_url
+    end
+  end
+end
diff --git a/app/helpers/team_helper.rb b/app/helpers/team_helper.rb
new file mode 100644
index 0000000..609f628
--- /dev/null
+++ b/app/helpers/team_helper.rb
@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+module TeamHelper
+end
diff --git a/app/javascript/application.js b/app/javascript/application.js
new file mode 100644
index 0000000..0d7b494
--- /dev/null
+++ b/app/javascript/application.js
@@ -0,0 +1,3 @@
+// Configure your import map in config/importmap.rb. Read more: https://github.com/rails/importmap-rails
+import "@hotwired/turbo-rails"
+import "controllers"
diff --git a/app/javascript/controllers/application.js b/app/javascript/controllers/application.js
new file mode 100644
index 0000000..1213e85
--- /dev/null
+++ b/app/javascript/controllers/application.js
@@ -0,0 +1,9 @@
+import { Application } from "@hotwired/stimulus"
+
+const application = Application.start()
+
+// Configure Stimulus development experience
+application.debug = false
+window.Stimulus   = application
+
+export { application }
diff --git a/app/javascript/controllers/hello_controller.js b/app/javascript/controllers/hello_controller.js
new file mode 100644
index 0000000..5975c07
--- /dev/null
+++ b/app/javascript/controllers/hello_controller.js
@@ -0,0 +1,7 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  connect() {
+    this.element.textContent = "Hello World!"
+  }
+}
diff --git a/app/javascript/controllers/index.js b/app/javascript/controllers/index.js
new file mode 100644
index 0000000..54ad4ca
--- /dev/null
+++ b/app/javascript/controllers/index.js
@@ -0,0 +1,11 @@
+// Import and register all your controllers from the importmap under controllers/*
+
+import { application } from "controllers/application"
+
+// Eager load all controllers defined in the import map under controllers/**/*_controller
+import { eagerLoadControllersFrom } from "@hotwired/stimulus-loading"
+eagerLoadControllersFrom("controllers", application)
+
+// Lazy load controllers as they appear in the DOM (remember not to preload controllers in import map!)
+// import { lazyLoadControllersFrom } from "@hotwired/stimulus-loading"
+// lazyLoadControllersFrom("controllers", application)
diff --git a/app/javascript/lineup.js b/app/javascript/lineup.js
new file mode 100644
index 0000000..22d58af
--- /dev/null
+++ b/app/javascript/lineup.js
@@ -0,0 +1,494 @@
+/* Project specific Javascript goes here. */
+function onPositionSelectChange(elem) {
+  elem.querySelectorAll("option").forEach((option) => {
+    if (option.innerText == elem.value) {
+      option.setAttribute("selected", "selected");
+    } else {
+      option.removeAttribute("selected");
+    }
+  });
+  colorPositions();
+  refreshLineupOrder();
+}
+
+function togglePopup(el) {
+  el.querySelector(".Popup-container").classList.toggle("is-open");
+}
+
+function colorPositions() {
+  for (bcLineup of document.getElementsByClassName("event-lineup")) {
+    selected_lineup_positions = Array.from(
+      bcLineup.querySelectorAll(".Panel-row .SelectBox.position-selection option[selected='selected']")
+    ).map((el) => el.value);
+    for (position_status of bcLineup.querySelectorAll(".position-status")) {
+      for (class_name of ["text-danger", "text-warning", "text-success"]) {
+        position_status.classList.remove(class_name);
+      }
+
+      occurrences = selected_lineup_positions.filter((s) => s == position_status.innerText).length;
+
+      if (occurrences == 1) {
+        position_status.classList.add("text-success");
+      } else if (occurrences > 1) {
+        position_status.classList.add("text-warning");
+      } else {
+        position_status.classList.add("text-danger");
+      }
+    }
+  }
+}
+
+function refreshLineupOrder() {
+  Array.from(document.querySelectorAll(".event-lineup")).forEach((bcLineup) => {
+    Array.from(
+      bcLineup.querySelectorAll(
+        ".event-lineup .starting .lineup-slot, \
+         .event-lineup .position-only .lineup-slot, \
+         .event-lineup .bench .lineup-slot"
+      )
+    ).forEach((slot, i) => {
+      slot.querySelector("input[name*=sequence]").value = i;
+      selected_position = slot.querySelector("option[selected='selected']");
+      if (selected_position && selected_position.text != "--") {
+        slot.querySelector("input[name*=label]").value = selected_position.text;
+      } else {
+        slot.querySelector("input[name*=label]").value = null;
+      }
+    });
+    Array.from(
+      bcLineup.querySelectorAll(
+        ".event-lineup .position-only .lineup-slot, \
+         .event-lineup .bench .lineup-slot"
+      )
+    ).forEach((slot) => {
+      selected_position = slot.querySelector("option[selected='selected']");
+      if (selected_position && selected_position.text != "--") {
+        slot.querySelector("input[name*=label]").value = `${selected_position.text} [PO]`;
+      }
+    });
+  });
+}
+
+function refresh_lineup_order(itemEl) {
+  let bcLineup = itemEl.closest(".benchcoach-lineup");
+  var player_rows = [];
+  for (tbody of bcLineup.querySelectorAll("[class*='tbody-benchcoach-starting']")) {
+    for (row of tbody.rows) {
+      player_rows.push(row);
+    }
+  }
+
+  for (let i = 0; i < player_rows.length; i++) {
+    var player_order = player_rows[i].querySelector('[id^="sequence"]');
+    var form_element_order = player_rows[i].querySelector('[id$="sequence"]');
+    player_order.innerText = parseInt(player_rows[i].dataset.order);
+    player_rows[i].dataset.order = i;
+    form_element_order.value = i;
+    player_order.innerHTML = i + 1;
+  }
+  var player_rows = bcLineup.getElementsByClassName("tbody-benchcoach-bench")[0].rows;
+  for (let i = 0; i < player_rows.length; i++) {
+    var player_order = player_rows[i].querySelector('[id^="sequence"]');
+    var form_element_order = player_rows[i].querySelector('[id$="sequence"]');
+    player_rows[i].dataset.order = null;
+    form_element_order.value = null;
+    player_order.innerHTML = null;
+  }
+}
+
+for (bcLineup of document.querySelectorAll(".event-lineup")) {
+  console.log();
+  options = {
+    animation: 150,
+    handle: ".Panel-cell:has(.drag-handle), .Panel-cell:has(.sequence)",
+    ghostClass: "ghost",
+    group: {
+      name: bcLineup.id,
+      put: [bcLineup.id],
+      pull: [bcLineup.id],
+    },
+    onAdd: function (/**Event*/ evt) {
+      console.log("added to lineup");
+      // Add to Lineup
+      var itemEl = evt.item; // dragged HTMLElement
+
+      refreshLineupOrder();
+    },
+    onUpdate: function (/**Event*/ evt) {
+      console.log("update to lineup");
+      // var itemEl = evt.item; // dragged HTMLElement
+      // refresh_lineup_order(itemEl);
+      refreshLineupOrder();
+    },
+  };
+  new Sortable.create(bcLineup.querySelector(".starting .slot-set"), options);
+  new Sortable.create(bcLineup.querySelector(".position-only .slot-set"), options);
+  options["sort"] = false;
+  new Sortable.create(bcLineup.querySelector(".bench .slot-set"), options);
+}
+
+function copyEmailTable(itemEl, subject, recipients) {
+  // Create container for the HTML
+  // [1]
+  let bcLineup = itemEl.closest(".benchcoach-lineup");
+  var container = document.createElement("div");
+  var tbl = document.createElement("table");
+
+  let thead = tbl.createTHead();
+  let thead_row = thead.insertRow();
+  let thead_row_cell = thead_row.insertCell();
+  thead_row_cell.appendChild(document.createElement("h3").appendChild(document.createTextNode("STARTING LINEUP")));
+  thead_row_cell.colSpan = 3;
+  thead_row_cell.classList.add("title-cell");
+  var tbody = tbl.createTBody();
+  for (row of bcLineup.querySelector(".table-benchcoach-startinglineup").rows) {
+    let tr = tbody.insertRow();
+    cell = tr.insertCell();
+    cell.classList.add("sequence-cell");
+    cell.appendChild(document.createTextNode(parseInt(row.dataset.order) + 1));
+    cell = tr.insertCell();
+    cell.appendChild(document.createTextNode(row.dataset.playerName));
+    cell.classList.add("name-cell");
+    tr.insertCell().appendChild(document.createTextNode(row.dataset.position));
+  }
+
+  if (bcLineup.querySelector(".table-benchcoach-startingpositionalonly").rows.length > 0) {
+    var tr = tbody.insertRow();
+    cell = tr.insertCell();
+    cell.colSpan = 3;
+    cell.appendChild(document.createTextNode("STARTING (POS. ONLY)"));
+    cell.classList.add("title-cell");
+
+    for (row of bcLineup.querySelector(".table-benchcoach-startingpositionalonly").rows) {
+      var tr = tbody.insertRow();
+      cell = tr.insertCell();
+      cell.classList.add("sequence-cell");
+      cell.appendChild(document.createTextNode(""));
+      cell = tr.insertCell();
+      cell.appendChild(document.createTextNode(row.dataset.playerName));
+      cell.classList.add("name-cell");
+      tr.insertCell().appendChild(document.createTextNode(row.dataset.position));
+    }
+  }
+
+  if (bcLineup.querySelector(".table-benchcoach-bench").rows.length > 0) {
+    var tr = tbody.insertRow();
+    cell = tr.insertCell();
+    cell.colSpan = 3;
+    cell.appendChild(document.createTextNode("SUBS"));
+    cell.classList.add("title-cell");
+
+    for (row of bcLineup.querySelector(".table-benchcoach-bench").rows) {
+      var tr = tbody.insertRow();
+      cell = tr.insertCell();
+      cell.classList.add("sequence-cell");
+      availability_status = {
+        None: "UNK",
+        0: "NO",
+        2: "MAY",
+        1: "YES",
+      }[row.dataset.availabilityStatuscode];
+      cell.appendChild(document.createTextNode(availability_status));
+      cell = tr.insertCell();
+      cell.appendChild(document.createTextNode(row.dataset.playerName));
+      cell.classList.add("name-cell");
+      tr.insertCell().appendChild(document.createTextNode(""));
+    }
+  }
+
+  if (bcLineup.querySelector(".table-benchcoach-out").rows.length > 0) {
+    var tr = tbody.insertRow();
+    cell = tr.insertCell();
+    cell.colSpan = 3;
+    cell.appendChild(document.createTextNode("OUT"));
+    cell.classList.add("title-cell");
+
+    for (row of bcLineup.querySelector(".table-benchcoach-out").rows) {
+      var tr = tbody.insertRow();
+      cell = tr.insertCell();
+      cell.classList.add("sequence-cell");
+      availability_status = {
+        None: "UNK",
+        0: "NO",
+        1: "MAY",
+        2: "YES",
+      }[row.dataset.availabilityStatuscode];
+      cell.appendChild(document.createTextNode(availability_status));
+      tr.insertCell().appendChild(document.createTextNode(row.dataset.playerName));
+      tr.insertCell().appendChild(document.createTextNode(""));
+    }
+  }
+
+  container.appendChild(tbl);
+  for (cell of container.getElementsByClassName("title-cell")) {
+    cell.setAttribute("style", "font-weight:bold;background-color:#323669;color:#fff;padding:2px 5px;");
+  }
+
+  for (cell of container.getElementsByClassName("sequence-cell")) {
+    cell.setAttribute("style", "font-weight:bold;padding:2px 5px;");
+  }
+
+  for (cell of container.getElementsByClassName("name-cell")) {
+    cell.setAttribute("style", "width:200px;");
+  }
+
+  // Detect all style sheets of the page
+  var activeSheets = Array.prototype.slice.call(document.styleSheets).filter(function (sheet) {
+    return !sheet.disabled;
+  });
+
+  // Mount the container to the DOM to make `contentWindow` available
+  // [3]
+  document.body.appendChild(container);
+
+  // Copy to clipboard
+  // [4]
+  window.getSelection().removeAllRanges();
+
+  var range = document.createRange();
+  range.selectNode(container);
+  window.getSelection().addRange(range);
+
+  // [5.1]
+  document.execCommand("copy");
+
+  // [5.2]
+  for (var i = 0; i < activeSheets.length; i++) activeSheets[i].disabled = true;
+
+  // [5.3]
+  // document.execCommand('copy')
+
+  // [5.4]
+  for (var i = 0; i < activeSheets.length; i++) activeSheets[i].disabled = false;
+
+  // Remove the container
+  // [6]
+  document.body.removeChild(container);
+  subject_encoded = encodeURIComponent(subject);
+  window.open("readdle-spark://compose?recipient=manager@chihounds.com&subject=" + subject + "&bcc=" + recipients);
+}
+
+function emailModal(el, url) {
+  form = el.closest("form");
+  console.log(url);
+  data = new FormData(form);
+  console.log(data);
+  console.log(form);
+
+  email_modal = document.querySelector("#email-modal");
+
+  fetch(url, {
+    method: "POST",
+    body: data,
+  })
+    .then((response) => {
+      if (response.ok) {
+        return response.text();
+      } else {
+        return Promise.reject(response.text());
+      }
+    })
+    .then((text) => {
+      email_modal.classList.add("is-open");
+      email_modal.querySelector(".Modal-body").innerHTML = text;
+    });
+}
+
+function onSubmit(form, event) {
+  event.preventDefault();
+  waiting_message = document.querySelector("#waiting-message.Feedback");
+  success_message = document.querySelector("#success-message.Feedback");
+  failure_message = document.querySelector("#failure-message.Feedback");
+  data = new FormData(form);
+  url = form.attributes.action.textContent;
+  waiting_message.classList.remove("u-hidden");
+  fetch(url, {
+    method: "POST",
+    body: data,
+  })
+    .then((response) => {
+      waiting_message.classList.add("u-hidden");
+      if (response.ok) {
+        return response.text();
+      } else {
+        return Promise.reject(response.text());
+      }
+    })
+    .then((text) => {
+      success_message.classList.remove("u-hidden");
+      success_message.querySelector("span.message").innerHTML = text;
+    })
+    .catch((error) => {
+      failure_message.classList.remove("u-hidden");
+      console.log(error);
+      success_message.querySelector("span.message").innerHTML = error;
+      waiting_message.classList.add("u-hidden");
+    });
+}
+
+function copyEmailTable(itemEl, subject, recipients) {
+  // Create container for the HTML
+  // [1]
+  let bcLineup = itemEl.closest(".event-lineup");
+  console.log(bcLineup);
+  var container = document.createElement("div");
+  var tbl = document.createElement("table");
+
+  let thead = tbl.createTHead();
+  let thead_row = thead.insertRow();
+  let thead_row_cell = thead_row.insertCell();
+  thead_row_cell.appendChild(document.createElement("h3").appendChild(document.createTextNode("STARTING LINEUP")));
+  thead_row_cell.colSpan = 3;
+  thead_row_cell.classList.add("title-cell");
+  var tbody = tbl.createTBody();
+
+  lineup_slots_starting = bcLineup.querySelectorAll(".starting .slot-set .lineup-slot");
+
+  for (node of lineup_slots_starting) {
+    console.log("node", node);
+    let tr = tbody.insertRow();
+    cell = tr.insertCell();
+    cell.classList.add("sequence-cell");
+    sequence = node.querySelector("input[name*='sequence']").value;
+    console.log(sequence);
+    cell.appendChild(document.createTextNode(parseInt(sequence) + 1));
+    name = node.querySelector("div:has(.lastname)");
+    cell = tr.insertCell();
+    cell.appendChild(document.createTextNode(name.textContent));
+    cell.classList.add("name-cell");
+    position_label = node.querySelector("input[name*='label']").value;
+    tr.insertCell().appendChild(document.createTextNode(position_label));
+  }
+
+  lineup_slots_position_only = bcLineup.querySelector(".position-only .slot-set .lineup-slot");
+  console.log("lineup slots position", lineup_slots_position_only);
+  if (lineup_slots_position_only.length > 0) {
+    var tr = tbody.insertRow();
+    cell = tr.insertCell();
+    cell.colSpan = 3;
+    cell.appendChild(document.createTextNode("STARTING (POS. ONLY)"));
+    cell.classList.add("title-cell");
+
+    for (node of lineup_slots_position_only) {
+      var tr = tbody.insertRow();
+      cell = tr.insertCell();
+      cell.classList.add("sequence-cell");
+      cell.appendChild(document.createTextNode(""));
+      cell = tr.insertCell();
+      name = node.querySelector("div:has(.lastname)");
+      cell.appendChild(document.createTextNode(name.textCotent));
+      cell.classList.add("name-cell");
+      position_label = node.querySelector("input[name*='label']").value;
+      tr.insertCell().appendChild(document.createTextNode(position_label));
+    }
+  }
+
+  lineup_slots_bench = bcLineup.querySelector(".bench .slot-set .lineup-slot");
+  if (lineup_slots_bench > 0) {
+    var tr = tbody.insertRow();
+    cell = tr.insertCell();
+    cell.colSpan = 3;
+    cell.appendChild(document.createTextNode("SUBS"));
+    cell.classList.add("title-cell");
+
+    for (node of lineup_slots_bench) {
+      var tr = tbody.insertRow();
+      cell = tr.insertCell();
+      cell.classList.add("sequence-cell");
+
+      div_avail_code = node.querySelector("div[class*='availability-status-code']");
+      if (div_with_avail_code.classList.includes("availability-status-code-1")) {
+        cell.appendChild(document.createTextNode("YES"));
+      } else if (div_with_avail_code.classList.includes("availability-status-code-2")) {
+        cell.appendChild(document.createTextNode("MAY"));
+      } else if (div_with_avail_code.classList.includes("availability-status-code-0")) {
+        cell.appendChild(document.createTextNode("NO"));
+      } else {
+        cell.appendChild(document.createTextNode("UNK"));
+      }
+      cell = tr.insertCell();
+      name = node.querySelector("div:has(.lastname)");
+      cell.appendChild(document.createTextNode(name.textCotent));
+      cell.classList.add("name-cell");
+      tr.insertCell().appendChild(document.createTextNode(""));
+    }
+  }
+
+  lineup_slots_out = bcLineup.querySelector(".out .slot-set .lineup-slot");
+  if (lineup_slots_out > 0) {
+    var tr = tbody.insertRow();
+    cell = tr.insertCell();
+    cell.colSpan = 3;
+    cell.appendChild(document.createTextNode("OUT"));
+    cell.classList.add("title-cell");
+
+    for (node of lineup_slots_out) {
+      var tr = tbody.insertRow();
+      cell = tr.insertCell();
+      cell.classList.add("sequence-cell");
+      div_avail_code = node.querySelector("div[class*='availability-status-code']");
+      if (div_with_avail_code.classList.includes("availability-status-code-1")) {
+        cell.appendChild(document.createTextNode("YES"));
+      } else if (div_with_avail_code.classList.includes("availability-status-code-2")) {
+        cell.appendChild(document.createTextNode("MAY"));
+      } else if (div_with_avail_code.classList.includes("availability-status-code-0")) {
+        cell.appendChild(document.createTextNode("NO"));
+      } else {
+        cell.appendChild(document.createTextNode("UNK"));
+      }
+      cell = tr.insertCell();
+      name = node.querySelector("div:has(.lastname)");
+      cell.appendChild(document.createTextNode(name.textCotent));
+      cell.classList.add("name-cell");
+      tr.insertCell().appendChild(document.createTextNode(""));
+    }
+  }
+
+  container.appendChild(tbl);
+  for (cell of container.getElementsByClassName("title-cell")) {
+    cell.setAttribute("style", "font-weight:bold;background-color:#323669;color:#fff;padding:2px 5px;");
+  }
+
+  for (cell of container.getElementsByClassName("sequence-cell")) {
+    cell.setAttribute("style", "font-weight:bold;padding:2px 5px;");
+  }
+
+  for (cell of container.getElementsByClassName("name-cell")) {
+    cell.setAttribute("style", "width:200px;");
+  }
+
+  // Detect all style sheets of the page
+  var activeSheets = Array.prototype.slice.call(document.styleSheets).filter(function (sheet) {
+    return !sheet.disabled;
+  });
+
+  // Mount the container to the DOM to make `contentWindow` available
+  // [3]
+  document.body.appendChild(container);
+
+  // Copy to clipboard
+  // [4]
+  window.getSelection().removeAllRanges();
+
+  var range = document.createRange();
+  range.selectNode(container);
+  window.getSelection().addRange(range);
+
+  // [5.1]
+  document.execCommand("copy");
+
+  // [5.2]
+  for (var i = 0; i < activeSheets.length; i++) activeSheets[i].disabled = true;
+
+  // [5.3]
+  // document.execCommand('copy')
+
+  // [5.4]
+  for (var i = 0; i < activeSheets.length; i++) activeSheets[i].disabled = false;
+
+  // Remove the container
+  // [6]
+  document.body.removeChild(container);
+  subject_encoded = encodeURIComponent(subject);
+  window.open("readdle-spark://compose?recipient=manager@chihounds.com&subject=" + subject + "&bcc=" + recipients);
+}
diff --git a/app/jobs/application_job.rb b/app/jobs/application_job.rb
new file mode 100644
index 0000000..bef3959
--- /dev/null
+++ b/app/jobs/application_job.rb
@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+class ApplicationJob < ActiveJob::Base
+  # Automatically retry jobs that encountered a deadlock
+  # retry_on ActiveRecord::Deadlocked
+
+  # Most jobs are safe to ignore if the underlying records are no longer available
+  # discard_on ActiveJob::DeserializationError
+end
diff --git a/app/mailers/application_mailer.rb b/app/mailers/application_mailer.rb
new file mode 100644
index 0000000..d84cb6e
--- /dev/null
+++ b/app/mailers/application_mailer.rb
@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+class ApplicationMailer < ActionMailer::Base
+  default from: 'from@example.com'
+  layout 'mailer'
+end
diff --git a/app/models/application_record.rb b/app/models/application_record.rb
new file mode 100644
index 0000000..08dc537
--- /dev/null
+++ b/app/models/application_record.rb
@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+class ApplicationRecord < ActiveRecord::Base
+  primary_abstract_class
+end
diff --git a/app/models/concerns/.keep b/app/models/concerns/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/app/views/event/_availability_bar.html.slim b/app/views/event/_availability_bar.html.slim
new file mode 100644
index 0000000..b2c006d
--- /dev/null
+++ b/app/views/event/_availability_bar.html.slim
@@ -0,0 +1,14 @@
+- pct_going = (availability_summary.player_going_count.to_f/team.player_member_count.to_f)*100.0
+- pct_maybe = (availability_summary.player_maybe_count.to_f/team.player_member_count.to_f)*100.0
+- pct_not_going = (availability_summary.player_not_going_count.to_f/team.player_member_count.to_f)*100.0
+- pct_unknown = (availability_summary.player_unknown_count.to_f/team.player_member_count.to_f)*100.0
+
+.progress
+	div id="availability-bar-player-going-count-#{event.id}" class="progress-bar availability-bar going" role="progressbar" style="width:#{pct_going}%"
+		= availability_summary.player_going_count
+	div id="availability-bar-player-maybe-count-#{event.id}" class="progress-bar availability-bar maybe" role="progressbar" style="width:#{pct_maybe}%"
+		= availability_summary.player_maybe_count
+	div id="availability-bar-player-not-going-count-#{event.id}" class="progress-bar availability-bar not-going" role="progressbar" style="width:#{pct_not_going}%"
+		= availability_summary.player_not_going_count
+	div id="availability-bar-player-unknown-count-#{event.id}" class="progress-bar availability-bar unknown" role="progressbar" style="width:#{pct_unknown}%"
+		= availability_summary.player_unknown_count
diff --git a/app/views/event/_lineup_slot.html.slim b/app/views/event/_lineup_slot.html.slim
new file mode 100644
index 0000000..abe8858
--- /dev/null
+++ b/app/views/event/_lineup_slot.html.slim
@@ -0,0 +1,53 @@
+
+.Panel-expandableRow.lineup-slot
+	=form.hidden_field name="[event_lineup_entries][][label]", value: !event_lineup_entry.nil? ? event_lineup_entry['label'] : nil
+	=form.hidden_field name="[event_lineup_entries][][sequence]", value: !event_lineup_entry.nil? ? event_lineup_entry['sequence'] : nil
+	=form.hidden_field name="[event_lineup_entries][][member_id]", value: member.id
+	=form.hidden_field name="[event_lineup_entries][][event_id]", value: event.id
+	=form.hidden_field name="[event_lineup_entries][][id]", value: !event_lineup_entry.nil? ? event_lineup_entry['id'] : nil
+	=form.hidden_field name="[event_lineup_entries][][availability_status_code]", value: availability.status_code
+	=form.hidden_field name="[event_lineup_entries][][member][last_name]", value: member.last_name
+	=form.hidden_field name="[event_lineup_entries][][member][first_name]", value: member.first_name
+	=form.hidden_field name="[event_lineup_entries][][member][jersey_number]", value: member.jersey_number
+	=form.hidden_field name="[event_lineup_entries][][member][email_addresses]", value: member.email_addresses
+	- if event_lineup_entry
+		- selected_position, flags = extract_flags(event_lineup_entry)
+		div.u-hidden #{selected_position} #{flags}
+	- else
+		- selected_position = "--"
+	.Panel-row.Panel-row--withCells.Panel-row--parent
+		.Panel-cell.Panel-cell--header.u-padXs.u-sizeFit
+			a.Panel-expandableControl onclick="this.classList.toggle('is-expanded');this.closest('.Panel-expandableRow').querySelector('.Panel-childRows').classList.toggle('is-expanded')"
+				<span class="Panel-expandableControlIcon">
+					<svg viewBox="0 0 960 960" class="Icon"><path d="M497 854c-6.7 6.7-14.7 10-24 10H225c-14.7 0-24.7-6.3-30-19-2-4-3-8.3-3-13 0-7.3 2.7-14.3 8-21l313-331-313-330c-9.3-11.3-11-23-5-35 6-12.7 16-19 30-19h248c10 0 18 3.7 24 11l326 352c6 6 9 13 9 21s-3 15.3-9 22L497 854z"/></svg>
+				</span>
+			.u-flexAlignSelfCenter.Panel-expandableControl
+				div.sequence.u-textNoWrap style="width:2ch;"
+		div(class="Panel-cell u-padXs u-size6of12 u-xs-size8of12.u-sm-size10of12 d-block")
+			div class="d-flex availability-status-code-#{availability.status_code}"
+				div
+					span.lastname #{member.last_name}
+					span.lastname.u-hidden.u-md-inline , #{member.first_name}
+					span.jerseynumber.u-hidden.u-md-inline ##{member.jersey_number}
+					
+		.Panel-cell.u-padXs.u-size3of12.u-xs-size2of12.u-sm-size1of12
+			.SelectBox.position-selection 
+				select(onchange="onPositionSelectChange(this)" class="position-select-box SelectBox-options")
+					=options_for_select ["--", "P", "C", "1B", "2B", "3B", "SS", "LF", "CF", "RF", "EH", "DH"], selected_position 
+		.Panel-cell.u-padXs.u-flexAlignSelfCenter.u-size1of12
+			.drag-handle
+					i.bi.bi-grip-vertical.text-secondary.drag-handle
+	.Panel-childRows
+		.Panel-row.Panel-row--withCells
+			- for timeline_i in [*4.downto(1).to_a,*5...9]
+				- unless timeline[timeline_i].nil? or timeline[timeline_i][:event].nil?
+					.Panel-cell.u-padXs
+						.span.u-textDecorationNone class="Tooltip Tooltip--text" data-tooltip="#{timeline[timeline_i][:event].formatted_title}"
+							| #{timeline[timeline_i][:event].start_date.strftime("%a, %-m/%-d")}
+		.Panel-row.Panel-row--withCells	
+			- for timeline_i in [*4.downto(1).to_a,*5...9]
+				- unless timeline[timeline_i].nil? or timeline[timeline_i][:event].nil?
+					- availability_in_timeline = timeline[timeline_i][:by_member][member][:availability]
+					- lineup_entry_in_timeline = timeline[timeline_i][:by_member][member][:event_lineup_entry]
+					.Panel-cell.u-padXs class="availability-status-code-#{availability_in_timeline.status_code}"
+						small style="font-size:10px;" #{lineup_entry_in_timeline.nil? ? "": lineup_entry_in_timeline.label}
\ No newline at end of file
diff --git a/app/views/event/bak2_lineup_card.html copy.slim b/app/views/event/bak2_lineup_card.html copy.slim
new file mode 100644
index 0000000..3f62798
--- /dev/null
+++ b/app/views/event/bak2_lineup_card.html copy.slim	
@@ -0,0 +1,710 @@
+=stylesheet_link_tag 'gamecard', media: 'all'
+
+body(class="B5")
+  #page-1.sheet.gamecard
+    section#todays-game
+      .grid-container
+        .section-header
+          #todays-game-header.bar-left.event-title
+            |  G#00-XX at Team 00/00/20XX 0:00 XM 
+          .bar-right.homeaway
+            | Axxx
+          .bar-span.gametitle
+        #offense-pane.left
+          table#starting-lineup-offense
+            tbody
+            - for i in 1...11
+              tr
+                th[rowspan="2"]
+                  | #{i}
+                td#offense-slot-2-name.player-name
+                  | Lastname
+                td#offense-slot-2-jersey-number.jersey-number
+                  |  00 
+                td#offense-slot-2-position.position
+                  | XX
+              tr
+                td
+                td
+                td
+              
+        #defense-pane.right
+          .container
+            .field-container
+              image[src="../baseball-diamond.svg"]
+                .row[style="justify-content: center"]
+                  .defense-slot-set
+                    table
+                      tr
+                        th.position
+                          | CF
+                        td#defense-slot-CF-name.player-name
+                          |  player 
+                      tr
+                        td[colspan="2"]
+                      tr
+                        td[colspan="2"]
+                .row[style="justify-content: space-between"]
+                  .defense-slot-set
+                    table
+                      tr
+                        th.position
+                          | LF
+                        td#defense-slot-LF-name.player-name
+                          |  player 
+                      tr
+                        td[colspan="2"]
+                      tr
+                        td[colspan="2"]
+                  .defense-slot-set
+                    table
+                      tr
+                        th.position
+                          | RF
+                        td#defense-slot-RF-name.player-name
+                          |  player 
+                      tr
+                        td[colspan="2"]
+                      tr
+                        td[colspan="2"]
+                .row[style="justify-content: space-around"]
+                  .defense-slot-set
+                    table
+                      tr
+                        th.position
+                          | SS
+                        td#defense-slot-SS-name.player-name
+                          |  player 
+                      tr
+                        td[colspan="2"]
+                      tr
+                        td[colspan="2"]
+                  .defense-slot-set
+                    table
+                      tr
+                        th.position
+                          | 2B
+                        td#defense-slot-2B-name.player-name
+                          |  player 
+                      tr
+                        td[colspan="2"]
+                      tr
+                        td[colspan="2"]
+                .row[style="justify-content: space-between"]
+                  .defense-slot-set
+                    table
+                      tr
+                        th.position
+                          | 3B
+                        td#defense-slot-3B-name.player-name
+                          |  player 
+                      tr
+                        td[colspan="2"]
+                      tr
+                        td[colspan="2"]
+                  .defense-slot-set
+                    table
+                      tr
+                        th.position
+                          | 1B
+                        td#defense-slot-1B-name.player-name
+                      tr
+                        td[colspan="2"]
+                      tr
+                        td[colspan="2"]
+                .row[style="justify-content: center"]
+                  .defense-slot-set
+                    table
+                      tr
+                        th.position
+                          | C
+                        td#defense-slot-C-name.player-name
+                          |  player 
+                      tr
+                        td[colspan="2"]
+                      tr
+                        td[colspan="2"]
+            .pitching-container
+              .defense-slot-set
+                table
+                  tr
+                    th.position
+                      | P
+                    td#defense-slot-P-name.player-name
+                      | player
+                    td.position
+                    td.position
+                  tr
+                    th.position
+                      | RP
+                    td#defense-slot-RP1-name.player-name
+                    td
+                    td
+                  tr
+                    th.position
+                      | RP
+                    td#defense-slot-RP2-name.player-name
+                    td
+                    td
+        .footer
+          table
+            tr
+              th
+                | Notes
+      td
+      tr
+        td
+      tr
+        td
+    section#roster-and-history
+      div
+        table
+          thead
+            tr
+              th#today-availability[colspan="3"]
+                | Available (15|1)
+              th.player-stats
+                span.decimal-point
+                  | .
+                | AVG
+                span.delimiter
+                  | /
+                span.decimal-point
+                  | .
+                | OBP
+                span.delimiter
+                  | /
+                span.decimal-point
+                  | .
+                | SLG
+                span.delimiter
+                  | :
+                | PA 
+              th.position-capability.pitcher
+                | P
+              th.position-capability.catcher
+                | C
+              th.position-capability.infield
+                | I
+              th.position-capability.outfield
+                | O
+              th.today-plus-1
+                .rotate
+                  | MON
+              th.today-plus-2
+                .rotate
+                  | TUE
+              th.today-plus-3
+                .rotate
+                  | WED
+              th.today-plus-4
+                .rotate
+                  | THU
+              th.today-minus-1
+                .rotate
+                  | MON
+              th.today-minus-2
+                .rotate
+                  | TUE
+              th.today-minus-3
+                .rotate
+                  | WED
+              th.today-minus-4
+                .rotate
+                  | THU
+          tbody
+            - for i in 1...26
+              tr id="roster-history-slot-#{i}"
+                td.is-present-checkbox
+                  span
+                    | ■
+                td.jersey-number.border-left
+                  | XX
+                td.player-name
+                  | Lastname
+                td.player-stats.border-left.border-right
+                  span.decimal-point
+                    | .
+                  span.avg
+                    | 000
+                  span.delimiter
+                    | /
+                  span.decimal-point
+                    | .
+                  span.obp
+                    | 000
+                  span.delimiter
+                    | /
+                  span.decimal-point
+                    | .
+                  span.slg
+                    | 000
+                  span.delimiter
+                    | :
+                  span.pa
+                    | 00
+                td.position-capability.pitcher
+                  | ?
+                td.position-capability.catcher
+                  | ?
+                td.position-capability.infield
+                  | ?
+                td.position-capability.outfield
+                  | ?
+                td.availability.future.today-plus-1
+                  | U
+                td.availability.future.today-plus-2
+                  | U
+                td.availability.future.today-plus-3
+                  | U
+                td.availability.future.today-plus-4
+                  | U
+                td.availability.past.today-minus-1
+                  | U
+                td.availability.past.today-minus-2
+                  | U
+                td.availability.past.today-minus-3
+                  | U
+                td.availability.past.today-minus-4
+                  | U
+          tfoot
+            tr
+              th[colspan="3"]
+              th
+              th[colspan="4"]
+              th.today-plus-1
+                .rotate
+              th.today-plus-2
+                .rotate
+              th.today-plus-3
+                .rotate
+              th.today-plus-4
+                .rotate
+              th.today-minus-1
+                .rotate
+              th.today-minus-2
+                .rotate
+              th.today-minus-3
+                .rotate
+              th.today-minus-4
+                .rotate
+    section#lineup-card-dugout.lineup-card
+      .grid-container
+        .section-header
+          .bar-left.event-title
+            |  GAME 
+          .bar-right.homeaway
+        .starting-lineup-table
+          table
+            thead
+              tr
+                th[colspan="4"]
+                  | Starting
+            tbody
+              tr
+                th.sequence.label
+                td.player-name
+                td.jersey-number
+                td.position
+              tr
+                th.sequence.label
+                td.player-name
+                td.jersey-number
+                td.position
+              tr
+                th.sequence.label
+                td.player-name
+                td.jersey-number
+                td.position
+              tr
+                th.sequence.label
+                td.player-name
+                td.jersey-number
+                td.position
+              tr
+                th.sequence.label
+                td.player-name
+                td.jersey-number
+                td.position
+              tr
+                th.sequence.label
+                td.player-name
+                td.jersey-number
+                td.position
+              tr
+                th.sequence.label
+                td.player-name
+                td.jersey-number
+                td.position
+              tr
+                th.sequence.label
+                td.player-name
+                td.jersey-number
+                td.position
+              tr
+                th.sequence.label
+                td.player-name
+                td.jersey-number
+                td.position
+              tr
+                th.sequence.label
+                td.player-name
+                td.jersey-number
+                td.position
+              tr
+                th.sequence.label
+                td.player-name
+                td.jersey-number
+                td.position
+              tr
+                th.sequence.label
+                td.player-name
+                td.jersey-number
+                td.position
+        .substitution-table
+          table[style="width: 100%"]
+            thead
+              tr
+                th
+                  | Substitution
+            tbody
+              tr
+                td.substitution
+              tr
+                td.substitution
+              tr
+                td.substitution
+              tr
+                td.substitution
+              tr
+                td.substitution
+              tr
+                td.substitution
+              tr
+                td.substitution
+              tr
+                td.substitution
+              tr
+                td.substitution
+              tr
+                td.substitution
+              tr
+                td.substitution
+              tr
+                td.substitution
+              tr
+                td.substitution
+              tr
+                td.substitution
+              tr
+                td.substitution
+              tr
+                td.substitution
+              tr
+                td.substitution
+              tr
+                td.substitution
+              tr
+                td.substitution
+              tr
+                td.substitution
+              tr
+                td.substitution
+              tr
+                td.substitution
+              tr
+                td.substitution
+              tr
+                td.substitution
+    section#lineup-card-exchange.lineup-card
+      .grid-container
+        .section-header.event-title
+          | GAME
+        .starting-lineup-table
+          table.starting-lineup-table
+            thead
+              tr
+                th
+                th.player-name
+                  | Name
+                th.jersey-number
+                  | Num
+                th.position
+                  | Pos
+            tbody
+              tr
+                th.sequence.label
+                td.player-name
+                td.jersey-number
+                td.position
+              tr
+                th.sequence.label
+                td.player-name
+                td.jersey-number
+                td.position
+              tr
+                th.sequence.label
+                td.player-name
+                td.jersey-number
+                td.position
+              tr
+                th.sequence.label
+                td.player-name
+                td.jersey-number
+                td.position
+              tr
+                th.sequence.label
+                td.player-name
+                td.jersey-number
+                td.position
+              tr
+                th.sequence.label
+                td.player-name
+                td.jersey-number
+                td.position
+              tr
+                th.sequence.label
+                td.player-name
+                td.jersey-number
+                td.position
+              tr
+                th.sequence.label
+                td.player-name
+                td.jersey-number
+                td.position
+              tr
+                th.sequence.label
+                td.player-name
+                td.jersey-number
+                td.position
+              tr
+                th.sequence.label
+                td.player-name
+                td.jersey-number
+                td.position
+              tr
+                th.sequence.label
+                td.player-name
+                td.jersey-number
+                td.position
+              tr
+                th.sequence.label
+                td.player-name
+                td.jersey-number
+                td.position
+  #page-2.sheet.gamecard
+      section#back-cover
+      section#front-cover
+        p
+          span.event-label
+          br
+          span.opponent
+          br
+          span.event-date
+          br
+          span.event-time
+          br
+          span.event-location-name
+          br
+          span.homeaway
+          br
+      section#lineup-card-dugout-empty.lineup-card
+        .grid-container
+          .section-header
+          .starting-lineup-table
+            table
+              thead
+                tr
+                  th[colspan="4"]
+                    | Starting
+              tbody
+                tr
+                  th.sequence.label
+                  td.player-name
+                  td.jersey-number
+                  td.position
+                tr
+                  th.sequence.label
+                  td.player-name
+                  td.jersey-number
+                  td.position
+                tr
+                  th.sequence.label
+                  td.player-name
+                  td.jersey-number
+                  td.position
+                tr
+                  th.sequence.label
+                  td.player-name
+                  td.jersey-number
+                  td.position
+                tr
+                  th.sequence.label
+                  td.player-name
+                  td.jersey-number
+                  td.position
+                tr
+                  th.sequence.label
+                  td.player-name
+                  td.jersey-number
+                  td.position
+                tr
+                  th.sequence.label
+                  td.player-name
+                  td.jersey-number
+                  td.position
+                tr
+                  th.sequence.label
+                  td.player-name
+                  td.jersey-number
+                  td.position
+                tr
+                  th.sequence.label
+                  td.player-name
+                  td.jersey-number
+                  td.position
+                tr
+                  th.sequence.label
+                  td.player-name
+                  td.jersey-number
+                  td.position
+                tr
+                  th.sequence.label
+                  td.player-name
+                  td.jersey-number
+                  td.position
+                tr
+                  th.sequence.label
+                  td.player-name
+                  td.jersey-number
+                  td.position
+          .substitution-table
+            table[style="width: 100%"]
+              thead
+                tr
+                  th
+                    | Substitution
+              tbody
+                tr
+                  td.substitution
+                tr
+                  td.substitution
+                tr
+                  td.substitution
+                tr
+                  td.substitution
+                tr
+                  td.substitution
+                tr
+                  td.substitution
+                tr
+                  td.substitution
+                tr
+                  td.substitution
+                tr
+                  td.substitution
+                tr
+                  td.substitution
+                tr
+                  td.substitution
+                tr
+                  td.substitution
+                tr
+                  td.substitution
+                tr
+                  td.substitution
+                tr
+                  td.substitution
+                tr
+                  td.substitution
+                tr
+                  td.substitution
+                tr
+                  td.substitution
+                tr
+                  td.substitution
+                tr
+                  td.substitution
+                tr
+                  td.substitution
+                tr
+                  td.substitution
+                tr
+                  td.substitution
+                tr
+                  td.substitution
+      section#lineup-card-exchange-empty.lineup-card
+        .grid-container
+          .section-header
+          .starting-lineup-table
+            table.starting-lineup-table
+              thead
+                tr
+                  th
+                  th.player-name
+                    | Name
+                  th.jersey-number
+                    | Num
+                  th.position
+                    | Pos
+              tbody
+                tr
+                  th.sequence.label
+                  td.player-name
+                  td.jersey-number
+                  td.position
+                tr
+                  th.sequence.label
+                  td.player-name
+                  td.jersey-number
+                  td.position
+                tr
+                  th.sequence.label
+                  td.player-name
+                  td.jersey-number
+                  td.position
+                tr
+                  th.sequence.label
+                  td.player-name
+                  td.jersey-number
+                  td.position
+                tr
+                  th.sequence.label
+                  td.player-name
+                  td.jersey-number
+                  td.position
+                tr
+                  th.sequence.label
+                  td.player-name
+                  td.jersey-number
+                  td.position
+                tr
+                  th.sequence.label
+                  td.player-name
+                  td.jersey-number
+                  td.position
+                tr
+                  th.sequence.label
+                  td.player-name
+                  td.jersey-number
+                  td.position
+                tr
+                  th.sequence.label
+                  td.player-name
+                  td.jersey-number
+                  td.position
+                tr
+                  th.sequence.label
+                  td.player-name
+                  td.jersey-number
+                  td.position
+                tr
+                  th.sequence.label
+                  td.player-name
+                  td.jersey-number
+                  td.position
+                tr
+                  th.sequence.label
+                  td.player-name
+                  td.jersey-number
+                  td.position
\ No newline at end of file
diff --git a/app/views/event/bak_lineup_card.html copy.slim b/app/views/event/bak_lineup_card.html copy.slim
new file mode 100644
index 0000000..24c14ed
--- /dev/null
+++ b/app/views/event/bak_lineup_card.html copy.slim	
@@ -0,0 +1,386 @@
+=stylesheet_link_tag 'gamecard', media: 'all'
+
+body(class="B5")
+body(class="B5")
+input(name="team_id", type="hidden" value="#{team_id}")
+input(name="event.id", type="hidden" value="#{event.id}")
+	#page-1.sheet.gamecard
+		section#todays-game
+			.grid-container
+				.section-header
+					#todays-game-header.bar-left.event-title
+						| #{event.formatted_title} 
+						| #{event.start_date} 
+						| #{event.start_date}
+					.bar-right.homeaway #{event.game_type}
+					.bar-span.gametitle
+				#offense-pane.left
+					table#starting-lineup-offense
+						tbody
+							- for i in 0...11
+								- if (event_lineup_entries_offense[i])?)
+									tr
+										th(rowspan='2') #{i+1}
+										td(id="offense-slot-#{i}-name" class="player-name") #{event_lineup_entries_offense[i].member.last_name}
+										td(id="offense-slot-#{i}-jersey-number" class="jersey-number") #{event_lineup_entries_offense[i].member.jersey_number}
+										td(id="offense-slot-#{i}-position" class="position") #{event_lineup_entries_offense[i].label}
+									tr.substitute
+										td
+										td
+										td
+								- else 
+									tr
+										th(rowspan='2')
+										td(id="offense-slot-#{i}-name" class="player-name")
+										td(id="offense-slot-#{i}-jersey-number" class="jersey-number")
+										td(id="offense-slot-#{i}-position" class="position")
+									tr.substitute
+										td
+										td
+										td
+							
+				#defense-pane.right
+					.container
+						.field-container
+							image(src='/media/baseball-diamond.svg')
+								.row(style='justify-content: center')
+									.defense-slot-set
+										table
+											tr
+												th.position CF
+												td#defense-slot-CF-name.player-name
+													| #{(event_lineup_entries.find((lue)=>lue.label.startsWith("CF")) || {"member":{}}).member.last_name}
+											tr
+												td(colspan='2')
+											tr
+												td(colspan='2')
+								.row(style='justify-content: space-between')
+									.defense-slot-set
+										table
+											tr
+												th.position LF
+												td#defense-slot-LF-name.player-name
+													| #{(event_lineup_entries.find((lue)=>lue.label.startsWith("LF")) || {"member":{}}).member.last_name}
+											tr
+												td(colspan='2')
+											tr
+												td(colspan='2')
+									.defense-slot-set
+										table
+											tr
+												th.position RF
+												td#defense-slot-RF-name.player-name
+													| #{(event_lineup_entries.find((lue)=>lue.label.startsWith("RF")) || {"member":{}}).member.last_name}
+											tr
+												td(colspan='2')
+											tr
+												td(colspan='2')
+								.row(style='justify-content: space-around')
+									.defense-slot-set
+										table
+											tr
+												th.position SS
+												td#defense-slot-SS-name.player-name
+													| #{(event_lineup_entries.find((lue)=>lue.label.startsWith("SS")) || {"member":{}}).member.last_name}
+											tr
+												td(colspan='2')
+											tr
+												td(colspan='2')
+									.defense-slot-set
+										table
+											tr
+												th.position 2B
+												td#defense-slot-2B-name.player-name
+													| #{(event_lineup_entries.find((lue)=>lue.label.startsWith("2B")) || {"member":{}}).member.last_name}
+											tr
+												td(colspan='2')
+											tr
+												td(colspan='2')
+								.row(style='justify-content: space-between')
+									.defense-slot-set
+										table
+											tr
+												th.position 3B
+												td#defense-slot-3B-name.player-name
+													| #{(event_lineup_entries.find((lue)=>lue.label.startsWith("3B")) || {"member":{}}).member.last_name}
+											tr
+												td(colspan='2')
+											tr
+												td(colspan='2')
+									.defense-slot-set
+										table
+											tr
+												th.position 1B
+												td#defense-slot-1B-name.player-name
+													| #{(event_lineup_entries.find((lue)=>lue.label.startsWith("1B")) || {"member":{}}).member.last_name}
+											tr
+												td(colspan='2')
+											tr
+												td(colspan='2')
+								.row(style='justify-content: center')
+									.defense-slot-set
+										table
+											tr
+												th.position C
+												td#defense-slot-C-name.player-name
+													| #{(event_lineup_entries.find((lue)=>lue.label.startsWith("C") && !lue.label.startsWith("CF") ) || {"member":{}}).member.last_name}
+											tr
+												td(colspan='2')
+											tr
+												td(colspan='2')
+						.pitching-container
+							.defense-slot-set
+								table
+									tr
+										th.position P
+										td#defense-slot-P-name.player-name
+											| #{(event_lineup_entries.find((lue)=>lue.label.startsWith("P")) || {"member":{}}).member.last_name}
+										td.jersey-number
+											| #{(event_lineup_entries.find((lue)=>lue.label.startsWith("P")) || {"member":{}}).member.jersey_number}
+										td.position
+									tr
+										th.position RP
+										td#defense-slot-RP1-name.player-name
+										td
+										td
+									tr
+										th.position RP
+										td#defense-slot-RP2-name.player-name
+										td
+										td
+				.footer
+					table
+						tr
+							th Notes
+						td
+						tr
+							td
+						tr
+							td
+		section#roster-and-history
+			div
+				table
+					thead
+						tr
+							th#today-availability(colspan='3') Available (
+								| #{availability_summaries.find((e)=>e.id==event.id).player_going_count}|
+								| #{availability_summaries.find((e)=>e.id==event.id).player_maybe_count}
+								| )
+							th.player-stats
+								span.decimal-point .
+								| AVG
+								span.delimiter /
+								span.decimal-point .
+								| OBP
+								span.delimiter /
+								span.decimal-point .
+								| SLG
+								span.delimiter \:
+								| PA
+							th.position-capability.pitcher P
+							th.position-capability.catcher C
+							th.position-capability.infield I
+							th.position-capability.outfield O
+							- for event_future, i in events_future
+								th(id="avail-header-today-plus-#{i+1}" class="availability future")
+									.rotate #{event_future.start_date}
+							- for event_past, i in events_past
+								th(id="avail-header-today-minus-#{i+1}" class="availability past")
+									.rotate #{event_past.start_date}
+					tbody
+						- for row, index in availabilities.filter((e)=>e.event.id==event.id && !e.member.is_non_player)
+							tr(id="roster-history-slot-#{index+1}" class="")
+								td(class="is-present-checkbox available-status-code-#{row.status_code}")
+									span &#x25A0;
+								td(
+									class="jersey-number border-left available-status-code-#{row.status_code} #{event_lineup_entries.find((lue)=>lue.member.id==row.member.id) !== undefined ? "starting" : ""}") 
+											| #{row.member.jersey_number}
+								td(
+									class="player-name  available-status-code-#{row.status_code} #{event_lineup_entries.find((lue)=>lue.member.id==row.member.id) !== undefined ? "starting" : ""}") 
+											| #{row.member.last_name}
+								td.player-stats.border-left.border-right
+									span.decimal-point .
+									span.avg 000
+									span.delimiter /
+									span.decimal-point .
+									span.obp 000
+									span.delimiter /
+									span.decimal-point .
+									span.slg 000
+									span.delimiter \:
+									span.pa 00
+								td.position-capability.pitcher #{row.member.position.includes("P") ? "\u2713" : ""}
+								td.position-capability.catcher #{row.member.position.includes("C") ? "\u2713" : ""}
+								td.position-capability.infield #{row.member.position.includes("IF") ? "\u2713" : ""}
+								td.position-capability.outfield #{row.member.position.includes("OF") ? "\u2713" : ""}
+								- var future_availability
+								- var future_lineup_entry
+								- for future_event, i in events_future
+									- future_availability =    availabilities.find((el)=>el.event.id ==future_event.id && el.memberId==row.member.id)
+									- future_lineup_entry = all_lineup_entries.find((el)=>el.event.id ==future_event.id && el.member.id==row.member.id)
+									- console.log(future_availability)
+									td(id="avail-#{row.member}-today-plus-#{i+1}" class="row future availabilityavailable-status-code-#{future_availability.status_code}")
+											if future_lineupEntry
+												|#{future_lineupEntry.label.slice(0,2)}
+											else
+												|#{future_availability.status[0]}
+								- var past_availability
+								- var past_lineupEntry
+								- for past_event, i in events_past
+									- past_availability =    availabilities.find((el)=>el.event.id==past_event.id && el.memberId==row.memberId)
+									- past_lineupEntry = all_lineup_entries.find((el)=>el.event.id==past_event.id && el.member.id==row.member.id)
+									td(id="avail-#{row.member}-today-minus-#{i+1}" class="row past availabilityavailable-status-code-#{past_availability.status_code}#{past_lineupEntry ? "started" : ""}")
+											if past_lineupEntry
+												|#{past_lineupEntry.label.slice(0,2)}
+											else
+												|#{past_availability.status[0]}
+					tfoot
+						tr
+							th(colspan='3')
+							th
+							th(colspan='4')
+							- for event_future, i in events_future
+								th(class="availability future")
+									.rotate #{availabilitySummaries.find((el)=>el.event.id == event_future.id).playerGoingCount}
+							th.today-minus-1
+								.rotate
+							th.today-minus-2
+								.rotate
+							th.today-minus-3
+								.rotate
+							th.today-minus-4
+								.rotate
+		section#lineup-card-dugout.lineup-card
+			.grid-container
+				.section-header
+					.bar-left.event-title
+						| #{event.formattedTitle}
+					.bar-right.homeaway #{event.game_type}
+				.starting-lineup-table
+					table
+						thead
+							tr
+								th(colspan='4') Starting
+						tbody
+							- for i in [0,1,2,3,4,5,6,7,8,9,10]
+								- if (typeof(event_lineup_entries_offense[i]) !== 'undefined'){
+									tr
+										th.sequence.label #{event_lineup_entries_offense[i].sequence +1}
+										td.player-name #{event_lineup_entries_offense[i].member.last_name}
+										td.jersey-number #{event_lineup_entries_offense[i].member.jersey_number}
+										td.position #{event_lineup_entries_offense[i].label}
+								- } else {
+									tr
+										th.sequence.label 
+										td.player-name 
+										td.jersey-number 
+										td.position
+									tr
+										td
+										td
+										td
+										td
+								- }
+								
+				.substitution-table
+					table(style='width: 100%')
+						thead
+							tr
+								th Substitution
+						tbody
+							- for i in 0...11
+								tr
+									td.substitution
+								tr
+									td.substitution
+		section#lineup-card-exchange.lineup-card
+			.grid-container
+				.section-header.event-title #{event.formatted_title_for_multi_team}
+				.starting-lineup-table
+					table.starting-lineup-table
+						thead
+							tr
+								th
+								th.player-name Name
+								th.jersey-number Num
+								th.position Pos
+						tbody
+							- for i in 0...10
+								- if (typeof(event_lineup_entries_offense[i]) !== 'undefined'){
+									tr
+										th.sequence.label #{event_lineup_entries_offense[i].sequence+1}
+										td.player-name #{event_lineup_entries_offense[i].member.last_name}
+										td.jersey-number #{event_lineup_entries_offense[i].member.jersey_number}
+										td.position #{event_lineup_entries_offense[i].label}
+								- } else {
+									tr
+										th.sequence.label 
+										td.player-name 
+										td.jersey-number 
+										td.position
+									tr
+										td
+										td
+										td
+										td
+								- }
+	#page-2.sheet.gamecard
+		section#back-cover
+		section#front-cover
+			div.grid-container
+				.section-header
+					.bar-right.homeaway #{event.game_type}
+					.event-title
+						| #{event.startDate}, 
+						| #{event.startDate}
+						br
+						| #{event.locationName}
+				div.team
+					|#{event.team.name}
+				div.opponent
+					|#{event.opponent.name}
+		section#lineup-card-dugout-empty.lineup-card
+			.grid-container
+				.section-header
+				.starting-lineup-table
+					table
+						thead
+							tr
+								th(colspan='4') Starting
+						tbody
+							- for _ in 0...12
+								tr
+									th.sequence.label
+									td.player-name
+									td.jersey-number
+									td.position
+				.substitution-table
+					table(style='width: 100%')
+						thead
+							tr
+								th Substitution
+						tbody
+							- for _ in 0...11
+								tr
+									td.substitution
+								tr
+									td.substitution
+		section#lineup-card-exchange-empty.lineup-card
+			.grid-container
+				.section-header
+				.starting-lineup-table
+					table.starting-lineup-table
+						thead
+							tr
+								th
+								th.player-name Name
+								th.jersey-number Num
+								th.position Pos
+						tbody
+							- for _ in 0...12
+								tr
+									th.sequence.label
+									td.player-name
+									td.jersey-number
+									td.position
+	
diff --git a/app/views/event/lineup.html.slim b/app/views/event/lineup.html.slim
new file mode 100644
index 0000000..061dda9
--- /dev/null
+++ b/app/views/event/lineup.html.slim
@@ -0,0 +1,103 @@
+div id="messages"
+	#success-message.Feedback.Feedback--positive.u-hidden role="alert"
+		.Feedback-icon
+			i.Icon.bi.bi-hand-thumbs-up-fill.u-fontSizeXl
+		h5.headline Successful
+		span.message
+		p
+			a href="javascript:void(0)" onclick="javascript:this.closest('.Feedback').classList.add('u-hidden')" Dismiss
+	#failure-message.Feedback.Feedback--negative.u-hidden role="alert"
+		.Feedback-icon.bi.bi-hand-thumbs-down-fill
+		h5.headline Not Successful!
+		span.message Error encountered.
+		p
+			a href="javascript:void(0)" onclick="javascript:this.closest('.Feedback').classList.add('u-hidden')" Dismiss
+	#waiting-message.Feedback.u-hidden role="alert"
+		.Feedback-icon
+			.Icon.Icon--loader.u-colorForeground.u-fontSizeXl
+				<svg viewBox="0 0 66 66" role="presentation" class="Icon Icon--loader">
+					<circle fill="none" stroke-width="12" stroke="currentColor" stroke-linecap="round" cx="33" cy="33" r="24" />
+				</svg>
+		h5.headline Sending...
+div id="modals"
+	#email-modal.Modal
+		.Modal-content
+			.Modal-header
+				.Modal-title Email
+				a href="javascript:void(0)" onclick="javascript:this.closest('.Modal').classList.toggle('is-open')" Dismiss
+			.Modal-body
+
+div id="event-lineup-#{event.id}" class="event-lineup"
+	= form_with(url: url_for(event_lineup_submit_path :team_id=>team.id, :event_id=>event.id), method: :post, :html => { :onsubmit => "onSubmit(this,event)" }) do |form|
+		=form.hidden_field name="event_lineup_id", value: !event_lineup.nil? ? event_lineup.id : nil
+		.event-card.u-maxWidthSm
+			.event-card-body
+				div.Grid
+					div.Grid-cell.u-sizeFill
+						h3.title #{event.formatted_title}
+					div.Grid-cell.u-sizeFit
+						.ButtonGroup
+							= form.submit("Save", class: "Button Button--orange")
+							.Button.Button--orange.u-padSidesXs.Popup onclick="togglePopup(this)"
+								.bi.bi-caret-down.u-spaceNone
+								.Popup-container.Popup-container--down.Popup-container--rightHang data-popup="demo4a" style="width: 200px"
+									.Popup-content
+										.u-textBold
+											
+											a href="javascript:void(0)" onclick="emailModal(this, '#{url_for(event_lineup_email_path :team_id=>team.id, :event_id=>event.id)}')"
+												i.bi.bi-envelope
+												span Generate Email
+											hr.Divider.u-spaceEndsNone
+											a href=""
+												p.u-padEndsSm.u-padSidesMd Action 2
+				div.date #{event.start_date.strftime("%a, %b  %e, %l:%M %p")}
+				div.location #{event.location_name}
+				div.availability-bar=render("event/availability_bar", team:team, event:event, availability_summary: availability_summary)
+		.Panel.u-maxWidthSm.starting
+			.Panel-body
+				.Panel-row.Panel-title.u-padXs 
+					i.bi.bi-clipboard-check.me-1
+					span Starting Lineup
+				.Panel-row.Grid.Grid--fit.fw-bold.text-center.u-padXs
+					- for pos in ["P", "C", "1B", "2B", "3B", "SS", "LF", "CF", "RF", "EH", "DH"]
+						.Grid-cell.position-status #{pos}
+				.slot-set
+					- event_lineup_entry.select{|d| extract_flags(d)[1].exclude?(PositionLabelFlag::POSITION_ONLY)}.sort_by{|d| d['sequence']}.each_with_index do |d|
+							- m = members.find{|m| m.id == d['member_id']}
+							=render("lineup_slot",event_lineup_entry: by_member[m][:event_lineup_entry],availability: by_member[m][:availability], member:m, event:event, timeline: timeline, form: form, event_lineup:d)
+		.Panel.u-maxWidthSm.position-only
+			.Panel-body
+				.Panel-row.Panel-title.u-padXs 
+					i.bi.bi-clipboard-check.me-1
+					span Position Only
+				.slot-set
+					- event_lineup_entry.select{ |d| extract_flags(d)[1].include?(PositionLabelFlag::POSITION_ONLY)}.sort_by{|d| d['sequence']}.each_with_index do |d|
+						- m = members.find{|m| m.id == d['member_id']}
+						=render("lineup_slot",event_lineup_entry: by_member[m][:event_lineup_entry],availability: by_member[m][:availability], member:m, event:event, timeline: timeline, form: form, event_lineup:d)
+		
+		.Panel.u-maxWidthSm.bench
+			.Panel-body
+				.Panel-row.Panel-title.u-padXs 
+					i.bi.bi-clipboard-minus.me-1
+					span Bench
+				.slot-set
+					- by_member.select{|m,d| !d[:availability].status_code.nil? and d[:availability].status_code != 0 and !m.is_non_player and d[:event_lineup_entry].nil?}.each_with_index do |(m, d), i|
+						=render("lineup_slot",event_lineup_entry: by_member[m][:event_lineup_entry],availability: by_member[m][:availability], member:m, event:event, timeline: timeline, form: form, event_lineup:event_lineup)	
+		
+		.Panel.u-maxWidthSm.out
+			.Panel-body
+				.Panel-row.Panel-title.u-padXs 
+					i.bi.bi-clipboard-x.me-1
+					span Out
+				.slot-set
+					- by_member.select{|m,d| (d[:availability].status_code.nil? or d[:availability].status_code == 0) and !m.is_non_player and d[:event_lineup_entry].nil?}.each_with_index do |(m, d), i|
+						=render("lineup_slot",event_lineup_entry: by_member[m][:event_lineup_entry],availability: by_member[m][:availability], member:m, event:event, timeline: timeline, form: form, event_lineup:event_lineup)	
+
+
+script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"
+=javascript_include_tag 'lineup'
+javascript:
+	colorPositions();
+	refreshLineupOrder();
+						
+
diff --git a/app/views/event/lineup_card.html.slim b/app/views/event/lineup_card.html.slim
new file mode 100644
index 0000000..47c44bf
--- /dev/null
+++ b/app/views/event/lineup_card.html.slim
@@ -0,0 +1,232 @@
+=stylesheet_link_tag 'gamecard', media: 'all'
+
+body.B5
+  #page-1.sheet.gamecard
+    section#todays-game
+      header
+        .event-title.float-left
+          | #{event.formatted_title} – #{event.start_date.strftime("%a, %b %e %l:%M %p")}
+        .homeaway.float-right
+          | #{event.game_type}
+      .grid-container
+        #offense-pane
+          table#starting-lineup-offense
+            tbody
+              .slot-set
+                - offensive_lineup_entries = by_member.select{|m,d| d[:event_lineup_entry] and d[:event_lineup_entry].label.exclude?("[PO]")}.sort_by{|m,d| d[:event_lineup_entry].sequence}.each_with_index do |(member, d), i|
+                  - if i < 11
+                    tr.slot
+                      th.sequence(rowspan="2")
+                        | #{i+1}
+                      td.player-name
+                        | #{member.last_name}
+                      td.jersey-number
+                        | #{member.jersey_number}
+                      td.position
+                        | #{d[:event_lineup_entry].label}
+                    tr.slot.substitute
+                      td
+                      td
+                      td
+        #defense-pane
+          .field-container
+            img[src="/assets/baseball-diamond.svg"]
+            - for pos in ["CF", "LF", "RF", "SS", "2B", "3B", "1B", "C"]
+              - (member, d) = by_member.find{|m,d| d[:event_lineup_entry] and d[:event_lineup_entry].label == pos}
+              div class="slot-set pos-slot-#{pos}"
+                table
+                  tbody
+                    tr.slot
+                      th.position
+                      td.player-name
+                        | #{member.last_name}
+                    tr.slot.substitute
+                      th
+                      td
+                    tr.slot.substitute
+                      th
+                      td
+            - (member, d) = by_member.find{|m,d| d[:event_lineup_entry] and (d[:event_lineup_entry].label == "P" or d[:event_lineup_entry].label == "P [PO]")}
+            div class="slot-set pos-slot-p"
+              table
+                tr
+                  th.position
+                  td.player-name #{!member.nil? ? member.last_name : ""}
+                  td.jersey-number #{!member.nil? ? member.jersey_number : ""}
+                  td.jersey-number
+                tr
+                  th.position.pos-slot-rp-1
+                  td.player-name
+                  td.jersey-number
+                  td.jersey-number
+                tr
+                  th.position.pos-slot-rp-2
+                  td.player-name
+                  td.jersey-number
+                  td.jersey-number
+        .footer
+          table.notes
+            tbody
+              tr
+                th
+                  | Notes
+              tr
+                td
+              tr
+                td
+              tr
+                td
+    section#roster-and-history
+      div
+        table
+          thead
+            tr
+              th#today-availability[colspan="3"]
+                | Available (#{availability_summary.player_going_count}|#{availability_summary.player_maybe_count})
+              th.player-stats
+                span.decimal-point
+                  | .
+                | AVG 
+                span.delimiter
+                  | /
+                span.decimal-point
+                  | .
+                | OBP 
+                span.delimiter
+                  | /
+                span.decimal-point
+                  | .
+                | SLG 
+                span.delimiter
+                  | :
+                | PA 
+              th.position-capability.pitcher
+                | P
+              th.position-capability.catcher
+                | C
+              th.position-capability.infield
+                | I
+              th.position-capability.outfield
+                | O
+              - for timepoint, i in timeline.select{|tp| tp[:comparison_to_selected]>0}.sort{|tp| -tp[:comparison_to_selected]}.each_with_index
+                th class="avail-today-plus-#{timepoint[:comparison_to_selected]} future availability"
+                  div
+                    | #{timepoint[:event].start_date.strftime("%a")}
+              - for timepoint, i in timeline.select{|tp| tp[:comparison_to_selected]<0}.sort{|tp| tp[:comparison_to_selected]}.each_with_index
+                th class="avail-today-minus-#{timepoint[:comparison_to_selected].abs}  past availability available-status-code-#{timepoint[:by_member][member][:availability].status_code}"
+                  div
+                    | #{timepoint[:event].start_date.strftime("%a")}
+
+          tbody
+            - by_member.select{|m,d| !m.is_non_player}.each_with_index do |(member, d), i|
+              tr id="roster-history-slot-#{i}"
+                td class="is-present-checkbox available-status-code-#{d[:availability].status_code}"
+                  span
+                    | ■
+                td class="jersey-number border-left available-status-code-#{d[:availability].status_code} #{!d[:event_lineup_entry].nil? ? 'starting' : ''}"
+                  |  #{member.jersey_number}
+                td class="player-name available-status-code-#{d[:availability].status_code} #{!d[:event_lineup_entry].nil? ? 'starting' : ''}"
+                  |  #{member.last_name}
+                td.player-stats.border-left.border-right
+                  span.decimal-point
+                    | .
+                  span.avg
+                    | 000
+                  span.delimiter
+                    | /
+                  span.decimal-point
+                    | .
+                  span.obp
+                    | 000
+                  span.delimiter
+                    | /
+                  span.decimal-point
+                    | .
+                  span.slg
+                    | 000
+                  span.delimiter
+                    | :
+                  span.pa
+                    | 00
+                td.position-capability.pitcher
+                  | #{member.position.split(",",-1).include?("P") ? "\u2713" : ""}
+                td.position-capability.catcher
+                  | #{member.position.split(",",-1).include?("C") ? "\u2713" : ""}
+                td.position-capability.infield
+                  | #{member.position.split(",",-1).include?("IF") ? "\u2713" : ""}
+                td.position-capability.outfield
+                  | #{member.position.split(",",-1).include?("OF") ? "\u2713" : ""}
+                
+                - for timepoint, i in timeline.select{|tp| tp[:comparison_to_selected]>0}.sort{|tp| -tp[:comparison_to_selected]}.each_with_index
+                  td class="avail-today-plus-#{timepoint[:comparison_to_selected]} future availability available-status-code-#{timepoint[:by_member][member][:availability].status_code}"
+                    | #{timepoint[:by_member][member][:event_lineup_entry] ? timepoint[:by_member][member][:event_lineup_entry].label : timepoint[:by_member][member][:availability].status[0]}
+                - for timepoint, i in timeline.select{|tp| tp[:comparison_to_selected]<0}.sort{|tp| -tp[:comparison_to_selected]}.each_with_index
+                  td class="avail-today-minus-#{timepoint[:comparison_to_selected].abs} past availability available-status-code-#{timepoint[:by_member][member][:availability].status_code}"
+                    | #{timepoint[:by_member][member][:event_lineup_entry] ? timepoint[:by_member][member][:event_lineup_entry].label : timepoint[:by_member][member][:availability].status[0]}
+    -for section_name in ["lineup-card-dugout", "lineup-card-exchange"]
+      section.lineup-card id="#{section_name}"
+        header
+          .float-left.event-title
+            | #{event.formatted_title}
+          .float-right.homeaway
+            | #{event.game_type}
+        .starting-lineup-table
+          table
+            thead
+              tr
+                th[colspan="4"]
+                  | Starting
+                th.substitution
+                  | Substitution
+            tbody
+              - offensive_lineup_entries = by_member.select{|m,d| d[:event_lineup_entry] and d[:event_lineup_entry].label.exclude?("[PO]")}.sort_by{|m,d| d[:event_lineup_entry].sequence}
+              - num_entries = offensive_lineup_entries.length
+              - for i in (0...12)
+                tr.slot
+                  th.sequence
+                    | #{i<num_entries ? i+1 : nil}
+                  td.player-name
+                    | #{i<num_entries ? offensive_lineup_entries[i][0].last_name : nil}
+                  td.jersey-number
+                    | #{i<num_entries ? offensive_lineup_entries[i][0].jersey_number : nil}
+                  td.position
+                    | #{i<num_entries ? offensive_lineup_entries[i][1][:event_lineup_entry].label : nil}
+                  td.substitution
+              
+  #page-2.sheet.gamecard
+    section#back-cover
+    section#front-cover
+      header
+        .float-left.homeaway
+          | #{event.game_type[0]}
+        .event-title
+          | #{event.start_date.strftime('%A %b %-d, %l:%M %P')}
+          br
+          | #{event.location_name} 
+      .container
+        .team
+          | #{team.name} 
+        div vs.
+        .opponent
+          | #{event.opponent_name} 
+    -for section_name in ["lineup-card-dugout-blank", "lineup-card-exchange-blank"]
+      section.lineup-card id="#{section_name}"
+        header
+          .float-left.event-title
+          .float-right.homeaway
+        .starting-lineup-table
+          table
+            thead
+              tr
+                th[colspan="4"]
+                  | Starting
+                th.substitution
+                  | Substitution
+            tbody
+              - for i in (0...12)
+                tr.slot
+                  th.sequence
+                  td.player-name
+                  td.jersey-number
+                  td.position
+                  td.substitution
\ No newline at end of file
diff --git a/app/views/event/lineup_card_template.html.slim b/app/views/event/lineup_card_template.html.slim
new file mode 100644
index 0000000..e68a923
--- /dev/null
+++ b/app/views/event/lineup_card_template.html.slim
@@ -0,0 +1,320 @@
+=stylesheet_link_tag 'gamecard', media: 'all'
+
+body.B5
+  #page-1.sheet.gamecard
+    section#todays-game
+      header
+        .event-title.float-left
+          | G#00 vs. XXX Xxx, Xxx 00 0:00 XM
+        .homeaway.float-right
+          | Hxxx
+      .grid-container
+        #offense-pane.left
+          table#starting-lineup-offense
+            tbody
+              .slot-set
+                - for i in 1...11
+                  tr.slot
+                    th.sequence(rowspan="2")
+                      | #{i}
+                    td.player-name
+                      | Lastname
+                    td.jersey-number
+                      | 00
+                    td.position
+                      | XX
+                  tr.slot.substitute
+                    td
+                    td
+                    td
+        #defense-pane
+          .field-container
+            img[src="/assets/baseball-diamond.svg"]
+            - for pos in ["cf", "lf", "rf", "ss", "second", "third", "first", "catcher"]
+              div class="slot-set #{pos}"
+                table
+                  tbody
+                    tr.slot
+                      th.position
+                      td.player-name
+                        | Lastname
+                    tr.slot.substitute
+                      th
+                      td
+                    tr.slot.substitute
+                      th
+                      td
+              div class="slot-set pitcher"
+                table
+                  tr
+                    th.position
+                      | P
+                    td.player-name
+                      | player
+                    td.jersey-number
+                    td.jersey-number
+                  tr
+                    th.position.relief-pitcher
+                      | RP
+                    td.player-name
+                    td.jersey-number
+                    td.jersey-number
+                  tr
+                    th.position.relief-pitcher
+                      | RP
+                    td.player-name
+                    td.jersey-number
+                    td.jersey-number
+        .footer
+          table.notes
+            tbody
+              tr
+                th
+                  | Notes
+              tr
+                td
+              tr
+                td
+              tr
+                td
+    section#roster-and-history
+      div
+        table
+          thead
+            tr
+              th#today-availability[colspan="3"]
+                | Available (00|0)
+              th.player-stats
+                span.decimal-point
+                  | .
+                | AVG 
+                span.delimiter
+                  | /
+                span.decimal-point
+                  | .
+                | OBP 
+                span.delimiter
+                  | /
+                span.decimal-point
+                  | .
+                | SLG 
+                span.delimiter
+                  | :
+                | PA 
+              th.position-capability.pitcher
+                | P
+              th.position-capability.catcher
+                | C
+              th.position-capability.infield
+                | I
+              th.position-capability.outfield
+                | O
+              th#avail-header-today-plus-1.availability.future
+                .rotate
+                  | Sun
+              th#avail-header-today-plus-2.availability.future
+                .rotate
+                  | Tue
+              th#avail-header-today-plus-3.availability.future
+                .rotate
+                  | Sun
+              th#avail-header-today-plus-4.availability.future
+                .rotate
+                  | Sun
+              th#avail-header-today-minus-1.availability.past
+                .rotate
+                  | Tue
+              th#avail-header-today-minus-2.availability.past
+                .rotate
+                  | Sun
+              th#avail-header-today-minus-3.availability.past
+                .rotate
+                  | Tue
+              th#avail-header-today-minus-4.availability.past
+                .rotate
+                  | Sun
+          tbody
+            - for i in 1...24
+              tr id="roster-history-slot-#{i}"
+                td.is-present-checkbox.available-status-code-1
+                  span
+                    | ■
+                td.jersey-number.border-left.available-status-code-1.starting
+                  |  00
+                td.player-name.available-status-code-1.starting
+                  |  Lastname
+                td.player-stats.border-left.border-right
+                  span.decimal-point
+                    | .
+                  span.avg
+                    | 000
+                  span.delimiter
+                    | /
+                  span.decimal-point
+                    | .
+                  span.obp
+                    | 000
+                  span.delimiter
+                    | /
+                  span.decimal-point
+                    | .
+                  span.slg
+                    | 000
+                  span.delimiter
+                    | :
+                  span.pa
+                    | 00
+                td.position-capability.pitcher
+                  | ✓
+                td.position-capability.catcher
+                  | ✓
+                td.position-capability.infield
+                  | ✓
+                td.position-capability.outfield
+                  | ✓
+                td#avail--today-plus-1.row.future.availability.available-status-code-
+                  | X
+                td#avail-xx-today-plus-2.row.future.availability.available-status-code-
+                  | X
+                td#avail-xx-today-plus-3.row.future.availability.available-status-code-
+                  | X
+                td#avail-xx-today-plus-4.row.future.availability.available-status-code-
+                  | X
+                td#avail-xx-today-minus-1.row.past.availability.available-status-code-.started
+                  | X
+                td#avail-xx-today-minus-2.row.past.availability.available-status-code-
+                  | X
+                td#avail-xx-today-minus-3.row.past.availability.available-status-code-
+                  | X
+                td#avail-xx-today-minus-4.row.past.availability.available-status-code-
+                  | X
+            
+    section#lineup-card-dugout.lineup-card
+      .grid-container
+        header
+          .float-left.event-title
+            | G#XX vs. Xxxxxx
+          .float-right.homeaway
+            | Xxxx
+        .starting-lineup-table
+          table
+            thead
+              tr
+                th[colspan="4"]
+                  | Starting
+            tbody
+              - for i in 1...13
+                tr
+                  th.sequence
+                    | #{i}
+                  td.player-name
+                    | Lastname
+                  td.jersey-number
+                    | XX
+                  td.position
+                    | XX
+              
+        .substitution-table
+          table[style="width: 100%"]
+            thead
+              tr
+                th
+                  | Substitution
+            tbody
+              - for i in 1...13
+                tr
+                  td.substitution
+                tr
+                  td.substitution
+
+    section#lineup-card-exchange.lineup-card
+      .grid-container
+        header.event-title
+          | Xxxxx G#XX vs. Xxxxxx
+        .starting-lineup-table
+          table.starting-lineup-table
+            thead
+              tr
+                th
+                th.player-name
+                  | Name
+                th.jersey-number
+                  | Num
+                th.position
+                  | Pos
+            tbody
+              - for i in 1...13
+                tr
+                  th.sequence
+                    | #{i}
+                  td.player-name
+                    | Lastname
+                  td.jersey-number
+                    | XX
+                  td.position
+                    | XX
+  #page-2.sheet.gamecard
+    section#back-cover
+    section#front-cover
+      header
+        .float-right.homeaway
+          | Xxxx
+        .event-title
+          | XXXXXX, XXX 00, 0:00 XM 
+          br
+          | XXXXX Park 
+      .container
+        .team
+          | Xxxxx
+        div vs.
+        .opponent
+          | Xxxxx
+    section#lineup-card-dugout-blank.lineup-card
+      .grid-container
+        header
+        .starting-lineup-table
+          table
+            thead
+              tr
+                th[colspan="4"]
+                  | Starting
+            tbody
+              - for i in 1...13
+                tr
+                  th.sequence
+                  td.player-name
+                  td.jersey-number
+                  td.position
+        .substitution-table
+          table
+            thead
+              tr
+                th
+                  | Substitution
+            tbody
+              - for i in 1...13
+                tr
+                  td.substitution
+                tr
+                  td.substitution
+    section#lineup-card-exchange-blank.lineup-card
+      .grid-container
+        header
+        .starting-lineup-table
+          table.starting-lineup-table
+            thead
+              tr
+                th
+                th.player-name
+                  | Name
+                th.jersey-number
+                  | Num
+                th.position
+                  | Pos
+            tbody
+              - for i in 1...13
+                tr
+                  th.sequence
+                  td.player-name
+                  td.jersey-number
+                  td.position
\ No newline at end of file
diff --git a/app/views/event/lineup_email.html.slim b/app/views/event/lineup_email.html.slim
new file mode 100644
index 0000000..ed6bc13
--- /dev/null
+++ b/app/views/event/lineup_email.html.slim
@@ -0,0 +1,84 @@
+css:
+	.lineup-email {
+		font-family: "Helvaetica", sans-serif;
+	}
+	
+	h3 {
+		font-family: inherit;
+		font-weight: bold;
+		color: white;
+	}
+	
+	.title-cell {
+		font-weight:bold;
+		background-color:#323669;
+		color:#fff;
+		padding:2px 5px;
+	}
+	
+	.title-cell.out {
+		background-color: rgb(244, 199, 195);
+		color: black;
+	}
+	
+	.sequence-cell {
+		font-weight:bold;
+		padding:2px 5px;
+	}
+	
+	.name-cell {
+		width:200px;
+	}
+	
+.lineup-email
+	table
+		thead
+			tr
+				th.title-cell colSpan=3
+					| STARTING LINEUP
+		tbody
+			- for entry in event_lineup_entries.select{|e| !e[:label].blank? and extract_flags(e)[1].exclude?(PositionLabelFlag::POSITION_ONLY)}
+				tr
+					td.sequence-cell
+						| #{entry[:sequence].to_i+1}
+					td.name-cell
+						| #{entry[:member][:last_name]}, #{entry[:member][:first_name]} – ##{entry[:member][:jersey_number]}
+					td
+						| #{entry[:label]}
+			tr
+				th.title-cell colSpan=3 Starting (Pos. Only)
+			- for entry in event_lineup_entries.select{|e| !e[:label].blank? and extract_flags(e)[1].include?(PositionLabelFlag::POSITION_ONLY)}
+				tr
+					td.sequence-cell
+					td.name-cell
+						| #{entry[:member][:last_name]}, #{entry[:member][:first_name]} - ##{entry[:member][:jersey_number]}
+					td
+						| #{extract_flags(entry)[0]}
+			tr
+				th.title-cell colSpan=3 Subs
+			- for entry in event_lineup_entries.select{|e| e[:label].blank? and !(e[:availability_status_code] == "0" or e[:availability_status_code]== "")}
+				tr
+					td.sequence-cell
+						- if entry[:availability_status_code] == "1"
+							| YES
+						- if entry[:availability_status_code] == "2"
+							| MAY
+					td.name-cell
+						| #{entry[:member][:last_name]}, #{entry[:member][:first_name]} - ##{entry[:member][:jersey_number]}
+					td
+			tr
+				th.title-cell.out colSpan=3 Out
+			- for entry in event_lineup_entries.select{|e| e[:label].blank? and (e[:availability_status_code] == "0" or e[:availability_status_code]== "")}
+				tr
+					td.sequence-cell
+						- if entry[:availability_status_code] == "0"
+							| NO
+						- if entry[:availability_status_code] == ""
+							| UNK
+					td.name-cell
+						| #{entry[:member][:last_name]}, #{entry[:member][:first_name]} - ##{entry[:member][:jersey_number]}
+					td
+
+
+
+	
\ No newline at end of file
diff --git a/app/views/event/list.html.slim b/app/views/event/list.html.slim
new file mode 100644
index 0000000..994da3b
--- /dev/null
+++ b/app/views/event/list.html.slim
@@ -0,0 +1,15 @@
+.Panel
+	.Panel-header
+		.Panel-title Schedule
+	.Panel-body
+		- for event in events
+			a.Panel-row--withCells.u-textDecorationNone.u-colorInfo href=url_for( event_path :team_id=>team.id, :event_id=>event.id)
+				.Panel-cell
+					|#{event.formatted_title}
+				.Panel-cell
+					|#{event.start_date.strftime("%a %b %e")} 
+				.Panel-cell
+					|#{event.start_date.strftime("%l:%M %p")}
+				.Panel-cell
+					|#{event.location_name}
+	
diff --git a/app/views/event/show.html.slim b/app/views/event/show.html.slim
new file mode 100644
index 0000000..afe0b7e
--- /dev/null
+++ b/app/views/event/show.html.slim
@@ -0,0 +1,23 @@
+div.event-card
+	div.event-card-body
+		h3.title #{event.formatted_title}
+		div.date #{event.start_date.strftime("%a, %b  %e, %l:%M %p")}
+		div.location #{event.location_name}
+		div.availability-bar=render("event/availability_bar", team:team, event:event, availability_summary: availability_summary)
+	div.event-card-footer.Grid
+		div.Grid-cell.u-sizeFill
+			a.Button href=url_for(event_path :team_id=>team.id, :event_id=>event.id) 
+				i.bi.bi-calendar 
+				span.u-hidden.u-xs-inline Details
+		div.Grid-cell.u-sizeFill
+			a(class="Button" href=url_for(event_lineup_path :team_id => team.id, :event_id => event.id))
+				i(class="bi bi-clipboard")
+				span.u-hidden.u-xs-inline Lineup
+		div.Grid-cell.u-sizeFill
+			a(class="Button" href=url_for(event_lineup_card_path :team_id => team.id, :event_id => event.id)) 
+				i(class="bi bi-book")
+				span.u-hidden.u-xs-inline Card
+		div.Grid-cell.u-sizeFill
+			a(class="Button" href="https://go.teamsnap.com/#{team.id}/schedule/view_game/#{event.id}") 
+				i(class="bi bi-asterisk")
+				span.u-hidden.u-xs-inline TeamSnap
\ No newline at end of file
diff --git a/app/views/layouts/application.html.slim b/app/views/layouts/application.html.slim
new file mode 100644
index 0000000..4c259e9
--- /dev/null
+++ b/app/views/layouts/application.html.slim
@@ -0,0 +1,32 @@
+doctype html
+html
+	head
+		title BenchCoach
+		meta name="viewport" content="width=device-width, initial-scale=1.0"
+		= csrf_meta_tags
+		= csp_meta_tag
+		= stylesheet_link_tag "application", "data-turbo-track": "reload", media: 'all'
+
+		link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css"
+		link rel="stylesheet" type="text/css" href="https://teamsnap-ui.teamsnap.com/css/teamsnap-ui.css"
+		link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous"
+		link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css"
+		= javascript_importmap_tags
+		
+	body.bg-light
+		header.Header
+			.Header-container.Grid.u-flexAlignItemsCenter
+				.Grid-cell.u-sizeFill
+					.Header-banner.Grid.u-flexAlignItemsCenter
+						.Grid-cell.u-sizeFit
+							span.Header-bannerLogo
+								img(src='/assets/benchcoach.svg' alt='BenchCoach Logo' width='30' height='30')
+						.Grid-cell.u-sizeFill
+							- if defined?(team)
+								h1.Header-bannerTitle #{team.name}
+							- else
+								h1.Header-bannerTitle BenchCoach
+				.Grid-cell.u-sizeFit
+
+		.u-spaceSm.u-md-spaceLg
+			= yield 
\ No newline at end of file
diff --git a/app/views/layouts/mailer.html.erb b/app/views/layouts/mailer.html.erb
new file mode 100644
index 0000000..cbd34d2
--- /dev/null
+++ b/app/views/layouts/mailer.html.erb
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <style>
+      /* Email styles need to be inline */
+    </style>
+  </head>
+
+  <body>
+    <%= yield %>
+  </body>
+</html>
diff --git a/app/views/layouts/mailer.text.erb b/app/views/layouts/mailer.text.erb
new file mode 100644
index 0000000..37f0bdd
--- /dev/null
+++ b/app/views/layouts/mailer.text.erb
@@ -0,0 +1 @@
+<%= yield %>
diff --git a/app/views/layouts/no_layout.html.slim b/app/views/layouts/no_layout.html.slim
new file mode 100644
index 0000000..e69de29
diff --git a/app/views/main/index.html.slim b/app/views/main/index.html.slim
new file mode 100644
index 0000000..1462f2c
--- /dev/null
+++ b/app/views/main/index.html.slim
@@ -0,0 +1,3 @@
+
+h1 Welcome #{@user["first_name"]}
+a href=url_for(team_list_path) Dashboard
diff --git a/app/views/opponent/list.html.slim b/app/views/opponent/list.html.slim
new file mode 100644
index 0000000..63ecaef
--- /dev/null
+++ b/app/views/opponent/list.html.slim
@@ -0,0 +1,5 @@
+h1 Opponents
+
+- for opponent in opponents
+	a.Panel-cell href=url_for( opponent_path :team_id=>team.id, :opponent_id=>opponent.id)
+		li #{opponent.name}
\ No newline at end of file
diff --git a/app/views/opponent/show.html.slim b/app/views/opponent/show.html.slim
new file mode 100644
index 0000000..d5aa060
--- /dev/null
+++ b/app/views/opponent/show.html.slim
@@ -0,0 +1,36 @@
+.Panel
+	.Panel-header
+		.Panel-title #{opponent.name}
+	.Panel-body
+		.Panel-row.Panel-row--withCells
+			.Panel-cell.Panel-cell--header ID
+			.panel-cell =opponent.id
+				Button class="Button" onclick="navigator.clipboard.writeText('#{opponent.id}');"
+					i.bi.bi-clipboard.Icon
+		.Panel-row.Panel-row--withCells
+			.Panel-cell.Panel-cell--header Contact Name
+			.panel-cell #{opponent.contacts_name}
+		.Panel-row.Panel-row--withCells
+			.Panel-cell.Panel-cell--header Contact Phone
+			.panel-cell #{opponent.contacts_phone}
+		.Panel-row.Panel-row--withCells
+			.Panel-cell.Panel-cell--header Contact Email
+			.panel-cell #{opponent.contacts_email}
+		.Panel-row.Panel-row--withCells
+			.Panel-cell.Panel-cell--header Logo
+			.panel-cell
+				- if opponent_logo
+					img(src="#{opponent_logo.medium_url}" width="64" height="64")
+					a class="Button" target="_blank" rel="noopener noreferrer" href="https://go.teamsnap.com/#{team.id}/files/view/#{opponent_logo.id}"
+						i class="bi bi-asterisk Icon"
+				- else
+					- if opponent_logo.team_media_group.id
+						a class="Button"  target="_blank" rel="noopener noreferrer" href="https://go.teamsnap.com/#{team.id}/files/list/#{opponent_logo.team_media_group.id}" Upload
+					- else
+						a class="Button" target="_blank" rel="noopener noreferrer" href="https://go.teamsnap.com/#{team.id}/files/" Upload
+						Button class="Button" onclick="navigator.clipboard.writeText('opponent-logo-#{opponent.id}.png')"
+							i.bi.bi-clipboard.Icon
+							span Copy Filename
+		.Panel-row.Panel-row--withCells
+			.Panel-cell.Panel-cell--header Notes
+			.panel-cell #{opponent.notes}
\ No newline at end of file
diff --git a/app/views/opponent/upload_logo.html.slim b/app/views/opponent/upload_logo.html.slim
new file mode 100644
index 0000000..3863b86
--- /dev/null
+++ b/app/views/opponent/upload_logo.html.slim
@@ -0,0 +1,9 @@
+= form_with url: "/#{team_id}/opponent/#{opponent_id}/upload_logo", method: :post do |form|
+	.Panel
+		.Panel-header
+			.Panel-title Upload
+		.Panel-body 
+			.Panel-row.Panel-row--withCells 
+					.Panel-cell.Panel-cell--header = form.label :file, "Select file"
+					.Panel-cell = form.file_field :file
+					.Panel-cell = form.submit "Submit", class: 'Button'
\ No newline at end of file
diff --git a/app/views/sessions/new.html.slim b/app/views/sessions/new.html.slim
new file mode 100644
index 0000000..2daaa83
--- /dev/null
+++ b/app/views/sessions/new.html.slim
@@ -0,0 +1,16 @@
+= form_tag '/auth/teamsnap', method: :post, data: {turbo: false} do
+	.Grid.Grid--fit.Grid--withGutter.u-max1200.u-flexExpandSides.u-xs-size5of6.u-sm-size2of3.u-md-sizeFull.u-padBottomMd.u-xs-padEndsLg.u-sm-padEndsXl
+		.Grid-cell.u-size5of12
+			.Panel.u-padLg.u-spaceSidesAuto
+				h1.u-spaceSidesAuto.u-spaceBottomLg Sign in 
+				= submit_tag "TeamSnap", class: "Button Button--large Button--orange u-spaceSidesAuto"
+		.Grid-cell.u-size7of12.u-textCenter
+			h1
+				img(src="/assets/benchcoach.svg" style="width: 2.5em;")
+			h1
+				strong
+					| Welcome to 
+					span.text-nowrap BenchCoach
+			.lead.fst-italic.fw-light
+				| An assistant coach for TeamSnap
+
diff --git a/app/views/team/list.html.slim b/app/views/team/list.html.slim
new file mode 100644
index 0000000..6fb4158
--- /dev/null
+++ b/app/views/team/list.html.slim
@@ -0,0 +1,21 @@
+.Panel.u-sm-size1of2.u-spaceSidesAuto.u-spaceSm.u-maxWidthSm
+	.Panel-header
+		h3.Panel-title My Teams
+	.Panel-body
+		- for team in teams
+			- if !team.is_archived_season
+				a.Panel-row.Panel-row--withCells.u-textDecorationNone href="#{url_for team_path :team_id=>team.id }"
+					.Panel-cell.u-flexGrow1
+						b #{team.name}
+					.Panel-cell.u-fontSizeSm.u-size1of3.u-textRight
+						| #{team.season_name}
+		.Panel-row.Panel-row--header
+			| Archived Seasons
+		- for team in teams
+			- if team.is_archived_season
+				a.Panel-row.Panel-row--withCells.u-textDecorationNone href="#{url_for team_path :team_id=>team.id }"
+					.Panel-cell.u-flexGrow1
+						b #{team.name}
+					.Panel-cell.u-fontSizeSm.u-size1of3.u-textRight
+						| #{team.season_name}
+					
\ No newline at end of file
diff --git a/app/views/team/show.html.slim b/app/views/team/show.html.slim
new file mode 100644
index 0000000..80c88d7
--- /dev/null
+++ b/app/views/team/show.html.slim
@@ -0,0 +1,50 @@
+h2 #{team.name} 
+p #{team.season_name}
+div.u-spaceBottomMd
+	a.Button.u-spaceSidesXs href="#{url_for event_list_path}"
+				<svg viewBox="0 0 960 960" role="presentation" class="Icon">
+					<path d="M890 131c11.3 2.7 20.5 8.3 27.5 17s10.5 18.7 10.5 30v699c0 11.3-3.5 21.3-10.5 30s-16.2 14.3-27.5 17l-8 2c-4.7.7-11 1.7-19 3s-17.7 3-29 5-24.3 3.8-39 5.5-30.5 3.5-47.5 5.5-35.7 4-56 6-41.3 3.7-63 5-45.3 2.3-71 3-51.5 1-77.5 1-51.8-.3-77.5-1-49.3-1.7-71-3-42.7-3-63-5-39-4-56-6-32.8-3.8-47.5-5.5-27.7-3.5-39-5.5-21-3.7-29-5-14.3-2.3-19-3l-8-2c-11.3-2.7-20.5-8.3-27.5-17S32 888.3 32 877V178c0-11.3 3.5-21.3 10.5-30s16.2-14.3 27.5-17c.7 0 4.5-.7 11.5-2s17.8-3.2 32.5-5.5 30-4.5 46-6.5v43c0 23.3 8.3 42.5 25 57.5s36.7 22.5 60 22.5c-14-12.7-21-28.7-21-48V64c0-17.3 6.3-32.3 19-45s27.7-19 45-19 32.3 6.3 45 19 19 27.7 19 45v35c40-2 82.7-3 128-3 28.7 0 50 .3 64 1v63c0 23.3 8.3 42.5 25 57.5s36.7 22.5 60 22.5c-14-12.7-21-28.7-21-48V64c0-17.3 6.3-32.3 19-45s27.7-19 45-19 32.3 6.3 45 19 19 27.7 19 45v45c64 6.7 115.3 14 154 22zM480 869c122.7 0 240-9.3 352-28V384H128v457c112 18.7 229.3 28 352 28zm256-421v128H608V448h128zm-192 0v128H416V448h128zm0 320H416V640h128v128zm-192 0H224V640h128v128zm384 0H608V640h128v128z"></path>
+				</svg>
+				| Events
+	a.Button.u-spaceSidesXs href="/${team.id}/members"
+			<svg viewBox="0 0 960 960" class="Icon"><path d="M959 714c2 8 .7 16-4 24-5.3 7.3-12.3 11.7-21 13-9.3 4.7-66.7 8.3-172 11-28.7-60.7-73.3-109.7-134-147-17.3-10-39-19.7-65-29-6.7-3.3-12-5.7-16-7 31.3-49.3 52.3-97 63-143s13.5-84.3 8.5-115-15.2-58.3-30.5-83c-28-47.3-63.3-80.7-106-100 18.7-24 37.2-41.7 55.5-53S579 68 607 68c33.3 0 63.7 7.7 91 23s49.3 36.7 66 64c43.3 71.3 32.3 157.7-33 259-20 28.7-27.7 50.7-23 66 2 7.3 8 14.5 18 21.5s18.7 12.2 26 15.5 19.3 8.3 36 15c26 10.7 43.7 18.7 53 24 64.7 39.3 104 92 118 158zM352 892c-70 0-132-1-186-3s-90.2-4-108.5-6-28.8-3.3-31.5-4c-8.7-.7-15.7-5-21-13-4.7-6.7-6-14.7-4-24 14-66 53-118.7 117-158 8-4.7 25.7-12.7 53-24 16.7-6.7 28.7-11.7 36-15s16-8.5 26-15.5 16-14.2 18-21.5c4.7-14.7-2.7-36.7-22-66-65.3-102-76.7-188.3-34-259 16.7-27.3 38.8-48.7 66.5-64s57.8-23 90.5-23c33.3 0 63.8 7.7 91.5 23s49.8 36.7 66.5 64c42.7 70.7 31.3 157-34 259-19.3 29.3-26.7 51.3-22 66 2 7.3 8 14.5 18 21.5s18.7 12.2 26 15.5 19.3 8.3 36 15c27.3 11.3 45 19.3 53 24 63.3 39.3 102.7 92 118 158 2 8.7.3 16.7-5 24-5.3 8-12.3 12.3-21 13-2.7.7-13.3 2-32 4s-55 4-109 6-116 3-186 3z"></path></svg>
+			| Roster
+	a.Button.u-spaceSidesXs href="#{url_for opponent_list_path}"
+			<svg viewBox="0 0 960 960" class="Icon"><path d="M959 628c2 6.7.7 13.7-4 21s-10.7 11.3-18 12l-7 1c-4.7.7-11.8 1.5-21.5 2.5s-21.5 2-35.5 3-33.2 1.8-57.5 2.5-50.8 1.3-79.5 2c-6-4.7-12.7-9.2-20-13.5s-15.2-9-23.5-14S678 635.7 674 633c-10.7-5.3-21-11.3-31-18 70-92.7 84-184.7 42-276-16.7-36-40-64-70-84s-62.7-32.3-98-37c0-23.3 5.3-47.3 16-72 12.7-28 32-48.7 58-62s53-20 81-20 55 6.7 81 20 45.3 34 58 62c32 70 16.3 141.7-47 215-19.3 22.7-18 46.3 4 71 6.7 8 26.2 21.3 58.5 40s55.2 32.7 68.5 42c7.3 5.3 13.8 10.2 19.5 14.5s10.5 9.3 14.5 15 7.2 10 9.5 13 4.7 8.2 7 15.5 3.8 12.3 4.5 15 2.2 9.2 4.5 19.5 3.8 17.5 4.5 21.5zm-673 5c-4 2.7-10.2 6.5-18.5 11.5s-16.2 9.7-23.5 14-14 8.8-20 13.5c-20.7 0-40.3-.3-59-1s-34.7-1.3-48-2-25.3-1.3-36-2-19.5-1.3-26.5-2-12.8-1.3-17.5-2-8.3-1-11-1l-3-1c-7.3-.7-13.3-4.7-18-12-4.7-6-6-13-4-21 1.3-4.7 3-11.8 5-21.5s3.3-16.2 4-19.5 2.2-8.5 4.5-15.5 4.7-12 7-15S27 549.3 31 544s8.7-10.3 14-15 12-9.7 20-15c14-10 37-24.3 69-43s51.3-31.7 58-39c22-24.7 23.3-48.3 4-71-63.3-73.3-79-145-47-215 12.7-28 32-48.7 58-62s53-20 81-20 55 6.7 81 20 45.3 34 58 62c10.7 24.7 16 48.7 16 72-80 11.3-136.3 51.7-169 121-41.3 91.3-27 183.3 43 276-2.7 2-5.7 4-9 6s-7.2 4.2-11.5 6.5-7.5 4.2-9.5 5.5h-1zm194 263c-28 0-54.5-.2-79.5-.5s-46.2-.8-63.5-1.5-33-1.5-47-2.5-25.5-1.8-34.5-2.5-16.5-1.3-22.5-2-10.3-1-13-1l-5-1c-7.3-.7-13.3-4.7-18-12-4.7-6-6-13-4-21 1.3-4.7 3-11.8 5-21.5s3.3-16.2 4-19.5 2.2-8.5 4.5-15.5 4.7-12 7-15 5.5-7.2 9.5-12.5 8.7-10.3 14-15 12-9.7 20-15c14-10 37-24.3 69-43s51.3-31.7 58-39c22-24.7 23.3-48.3 4-71-63.3-73.3-79-145-47-215 12.7-28 32-48.7 58-62s53-20 81-20 55 6.7 81 20 45.3 34 58 62c32 70 16.3 141.7-47 215-19.3 22.7-18 46.3 4 71 6.7 8 26.2 21.3 58.5 40s55.2 32.7 68.5 42c16.7 12 29 23.2 37 33.5s13.5 21.7 16.5 34S763 833.3 767 852c2 7.3.7 14.3-4 21-4.7 7.3-10.7 11.3-18 12l-5 1c-2.7 0-7 .3-13 1s-13.5 1.3-22.5 2-20.7 1.5-35 2.5-30.2 1.8-47.5 2.5-38.3 1.2-63 1.5-51 .5-79 .5z"></path></svg>
+			| Opponents
+div.u-maxWidthSm
+	.Panel
+		.Panel-header
+			h2.Panel-title Upcoming Events
+		.Panel-body.u-padSm
+			- for event in upcoming_events
+				div.event-card
+					div.event-card-body
+						h3.title #{event.formatted_title}
+						div.date #{event.start_date.strftime("%a, %b  %e, %l:%M %p")}
+						div.location #{event.location_name}
+						div.availability-bar.fullwidth=render("event/availability_bar", team:team, event:event, availability_summary: availability_summaries.find{|a| a.id==event.id})
+					div.event-card-footer.Grid
+						div.Grid-cell.u-sizeFill
+							a.Button href=url_for(event_path :team_id=>team.id, :event_id=>event.id) 
+								i.bi.bi-calendar 
+								span.u-hidden.u-xs-inline Details
+						div.Grid-cell.u-sizeFill
+							a(class="Button" href=url_for(event_lineup_path :team_id => team.id, :event_id => event.id))
+								i(class="bi bi-clipboard")
+								span.u-hidden.u-xs-inline Lineup
+						div.Grid-cell.u-sizeFill
+							a(class="Button" href=url_for(event_lineup_card_path :team_id => team.id, :event_id => event.id)) 
+								i(class="bi bi-book")
+								span.u-hidden.u-xs-inline Card
+						div.Grid-cell.u-sizeFill
+							a(class="Button" href="https://go.teamsnap.com/#{team.id}/schedule/view_game/#{event.id}") 
+								i(class="bi bi-asterisk")
+								span.u-hidden.u-xs-inline TeamSnap
+	.Panel
+		.Panel-header
+			h3.Panel-title Past Events
+		.Panel-body
+			ul
+				- for event in past_events
+					li #{event.formatted_title}
\ No newline at end of file
diff --git a/baseball-diamond.svg b/baseball-diamond.svg
new file mode 100644
index 0000000..0b523a9
--- /dev/null
+++ b/baseball-diamond.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 198 371" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-miterlimit:1.5;">
+    <g transform="matrix(1.04762,0,0,1.04802,-58.5948,32.9153)">
+        <path d="M90,150L60,119.396C60,119.396 77.426,47.232 150,47.383C220.563,47.53 240.863,120.923 240.863,120.923L210,150" style="fill:none;stroke:rgb(13,202,242);stroke-opacity:0.42;stroke-width:4.17px;"/>
+        <g transform="matrix(1.97279,0,0,1.79916,-103.351,-30.936)">
+            <path d="M128.423,67.218L158.837,100.567L128.423,133.916L98.009,100.567L128.423,67.218Z" style="fill:rgb(13,202,242);fill-opacity:0.1;stroke:rgb(13,202,242);stroke-opacity:0.42;stroke-width:2.21px;"/>
+        </g>
+    </g>
+</svg>
diff --git a/bin/bundle b/bin/bundle
new file mode 100755
index 0000000..8012441
--- /dev/null
+++ b/bin/bundle
@@ -0,0 +1,113 @@
+#!/usr/bin/env ruby
+# frozen_string_literal: true
+
+#
+# This file was generated by Bundler.
+#
+# The application 'bundle' is installed as part of a gem, and
+# this file is here to facilitate running it.
+#
+
+require 'rubygems'
+
+m = Module.new do
+  module_function
+
+  def invoked_as_script?
+    File.expand_path($PROGRAM_NAME) == File.expand_path(__FILE__)
+  end
+
+  def env_var_version
+    ENV['BUNDLER_VERSION']
+  end
+
+  def cli_arg_version
+    return unless invoked_as_script? # don't want to hijack other binstubs
+    return unless 'update'.start_with?(ARGV.first || ' ') # must be running `bundle update`
+
+    bundler_version = nil
+    update_index = nil
+    ARGV.each_with_index do |a, i|
+      bundler_version = a if update_index && update_index.succ == i && a =~ Gem::Version::ANCHORED_VERSION_PATTERN
+      next unless a =~ /\A--bundler(?:[= ](#{Gem::Version::VERSION_PATTERN}))?\z/
+
+      bundler_version = Regexp.last_match(1)
+      update_index = i
+    end
+    bundler_version
+  end
+
+  def gemfile
+    gemfile = ENV['BUNDLE_GEMFILE']
+    return gemfile if gemfile && !gemfile.empty?
+
+    File.expand_path('../Gemfile', __dir__)
+  end
+
+  def lockfile
+    lockfile =
+      case File.basename(gemfile)
+      when 'gems.rb' then gemfile.sub(/\.rb$/, '.locked')
+      else "#{gemfile}.lock"
+      end
+    File.expand_path(lockfile)
+  end
+
+  def lockfile_version
+    return unless File.file?(lockfile)
+
+    lockfile_contents = File.read(lockfile)
+    return unless lockfile_contents =~ /\n\nBUNDLED WITH\n\s{2,}(#{Gem::Version::VERSION_PATTERN})\n/
+
+    Regexp.last_match(1)
+  end
+
+  def bundler_requirement
+    @bundler_requirement ||=
+      env_var_version ||
+      cli_arg_version ||
+      bundler_requirement_for(lockfile_version)
+  end
+
+  def bundler_requirement_for(version)
+    return "#{Gem::Requirement.default}.a" unless version
+
+    bundler_gem_version = Gem::Version.new(version)
+
+    bundler_gem_version.approximate_recommendation
+  end
+
+  def load_bundler!
+    ENV['BUNDLE_GEMFILE'] ||= gemfile
+
+    activate_bundler
+  end
+
+  def activate_bundler
+    gem_error = activation_error_handling do
+      gem 'bundler', bundler_requirement
+    end
+    return if gem_error.nil?
+
+    require_error = activation_error_handling do
+      require 'bundler/version'
+    end
+    if require_error.nil? && Gem::Requirement.new(bundler_requirement).satisfied_by?(Gem::Version.new(Bundler::VERSION))
+      return
+    end
+
+    warn "Activating bundler (#{bundler_requirement}) failed:\n#{gem_error.message}\n\nTo install the version of bundler this project requires, run `gem install bundler -v '#{bundler_requirement}'`"
+    exit 42
+  end
+
+  def activation_error_handling
+    yield
+    nil
+  rescue StandardError, LoadError => e
+    e
+  end
+end
+
+m.load_bundler!
+
+load Gem.bin_path('bundler', 'bundle') if m.invoked_as_script?
diff --git a/bin/importmap b/bin/importmap
new file mode 100755
index 0000000..d423864
--- /dev/null
+++ b/bin/importmap
@@ -0,0 +1,5 @@
+#!/usr/bin/env ruby
+# frozen_string_literal: true
+
+require_relative '../config/application'
+require 'importmap/commands'
diff --git a/bin/rails b/bin/rails
new file mode 100755
index 0000000..a31728a
--- /dev/null
+++ b/bin/rails
@@ -0,0 +1,6 @@
+#!/usr/bin/env ruby
+# frozen_string_literal: true
+
+APP_PATH = File.expand_path('../config/application', __dir__)
+require_relative '../config/boot'
+require 'rails/commands'
diff --git a/bin/rake b/bin/rake
new file mode 100755
index 0000000..c199955
--- /dev/null
+++ b/bin/rake
@@ -0,0 +1,6 @@
+#!/usr/bin/env ruby
+# frozen_string_literal: true
+
+require_relative '../config/boot'
+require 'rake'
+Rake.application.run
diff --git a/bin/setup b/bin/setup
new file mode 100755
index 0000000..516b651
--- /dev/null
+++ b/bin/setup
@@ -0,0 +1,35 @@
+#!/usr/bin/env ruby
+# frozen_string_literal: true
+
+require 'fileutils'
+
+# path to your application root.
+APP_ROOT = File.expand_path('..', __dir__)
+
+def system!(*args)
+  system(*args) || abort("\n== Command #{args} failed ==")
+end
+
+FileUtils.chdir APP_ROOT do
+  # This script is a way to set up or update your development environment automatically.
+  # This script is idempotent, so that you can run it at any time and get an expectable outcome.
+  # Add necessary setup steps to this file.
+
+  puts '== Installing dependencies =='
+  system! 'gem install bundler --conservative'
+  system('bundle check') || system!('bundle install')
+
+  # puts "\n== Copying sample files =="
+  # unless File.exist?("config/database.yml")
+  #   FileUtils.cp "config/database.yml.sample", "config/database.yml"
+  # end
+
+  puts "\n== Preparing database =="
+  system! 'bin/rails db:prepare'
+
+  puts "\n== Removing old logs and tempfiles =="
+  system! 'bin/rails log:clear tmp:clear'
+
+  puts "\n== Restarting application server =="
+  system! 'bin/rails restart'
+end
diff --git a/config.ru b/config.ru
new file mode 100644
index 0000000..6dc8321
--- /dev/null
+++ b/config.ru
@@ -0,0 +1,8 @@
+# frozen_string_literal: true
+
+# This file is used by Rack-based servers to start the application.
+
+require_relative 'config/environment'
+
+run Rails.application
+Rails.application.load_server
diff --git a/config/application.rb b/config/application.rb
new file mode 100644
index 0000000..80624ad
--- /dev/null
+++ b/config/application.rb
@@ -0,0 +1,25 @@
+# frozen_string_literal: true
+
+require_relative 'boot'
+
+require 'rails/all'
+
+# Require the gems listed in Gemfile, including any gems
+# you've limited to :test, :development, or :production.
+Bundler.require(*Rails.groups)
+
+module TeamsnapBenchcoachRails
+  class Application < Rails::Application
+    # Initialize configuration defaults for originally generated Rails version.
+    config.load_defaults 7.0
+    config.active_record.default_timezone = :local
+    config.hosts << 'smithers.local'
+    # Configuration for the application, engines, and railties goes here.
+    #
+    # These settings can be overridden in specific environments using the files
+    # in config/environments, which are processed later.
+    #
+    # config.time_zone = "Central Time (US & Canada)"
+    # config.eager_load_paths << Rails.root.join("extras")
+  end
+end
diff --git a/config/boot.rb b/config/boot.rb
new file mode 100644
index 0000000..c04863f
--- /dev/null
+++ b/config/boot.rb
@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../Gemfile', __dir__)
+
+require 'bundler/setup' # Set up gems listed in the Gemfile.
+require 'bootsnap/setup' # Speed up boot time by caching expensive operations.
diff --git a/config/cable.yml b/config/cable.yml
new file mode 100644
index 0000000..8f0046d
--- /dev/null
+++ b/config/cable.yml
@@ -0,0 +1,10 @@
+development:
+  adapter: async
+
+test:
+  adapter: test
+
+production:
+  adapter: redis
+  url: <%= ENV.fetch("REDIS_URL") { "redis://localhost:6379/1" } %>
+  channel_prefix: teamsnap_benchcoach_rails_production
diff --git a/config/certs/cert.pem b/config/certs/cert.pem
new file mode 100644
index 0000000..365d2e0
--- /dev/null
+++ b/config/certs/cert.pem
@@ -0,0 +1,21 @@
+-----BEGIN CERTIFICATE-----
+MIIDizCCAnOgAwIBAgIUNhBPCVYxhPyRsCa+AUBovQbSewkwDQYJKoZIhvcNAQEL
+BQAwVTELMAkGA1UEBhMCVVMxETAPBgNVBAgMCElsbGlub2lzMRAwDgYDVQQHDAdD
+aGljYWdvMSEwHwYDVQQKDBhJbnRlcm5ldCBXaWRnaXRzIFB0eSBMdGQwHhcNMjMw
+ODEwMTk0MjA0WhcNMzMwODA3MTk0MjA0WjBVMQswCQYDVQQGEwJVUzERMA8GA1UE
+CAwISWxsaW5vaXMxEDAOBgNVBAcMB0NoaWNhZ28xITAfBgNVBAoMGEludGVybmV0
+IFdpZGdpdHMgUHR5IEx0ZDCCASIwDQYJKoZIhvcNAQEBBQADggEPADCCAQoCggEB
+AKM1WWEvPO00DYGKZipx4H04CagliMZojHyBSNFCXQBzX509r++0wB8Rb+m+Gjau
+0mUhOc3skaJtV8b8spBd8do549fDJ0Tqjo5QQOfaDwO4700ZxPzZoZTiUhCDzruC
+Hs6LZhZ2U/2QhQiApPD7Fvw1Ull19VL0fVCeMGgu5ay/gFBW82iyCU1J8r74wqpS
+G3pOJVCvOE66RWdgf9OWc3VLpKRwVXTwaYIDJ3HW2vtjgFZrSbTD7smbHwx1nAOC
+OD1DcMCV0OSDb7tVAFB2zlkeQusBaWkhsBkXeEt1wSRBNrUu+ijF/vi+78emdQHA
+vmUlkdmIb2qE70JEUlaZUBECAwEAAaNTMFEwHQYDVR0OBBYEFIbNwjaqpPRzuHK0
+oz+awqHQO7lPMB8GA1UdIwQYMBaAFIbNwjaqpPRzuHK0oz+awqHQO7lPMA8GA1Ud
+EwEB/wQFMAMBAf8wDQYJKoZIhvcNAQELBQADggEBAGOvepEbUPpTdj37Djy1yPdf
+Sm0P5DOSqpamyxhtSrimPNf88+okLwiyZo/+ZD/siu/BSy0kytN4tgHJWOHUUXye
+UnrYf/nBGN1VbV86B9M4bC//YuBwiuJhbxMjgZJ2XnLZqTspAvcXUjFYcM3MPieg
+5VjoNZBEBl5WAazjCOXkKST0+cS1p6StldparP3IDAIOB6lcDqHW8FlOvEkDqtnG
+JHbeb5sszSs9Ua0+FS3eyjk9z1N8LNEa0Xlh3Yb1EWnWs4XuwzKnOKWnu0Ed1d7X
+aYdz5e733wYG20/isIU8nhMjxNdzD2Qn/gJI8VIG1E3Yfzk/7bXwZYwh/oAF588=
+-----END CERTIFICATE-----
diff --git a/config/certs/key.pem b/config/certs/key.pem
new file mode 100644
index 0000000..154df99
--- /dev/null
+++ b/config/certs/key.pem
@@ -0,0 +1,28 @@
+-----BEGIN PRIVATE KEY-----
+MIIEvQIBADANBgkqhkiG9w0BAQEFAASCBKcwggSjAgEAAoIBAQCjNVlhLzztNA2B
+imYqceB9OAmoJYjGaIx8gUjRQl0Ac1+dPa/vtMAfEW/pvho2rtJlITnN7JGibVfG
+/LKQXfHaOePXwydE6o6OUEDn2g8DuO9NGcT82aGU4lIQg867gh7Oi2YWdlP9kIUI
+gKTw+xb8NVJZdfVS9H1QnjBoLuWsv4BQVvNosglNSfK++MKqUht6TiVQrzhOukVn
+YH/TlnN1S6SkcFV08GmCAydx1tr7Y4BWa0m0w+7Jmx8MdZwDgjg9Q3DAldDkg2+7
+VQBQds5ZHkLrAWlpIbAZF3hLdcEkQTa1Lvooxf74vu/HpnUBwL5lJZHZiG9qhO9C
+RFJWmVARAgMBAAECggEAOVb39PX0sN211Qo7xLPHjBbRBbtSJ2r52JBPdf2b0Rm3
+wPW4Rz44tXGZ4QRCD24ySwd2WIvBytAho66KScBHxUTLcLWGqWbC+OrnMs3gso0Z
+vfvMwozvgPBWpqi4TBZ2HljJYCDod1B7/LW9vVBqDefp67ZOn3t4P4ekOCYp2RvL
+Bx6yKizMLBiMX9mo+mJA/oFcM5zxOvdlwi/ZTGIb83aHGJzal82tiSdjxgJYZbPx
+DTQ9ZaEoB7zk94Wr28y5FX7fXXtqZui32v13YecOWW99nYrwmP8Zjddmi8QeOd19
+x8K4dOMBY4BZvUCBltALwiKeiDRceMiINfIfwuSIpQKBgQDVGOogTFaXE0tpFFft
+MoeuEKtdMkwbwcWinkKCScsoEGxsDlStQVN3fSDRUoS+u/OK3Y3qdqWujtyvI/1f
+aF0I8frsba9OgRs+8yxZk6vhTPAcaDYN+s2e4Vcw84nweLzQMhPNThLBneuINCg2
+/ddT7H8BTAg6IHxLsljOdTvAZwKBgQDEESXO/5guj7siEoo7bw9sdYooZ2ZWbDGo
+DJlJmKeiXdQm7cmzjqiBM/t29iXuwEAyehWipL7ZHntdCR3++McMBjSYJ6+TKYu3
+X2uc7U7rkxHjE+em28q6Lxn9A/KvtErvAmIp2HiqRo9YtEdGX2t7rjQa3fF5cW0P
+VpFcFmtAxwKBgDN9CJzzNPzd2ZuzIaebTPM+7djf3UnboQAw0wsd/2tXxIq7T7Rp
+E1zMrBBHqvFXAnpsG+0p69BojmP3AzJ5SfluVl2oBvKl+UpVgULHjoEqkN2cRGtO
+TT51Xhbi0VJ8Kcr4PpadpaSInq9TQuA+pzeM7gcHMvmwfbfgiNqhsuVDAoGAa9d+
+s0d0ng+if1AxRhWFJ0PTVPvilyB1g5hCa++SLMVtHmhmK+QInOBJrRogrRyDcwAh
+jE8PRf71HawZGpgda2iyXwpdERWl6puKZktEwGApU3wsS2PTMusbYUZdovUIzkPC
+WH/fhtC+oayvE28CgInF0Q1Id2LC+M/FriAKqBsCgYEAqsh2Y8/Cn/qkBRbwEeu6
+SWkc/zBSrutH5EPahFLTtNnJOFMHF0aMKAPoj+tvhtG87ZqVBRgdEINtDiG+5/3Q
+CT5IWKa1Bl+iRfEMLrt++syCG3UX8mljlni3Ezs294ZQx+XYKFa0TzGeHhyuw0jP
+KlP40hE3NI/20+5JDAcY7Ek=
+-----END PRIVATE KEY-----
diff --git a/config/credentials.yml.enc b/config/credentials.yml.enc
new file mode 100644
index 0000000..9f95357
--- /dev/null
+++ b/config/credentials.yml.enc
@@ -0,0 +1 @@
+XAIuttCFs87n4eC/G+a/eH3ZsM+KT+o7vGaXU0F6XkGzRAyY5Mfyii0z1P6aOCWtwsiLoyzzRA7t/J5ggkf81ByWAYXEg7f3PgAIv21+/MCACBbqrBdZ60HQ1I75inmlGS3Pxpk9cD0jLHNguHhgpTAy8Nnd+q3aI7fd8utgEqQ/7jC0h9jervEG3XxcC42yamocihtNV81AM8fC+GI5JThL2ybx6TY1HzWy/AJS84chvNnTCUmw3kLscJNnxebQ3/MVcirpBaZVj/4Yr5JZVZyPRsKr1n+w0PI2N2Tz6GQ+fK+ARGNpNvn1137fAstfwyjby9Awguhf78ZDj/1Ij8p9NNpknLfgZGowGZKgDQZK0ePSiPbLxQE5F8QOLYWAuHYp8vw0iuFcI7aoCUww1pawBEd8UQY2xGUy--Uf+dmbbK/z9g0+m1--ZBQAt6uJ3XNmlqFOsjjlbg==
\ No newline at end of file
diff --git a/config/database.yml b/config/database.yml
new file mode 100644
index 0000000..fcba57f
--- /dev/null
+++ b/config/database.yml
@@ -0,0 +1,25 @@
+# SQLite. Versions 3.8.0 and up are supported.
+#   gem install sqlite3
+#
+#   Ensure the SQLite 3 gem is defined in your Gemfile
+#   gem "sqlite3"
+#
+default: &default
+  adapter: sqlite3
+  pool: <%= ENV.fetch("RAILS_MAX_THREADS") { 5 } %>
+  timeout: 5000
+
+development:
+  <<: *default
+  database: db/development.sqlite3
+
+# Warning: The database defined as "test" will be erased and
+# re-generated from your development database when you run "rake".
+# Do not set this db to the same as development or production.
+test:
+  <<: *default
+  database: db/test.sqlite3
+
+production:
+  <<: *default
+  database: db/production.sqlite3
diff --git a/config/environment.rb b/config/environment.rb
new file mode 100644
index 0000000..d5abe55
--- /dev/null
+++ b/config/environment.rb
@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+# Load the Rails application.
+require_relative 'application'
+
+# Initialize the Rails application.
+Rails.application.initialize!
diff --git a/config/environments/development.rb b/config/environments/development.rb
new file mode 100644
index 0000000..84a57f4
--- /dev/null
+++ b/config/environments/development.rb
@@ -0,0 +1,72 @@
+# frozen_string_literal: true
+
+require 'active_support/core_ext/integer/time'
+
+Rails.application.configure do
+  # Settings specified here will take precedence over those in config/application.rb.
+
+  # In the development environment your application's code is reloaded any time
+  # it changes. This slows down response time but is perfect for development
+  # since you don't have to restart the web server when you make code changes.
+  config.cache_classes = false
+
+  # Do not eager load code on boot.
+  config.eager_load = false
+
+  # Show full error reports.
+  config.consider_all_requests_local = true
+
+  # Enable server timing
+  config.server_timing = true
+
+  # Enable/disable caching. By default caching is disabled.
+  # Run rails dev:cache to toggle caching.
+  if Rails.root.join('tmp/caching-dev.txt').exist?
+    config.action_controller.perform_caching = true
+    config.action_controller.enable_fragment_cache_logging = true
+
+    config.cache_store = :memory_store
+    config.public_file_server.headers = {
+      'Cache-Control' => "public, max-age=#{2.days.to_i}"
+    }
+  else
+    config.action_controller.perform_caching = false
+
+    config.cache_store = :null_store
+  end
+
+  # Store uploaded files on the local file system (see config/storage.yml for options).
+  config.active_storage.service = :local
+
+  # Don't care if the mailer can't send.
+  config.action_mailer.raise_delivery_errors = false
+
+  config.action_mailer.perform_caching = false
+
+  # Print deprecation notices to the Rails logger.
+  config.active_support.deprecation = :log
+
+  # Raise exceptions for disallowed deprecations.
+  config.active_support.disallowed_deprecation = :raise
+
+  # Tell Active Support which deprecation messages to disallow.
+  config.active_support.disallowed_deprecation_warnings = []
+
+  # Raise an error on page load if there are pending migrations.
+  config.active_record.migration_error = :page_load
+
+  # Highlight code that triggered database queries in logs.
+  config.active_record.verbose_query_logs = true
+
+  # Suppress logger output for asset requests.
+  config.assets.quiet = true
+
+  # Raises error for missing translations.
+  # config.i18n.raise_on_missing_translations = true
+
+  # Annotate rendered view with file names.
+  # config.action_view.annotate_rendered_view_with_filenames = true
+
+  # Uncomment if you wish to allow Action Cable access from any origin.
+  # config.action_cable.disable_request_forgery_protection = true
+end
diff --git a/config/environments/production.rb b/config/environments/production.rb
new file mode 100644
index 0000000..65a21ac
--- /dev/null
+++ b/config/environments/production.rb
@@ -0,0 +1,95 @@
+# frozen_string_literal: true
+
+require 'active_support/core_ext/integer/time'
+
+Rails.application.configure do
+  # Settings specified here will take precedence over those in config/application.rb.
+
+  # Code is not reloaded between requests.
+  config.cache_classes = true
+
+  # Eager load code on boot. This eager loads most of Rails and
+  # your application in memory, allowing both threaded web servers
+  # and those relying on copy on write to perform better.
+  # Rake tasks automatically ignore this option for performance.
+  config.eager_load = true
+
+  # Full error reports are disabled and caching is turned on.
+  config.consider_all_requests_local       = false
+  config.action_controller.perform_caching = true
+
+  # Ensures that a master key has been made available in either ENV["RAILS_MASTER_KEY"]
+  # or in config/master.key. This key is used to decrypt credentials (and other encrypted files).
+  # config.require_master_key = true
+
+  # Disable serving static files from the `/public` folder by default since
+  # Apache or NGINX already handles this.
+  config.public_file_server.enabled = ENV['RAILS_SERVE_STATIC_FILES'].present?
+
+  # Compress CSS using a preprocessor.
+  # config.assets.css_compressor = :sass
+
+  # Do not fallback to assets pipeline if a precompiled asset is missed.
+  config.assets.compile = false
+
+  # Enable serving of images, stylesheets, and JavaScripts from an asset server.
+  # config.asset_host = "http://assets.example.com"
+
+  # Specifies the header that your server uses for sending files.
+  # config.action_dispatch.x_sendfile_header = "X-Sendfile" # for Apache
+  # config.action_dispatch.x_sendfile_header = "X-Accel-Redirect" # for NGINX
+
+  # Store uploaded files on the local file system (see config/storage.yml for options).
+  config.active_storage.service = :local
+
+  # Mount Action Cable outside main process or domain.
+  # config.action_cable.mount_path = nil
+  # config.action_cable.url = "wss://example.com/cable"
+  # config.action_cable.allowed_request_origins = [ "http://example.com", /http:\/\/example.*/ ]
+
+  # Force all access to the app over SSL, use Strict-Transport-Security, and use secure cookies.
+  # config.force_ssl = true
+
+  # Include generic and useful information about system operation, but avoid logging too much
+  # information to avoid inadvertent exposure of personally identifiable information (PII).
+  config.log_level = :info
+
+  # Prepend all log lines with the following tags.
+  config.log_tags = [:request_id]
+
+  # Use a different cache store in production.
+  # config.cache_store = :mem_cache_store
+
+  # Use a real queuing backend for Active Job (and separate queues per environment).
+  # config.active_job.queue_adapter     = :resque
+  # config.active_job.queue_name_prefix = "teamsnap_benchcoach_rails_production"
+
+  config.action_mailer.perform_caching = false
+
+  # Ignore bad email addresses and do not raise email delivery errors.
+  # Set this to true and configure the email server for immediate delivery to raise delivery errors.
+  # config.action_mailer.raise_delivery_errors = false
+
+  # Enable locale fallbacks for I18n (makes lookups for any locale fall back to
+  # the I18n.default_locale when a translation cannot be found).
+  config.i18n.fallbacks = true
+
+  # Don't log any deprecations.
+  config.active_support.report_deprecations = false
+
+  # Use default logging formatter so that PID and timestamp are not suppressed.
+  config.log_formatter = ::Logger::Formatter.new
+
+  # Use a different logger for distributed setups.
+  # require "syslog/logger"
+  # config.logger = ActiveSupport::TaggedLogging.new(Syslog::Logger.new "app-name")
+
+  if ENV['RAILS_LOG_TO_STDOUT'].present?
+    logger           = ActiveSupport::Logger.new($stdout)
+    logger.formatter = config.log_formatter
+    config.logger    = ActiveSupport::TaggedLogging.new(logger)
+  end
+
+  # Do not dump schema after migrations.
+  config.active_record.dump_schema_after_migration = false
+end
diff --git a/config/environments/test.rb b/config/environments/test.rb
new file mode 100644
index 0000000..8f3f63c
--- /dev/null
+++ b/config/environments/test.rb
@@ -0,0 +1,62 @@
+# frozen_string_literal: true
+
+require 'active_support/core_ext/integer/time'
+
+# The test environment is used exclusively to run your application's
+# test suite. You never need to work with it otherwise. Remember that
+# your test database is "scratch space" for the test suite and is wiped
+# and recreated between test runs. Don't rely on the data there!
+
+Rails.application.configure do
+  # Settings specified here will take precedence over those in config/application.rb.
+
+  # Turn false under Spring and add config.action_view.cache_template_loading = true.
+  config.cache_classes = true
+
+  # Eager loading loads your whole application. When running a single test locally,
+  # this probably isn't necessary. It's a good idea to do in a continuous integration
+  # system, or in some way before deploying your code.
+  config.eager_load = ENV['CI'].present?
+
+  # Configure public file server for tests with Cache-Control for performance.
+  config.public_file_server.enabled = true
+  config.public_file_server.headers = {
+    'Cache-Control' => "public, max-age=#{1.hour.to_i}"
+  }
+
+  # Show full error reports and disable caching.
+  config.consider_all_requests_local       = true
+  config.action_controller.perform_caching = false
+  config.cache_store = :null_store
+
+  # Raise exceptions instead of rendering exception templates.
+  config.action_dispatch.show_exceptions = false
+
+  # Disable request forgery protection in test environment.
+  config.action_controller.allow_forgery_protection = false
+
+  # Store uploaded files on the local file system in a temporary directory.
+  config.active_storage.service = :test
+
+  config.action_mailer.perform_caching = false
+
+  # Tell Action Mailer not to deliver emails to the real world.
+  # The :test delivery method accumulates sent emails in the
+  # ActionMailer::Base.deliveries array.
+  config.action_mailer.delivery_method = :test
+
+  # Print deprecation notices to the stderr.
+  config.active_support.deprecation = :stderr
+
+  # Raise exceptions for disallowed deprecations.
+  config.active_support.disallowed_deprecation = :raise
+
+  # Tell Active Support which deprecation messages to disallow.
+  config.active_support.disallowed_deprecation_warnings = []
+
+  # Raises error for missing translations.
+  # config.i18n.raise_on_missing_translations = true
+
+  # Annotate rendered view with file names.
+  # config.action_view.annotate_rendered_view_with_filenames = true
+end
diff --git a/config/importmap.rb b/config/importmap.rb
new file mode 100644
index 0000000..b57e7be
--- /dev/null
+++ b/config/importmap.rb
@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+# Pin npm packages by running ./bin/importmap
+
+pin 'application', preload: true
+pin '@hotwired/turbo-rails', to: 'turbo.min.js', preload: true
+pin '@hotwired/stimulus', to: 'stimulus.min.js', preload: true
+pin '@hotwired/stimulus-loading', to: 'stimulus-loading.js', preload: true
+pin_all_from 'app/javascript/controllers', under: 'controllers'
diff --git a/config/initializers/assets.rb b/config/initializers/assets.rb
new file mode 100644
index 0000000..e6f3053
--- /dev/null
+++ b/config/initializers/assets.rb
@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+# Be sure to restart your server when you modify this file.
+
+# Version of your assets, change this if you want to expire all your assets.
+Rails.application.config.assets.version = '1.0'
+
+# Add additional assets to the asset load path.
+# Rails.application.config.assets.paths << Emoji.images_path
+Rails.application.config.assets.paths << Rails.root.join('app', 'assets', 'fonts')
+
+# Precompile additional assets.
+# application.js, application.css, and all non-JS/CSS in the app/assets
+# folder are already added.
+# Rails.application.config.assets.precompile += %w( admin.js admin.css )
diff --git a/config/initializers/content_security_policy.rb b/config/initializers/content_security_policy.rb
new file mode 100644
index 0000000..691cfa1
--- /dev/null
+++ b/config/initializers/content_security_policy.rb
@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+# Be sure to restart your server when you modify this file.
+
+# Define an application-wide content security policy.
+# See the Securing Rails Applications Guide for more information:
+# https://guides.rubyonrails.org/security.html#content-security-policy-header
+
+# Rails.application.configure do
+#   config.content_security_policy do |policy|
+#     policy.default_src :self, :https
+#     policy.font_src    :self, :https, :data
+#     policy.img_src     :self, :https, :data
+#     policy.object_src  :none
+#     policy.script_src  :self, :https
+#     policy.style_src   :self, :https
+#     # Specify URI for violation reports
+#     # policy.report_uri "/csp-violation-report-endpoint"
+#   end
+#
+#   # Generate session nonces for permitted importmap and inline scripts
+#   config.content_security_policy_nonce_generator = ->(request) { request.session.id.to_s }
+#   config.content_security_policy_nonce_directives = %w(script-src)
+#
+#   # Report violations without enforcing the policy.
+#   # config.content_security_policy_report_only = true
+# end
diff --git a/config/initializers/filter_parameter_logging.rb b/config/initializers/filter_parameter_logging.rb
new file mode 100644
index 0000000..3df77c5
--- /dev/null
+++ b/config/initializers/filter_parameter_logging.rb
@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+# Be sure to restart your server when you modify this file.
+
+# Configure parameters to be filtered from the log file. Use this to limit dissemination of
+# sensitive information. See the ActiveSupport::ParameterFilter documentation for supported
+# notations and behaviors.
+Rails.application.config.filter_parameters += %i[
+  passw secret token _key crypt salt certificate otp ssn
+]
diff --git a/config/initializers/inflections.rb b/config/initializers/inflections.rb
new file mode 100644
index 0000000..6c78420
--- /dev/null
+++ b/config/initializers/inflections.rb
@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+# Be sure to restart your server when you modify this file.
+
+# Add new inflection rules using the following format. Inflections
+# are locale specific, and you may define rules for as many different
+# locales as you wish. All of these examples are active by default:
+# ActiveSupport::Inflector.inflections(:en) do |inflect|
+#   inflect.plural /^(ox)$/i, "\\1en"
+#   inflect.singular /^(ox)en/i, "\\1"
+#   inflect.irregular "person", "people"
+#   inflect.uncountable %w( fish sheep )
+# end
+
+# These inflection rules are supported but not enabled by default:
+# ActiveSupport::Inflector.inflections(:en) do |inflect|
+#   inflect.acronym "RESTful"
+# end
diff --git a/config/initializers/omniauth.rb b/config/initializers/omniauth.rb
new file mode 100644
index 0000000..c9357f6
--- /dev/null
+++ b/config/initializers/omniauth.rb
@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+Rails.application.config.middleware.use OmniAuth::Builder do
+  provider :teamsnap, ENV['TEAMSNAP_CLIENT_ID'], ENV['TEAMSNAP_CLIENT_SECRET'], scope: 'read write'
+end
diff --git a/config/initializers/permissions_policy.rb b/config/initializers/permissions_policy.rb
new file mode 100644
index 0000000..50bcf4e
--- /dev/null
+++ b/config/initializers/permissions_policy.rb
@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+# Define an application-wide HTTP permissions policy. For further
+# information see https://developers.google.com/web/updates/2018/06/feature-policy
+#
+# Rails.application.config.permissions_policy do |f|
+#   f.camera      :none
+#   f.gyroscope   :none
+#   f.microphone  :none
+#   f.usb         :none
+#   f.fullscreen  :self
+#   f.payment     :self, "https://secure.example.com"
+# end
diff --git a/config/locales/en.yml b/config/locales/en.yml
new file mode 100644
index 0000000..8ca56fc
--- /dev/null
+++ b/config/locales/en.yml
@@ -0,0 +1,33 @@
+# Files in the config/locales directory are used for internationalization
+# and are automatically loaded by Rails. If you want to use locales other
+# than English, add the necessary files in this directory.
+#
+# To use the locales, use `I18n.t`:
+#
+#     I18n.t "hello"
+#
+# In views, this is aliased to just `t`:
+#
+#     <%= t("hello") %>
+#
+# To use a different locale, set it with `I18n.locale`:
+#
+#     I18n.locale = :es
+#
+# This would use the information in config/locales/es.yml.
+#
+# The following keys must be escaped otherwise they will not be retrieved by
+# the default I18n backend:
+#
+# true, false, on, off, yes, no
+#
+# Instead, surround them with single quotes.
+#
+# en:
+#   "true": "foo"
+#
+# To learn more, please read the Rails Internationalization guide
+# available at https://guides.rubyonrails.org/i18n.html.
+
+en:
+  hello: "Hello world"
diff --git a/config/puma.rb b/config/puma.rb
new file mode 100644
index 0000000..c2c0fcd
--- /dev/null
+++ b/config/puma.rb
@@ -0,0 +1,51 @@
+# frozen_string_literal: true
+
+# Puma can serve each request in a thread from an internal thread pool.
+# The `threads` method setting takes two numbers: a minimum and maximum.
+# Any libraries that use thread pools should be configured to match
+# the maximum value specified for Puma. Default is set to 5 threads for minimum
+# and maximum; this matches the default thread size of Active Record.
+#
+max_threads_count = ENV.fetch('RAILS_MAX_THREADS', 5)
+min_threads_count = ENV.fetch('RAILS_MIN_THREADS') { max_threads_count }
+threads min_threads_count, max_threads_count
+
+# Specifies the `worker_timeout` threshold that Puma will use to wait before
+# terminating a worker in development environments.
+#
+worker_timeout 3600 if ENV.fetch('RAILS_ENV', 'development') == 'development'
+
+# Specifies the `port` that Puma will listen on to receive requests; default is 3000.
+#
+port ENV.fetch('PORT', 3000)
+
+# Specifies the `environment` that Puma will run in.
+#
+environment ENV.fetch('RAILS_ENV', 'development')
+
+# Specifies the `pidfile` that Puma will use.
+pidfile ENV.fetch('PIDFILE', 'tmp/pids/server.pid')
+
+# Specifies the number of `workers` to boot in clustered mode.
+# Workers are forked web server processes. If using threads and workers together
+# the concurrency of the application would be max `threads` * `workers`.
+# Workers do not work on JRuby or Windows (both of which do not support
+# processes).
+#
+# workers ENV.fetch("WEB_CONCURRENCY") { 2 }
+
+# Use the `preload_app!` method when specifying a `workers` number.
+# This directive tells Puma to first boot the application and load code
+# before forking the application. This takes advantage of Copy On Write
+# process behavior so workers use less memory.
+#
+# preload_app!
+
+ssl_bind '0.0.0.0', 3001, {
+  key: 'config/certs/key.pem',
+  cert: 'config/certs/cert.pem',
+  verify_mode: 'none'
+}
+
+# Allow puma to be restarted by `bin/rails restart` command.
+plugin :tmp_restart
diff --git a/config/routes.rb b/config/routes.rb
new file mode 100644
index 0000000..0d8c097
--- /dev/null
+++ b/config/routes.rb
@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+
+Rails.application.routes.draw do
+  get '/:team_id/opponent/:opponent_id/show', to: 'opponent#show', as: :opponent
+  get '/:team_id/opponent/list', to: 'opponent#list', as: :opponent_list
+  get '/:team_id/opponent/:opponent_id/upload_logo', to: 'opponent#upload_logo_get', as: :opponent_upload_logo_get
+  post '/:team_id/opponent/:opponent_id/upload_logo', to: 'opponent#upload_logo_post', as: :opponent_upload_logo_post
+  get 'sessions/new'
+  # Define your application routes per the DSL in https://guides.rubyonrails.org/routing.html
+  get 'auth/:provider/callback', to: 'sessions#create'
+  get '/login', to: 'sessions#new', as: :login
+  # Defines the root path route ("/")
+  get '/:team_id/', to: 'team#show', constraints: { team_id: /\d+/ }, as: :team
+  get '/team/dashboard', to: 'team#list', as: :team_list
+  get '/:team_id/event/list', to: 'event#list', constraints: { team_id: /\d+/ }, as: :event_list
+  get '/:team_id/event/:event_id', to: 'event#show', constraints: { team_id: /\d+/, event_id: /\d+/ }, as: :event
+  get '/:team_id/event/:event_id/lineup', to: 'event#lineup', constraints: { team_id: /\d+/, event_id: /\d+/ },
+                                          as: :event_lineup
+  post '/:team_id/event/:event_id/lineup_submit', to: 'event#lineup_submit', as: "event_lineup_submit"
+  post '/:team_id/event/:event_id/lineup_email', to: 'event#lineup_email', as: "event_lineup_email"
+  get '/:team_id/event/:event_id/lineup_card', to: 'event#lineup_card',
+                                               constraints: { team_id: /\d+/, event_id: /\d+/ }, as: :event_lineup_card
+  get '/:team_id/event/:event_id/lineup_card_template', to: 'event#lineup_card_template',
+   constraints: { team_id: /\d+/, event_id: /\d+/ }, as: :event_lineup_card_template
+
+  root to: 'main#index'
+end
diff --git a/config/storage.yml b/config/storage.yml
new file mode 100644
index 0000000..4942ab6
--- /dev/null
+++ b/config/storage.yml
@@ -0,0 +1,34 @@
+test:
+  service: Disk
+  root: <%= Rails.root.join("tmp/storage") %>
+
+local:
+  service: Disk
+  root: <%= Rails.root.join("storage") %>
+
+# Use bin/rails credentials:edit to set the AWS secrets (as aws:access_key_id|secret_access_key)
+# amazon:
+#   service: S3
+#   access_key_id: <%= Rails.application.credentials.dig(:aws, :access_key_id) %>
+#   secret_access_key: <%= Rails.application.credentials.dig(:aws, :secret_access_key) %>
+#   region: us-east-1
+#   bucket: your_own_bucket-<%= Rails.env %>
+
+# Remember not to checkin your GCS keyfile to a repository
+# google:
+#   service: GCS
+#   project: your_project
+#   credentials: <%= Rails.root.join("path/to/gcs.keyfile") %>
+#   bucket: your_own_bucket-<%= Rails.env %>
+
+# Use bin/rails credentials:edit to set the Azure Storage secret (as azure_storage:storage_access_key)
+# microsoft:
+#   service: AzureStorage
+#   storage_account_name: your_account_name
+#   storage_access_key: <%= Rails.application.credentials.dig(:azure_storage, :storage_access_key) %>
+#   container: your_container_name-<%= Rails.env %>
+
+# mirror:
+#   service: Mirror
+#   primary: local
+#   mirrors: [ amazon, google, microsoft ]
diff --git a/db/seeds.rb b/db/seeds.rb
new file mode 100644
index 0000000..0664d1b
--- /dev/null
+++ b/db/seeds.rb
@@ -0,0 +1,8 @@
+# frozen_string_literal: true
+# This file should contain all the record creation needed to seed the database with its default values.
+# The data can then be loaded with the bin/rails db:seed command (or created alongside the database with db:setup).
+#
+# Examples:
+#
+#   movies = Movie.create([{ name: "Star Wars" }, { name: "Lord of the Rings" }])
+#   Character.create(name: "Luke", movie: movies.first)
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 0000000..2ee1b55
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,24 @@
+services:
+  web:
+    build: .
+    command: bash -c "rm -f tmp/pids/server.pid && bundle exec rails s -p 3000 -b '0.0.0.0'"
+    volumes:
+      - .:/app
+    ports:
+      - "3000:3000"
+
+  webserver:
+    image: nginx:latest
+    ports:
+      - 80:80
+      - 443:443
+    restart: always
+    volumes:
+      - ./nginx/conf/:/etc/nginx/conf.d/:ro
+      - ./certbot/www:/var/www/certbot/:ro
+      - ./certbot/conf/:/etc/nginx/ssl/:ro
+  certbot:
+    image: certbot/certbot:latest
+    volumes:
+      - ./certbot/www/:/var/www/certbot/:rw
+      - ./certbot/conf/:/etc/letsencrypt/:rw
diff --git a/lib/assets/.keep b/lib/assets/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/lib/tasks/.keep b/lib/tasks/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/log/.keep b/log/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/nginx/conf/nginx.conf b/nginx/conf/nginx.conf
new file mode 100644
index 0000000..cb12bb8
--- /dev/null
+++ b/nginx/conf/nginx.conf
@@ -0,0 +1,29 @@
+server {
+		listen 80;
+		listen [::]:80;
+
+		server_name benchcoach.online www.benchcoach.online;
+		server_tokens off;
+
+		location /.well-known/acme-challenge/ {
+				root /var/www/certbot;
+		}
+
+		location / {
+				return 301 https://benchcoach.online$request_uri;
+		}
+}
+
+server {
+		listen 443 default_server ssl http2;
+		listen [::]:443 ssl http2;
+
+		server_name benchcoach.online;
+
+		ssl_certificate /etc/nginx/ssl/live/benchcoach.online/fullchain.pem;
+		ssl_certificate_key /etc/nginx/ssl/live/benchcoach.online/privkey.pem;
+		
+		location / {
+			# ...
+		}
+}
\ No newline at end of file
diff --git a/storage/.keep b/storage/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/test/application_system_test_case.rb b/test/application_system_test_case.rb
new file mode 100644
index 0000000..652febb
--- /dev/null
+++ b/test/application_system_test_case.rb
@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+require 'test_helper'
+
+class ApplicationSystemTestCase < ActionDispatch::SystemTestCase
+  driven_by :selenium, using: :chrome, screen_size: [1400, 1400]
+end
diff --git a/test/channels/application_cable/connection_test.rb b/test/channels/application_cable/connection_test.rb
new file mode 100644
index 0000000..4aee9b3
--- /dev/null
+++ b/test/channels/application_cable/connection_test.rb
@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+require 'test_helper'
+
+module ApplicationCable
+  class ConnectionTest < ActionCable::Connection::TestCase
+    # test "connects with cookies" do
+    #   cookies.signed[:user_id] = 42
+    #
+    #   connect
+    #
+    #   assert_equal connection.user_id, "42"
+    # end
+  end
+end
diff --git a/test/controllers/.keep b/test/controllers/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/test/controllers/event_controller_test.rb b/test/controllers/event_controller_test.rb
new file mode 100644
index 0000000..ae4e262
--- /dev/null
+++ b/test/controllers/event_controller_test.rb
@@ -0,0 +1,25 @@
+# frozen_string_literal: true
+
+require 'test_helper'
+
+class EventControllerTest < ActionDispatch::IntegrationTest
+  test 'should get show' do
+    get event_show_url
+    assert_response :success
+  end
+
+  test 'should get list' do
+    get event_list_url
+    assert_response :success
+  end
+
+  test 'should get lineup' do
+    get event_lineup_url
+    assert_response :success
+  end
+
+  test 'should get lineup_card' do
+    get event_lineup_card_url
+    assert_response :success
+  end
+end
diff --git a/test/controllers/opponent_controller_test.rb b/test/controllers/opponent_controller_test.rb
new file mode 100644
index 0000000..ab481c0
--- /dev/null
+++ b/test/controllers/opponent_controller_test.rb
@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+require 'test_helper'
+
+class OpponentControllerTest < ActionDispatch::IntegrationTest
+  test 'should get show' do
+    get opponent_show_url
+    assert_response :success
+  end
+
+  test 'should get list' do
+    get opponent_list_url
+    assert_response :success
+  end
+end
diff --git a/test/controllers/sessions_controller_test.rb b/test/controllers/sessions_controller_test.rb
new file mode 100644
index 0000000..9394a0f
--- /dev/null
+++ b/test/controllers/sessions_controller_test.rb
@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+require 'test_helper'
+
+class SessionsControllerTest < ActionDispatch::IntegrationTest
+  test 'should get new' do
+    get sessions_new_url
+    assert_response :success
+  end
+end
diff --git a/test/controllers/team_controller_test.rb b/test/controllers/team_controller_test.rb
new file mode 100644
index 0000000..8d798e6
--- /dev/null
+++ b/test/controllers/team_controller_test.rb
@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+require 'test_helper'
+
+class TeamControllerTest < ActionDispatch::IntegrationTest
+  test 'should get show' do
+    get team_show_url
+    assert_response :success
+  end
+
+  test 'should get list' do
+    get team_list_url
+    assert_response :success
+  end
+end
diff --git a/test/fixtures/files/.keep b/test/fixtures/files/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/test/helpers/.keep b/test/helpers/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/test/integration/.keep b/test/integration/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/test/mailers/.keep b/test/mailers/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/test/models/.keep b/test/models/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/test/system/.keep b/test/system/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/test/test_helper.rb b/test/test_helper.rb
new file mode 100644
index 0000000..0c92e8e
--- /dev/null
+++ b/test/test_helper.rb
@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+ENV['RAILS_ENV'] ||= 'test'
+require_relative '../config/environment'
+require 'rails/test_help'
+
+module ActiveSupport
+  class TestCase
+    # Run tests in parallel with specified workers
+    parallelize(workers: :number_of_processors)
+
+    # Setup all fixtures in test/fixtures/*.yml for all tests in alphabetical order.
+    fixtures :all
+
+    # Add more helper methods to be used by all tests here...
+  end
+end
diff --git a/tmp/.keep b/tmp/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/tmp/pids/.keep b/tmp/pids/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/tmp/storage/.keep b/tmp/storage/.keep
new file mode 100644
index 0000000..e69de29