Tech Talk 1: UI Needs

Use a Github Pages theme

Responsive:

  • Responsive (UI responds to window sizes)
  • Can combine multiple different UIs
  • Place items in responsive menus
  • Don’t put styling in the individual md files (define global stylization)

Login Menu design

  • Dropdown menus in the login and profile screen
  • Bootstrap tables
  • Tailwind and Bootstrap good for this stuff
  • Don’t do flowing design (Do figma)

Jekyll

  • Files at top of frontmatter (layout and things)
  • Set up bootstrap layout
  • Base.html within the layouts folder: Very important
  • Include all styling within this bootstrap area (don’t need CSS in mds)