access-nyc-patterns/src/views/layouts/default.slm

User Interface Patterns for Benefits Access

doctype html
html lang='en' class='bg-color-white text-size-0'
  = content('head');

  body class='bg-color-blue-dark' style='visibility: hidden;' onload='load()'
    a class='sr-only' href='#main-content' Skip to main content

    div class='bg-color-white'
      = partial('/partials/header.slm');

      aside#main-menu role='region' aria-labelledby='main-menu-control' aria-hidden='true' class='color-mid-background text-font-size-small hidden hidden:overflowFadeInUp animated relative' style='top: -1px'
        div class='page-wrapper py-4 animated'
          div class='screen-tablet:flex'
            = partial('/partials/nav.slm');

          div class='text-center'
            button class='btn-link' aria-controls='main-menu' aria-expanded='false' data-js='toggle' Close Menu

      main#main-content class='color-light-background pt-4'
        article class='pt-4'
          = content('content');
          = partial('/section/nav.slm');

    = partial('/partials/footer.slm');

    script src='scripts/polyfills.js'
    script src='scripts/access-nyc.js'
    script src='scripts/vue-components.js'

    javascript:
      var access = new AccessNyc();
      var VueComponents = new VueComponents();
      access.icons();
      access.toggle();
      access.alertBanner();

    = content('script');