/plenum-website

Basic build for Plenum Website

Primary LanguageVue

README Disclaimer

  • To-do lists stored here are temporary. They will be moved to the Projects section of Github.
  • Instructions on set-up will be added soon (updated local environment variables, how to serve website, etc.)
  • Instructions on repository pushing/pulling will be added soon
  • Branches will soon be cleaned up/removed and an organized branching system will be implemented soon

Standards Used

Vue CSS Organization Standards

  1. Box
  2. Border
  3. Background
  4. Text
  5. Other

######Organize CSS Resources


"Props Down Events Up"

Vue Components to Use Props Down Events Up


Implement WAI-ARIA Accessibility Standards

Accessibility To-Dos

Accessibility Manual Testing

Accessibility Resources

Design

Navigation

  • [] Add loading filler

Logo

  • [] Embed 'PLENUM', same typeface as mock-up covers

Responsiveness

Design drafts for portable devices before implementing

Main Content Area

  • [] Implement horizontal fixed window splitter (slider to move sections of the webpage)

Article Page

  • [] Fix font-size in entire design to something more pleasing
  • [] Add 'pagination' to previous and next articles

Bugs

Fix 'Vue Warnings'

Address all Vue warnings that appear in console during runtime; otherwise, justify why it must remain.

CSS

  • [] Article menu styling conflicts with text article view

Navigation

  • 'Publication' menu-item receives focus after article is opened with mouse click, according to WAI-ARIA, focus doesn't move anywhere after link activation (article selection). Maybe send focus to the 'main' landmark?
  • [] Test efficacy of submenu slide via CSS transitions rather than Vue transitions
  • [] Change transition of issue preview box shadow to improve jumpiness
  • [] Clicking between main menu items doesn't toggle the open menu - should they be toggle radio menu somehow?

Unit Testing

DO IT

  • Continue reviewing the VueJS Basics