npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@nycopportunity/pattern-attribution

v1.1.2

Published

The Modal Pattern is an accessible modal dialog that uses the Patterns Scripts dialog utility.

Downloads

33

Readme

Attribution Pattern

The Attribution Pattern is a footer for products maintained by the Mayor's Office for Economic Opportunity and its partners. It includes a byline, several NYC logo lockup files (SVG), NYC trademark and copyright information, and NYC.gov terms of use and privacy policy.

The Pattern may use the "Learn More" toggle to show a short summary of the Mayor's Office for Economic Opportunity. The toggle can be replaced with an "About" link if the product

Usage

Installation

$ npm install @nycopportunity/pattern-attribution

ES Module

The "Learn More" toggle in the Attribution requires JavaScript for showing, hiding, and screen reader accessibility. This method is a wrapper around the Patterns Scripts toggle utility which is included as a dependency of this project. The utility can be imported as an ES module and instantiated.

import Attribution from '@nycopportunity/pattern-attribution/src/attribution';

new Attribution();

ARIA labeling, potentially focusable element tabindex, and other attribute toggling is handled by the utility to ensure screen reader accessibility.

If the "Learn More" toggle isn't used then the module does not need to be instantiated.

Styles

The Attribution Pattern includes two stylesheets. One that sets default design tokens using CSS Custom Properties and one that applies the tokens to the pattern's CSS selectors. The tokens can be used as is or overridden.

@import '@nycopportunity/pattern-attribution/src/tokens';
@import '@nycopportunity/pattern-attribution/src/attribution';

Markup

<!--{ @role  The role value "contentinfo" is used to identify the page footer. }-->
<footer class="o-attribution " role="contentInfo">
  <!--{ Optional tertiary navigation }-->
  <!--{ @aria-label  Use "Footer Navigation" or other familiar ARIA label to identify the nav as a unique and major landmark }-->
  <nav aria-label="Footer Navigation" class="o-attribution__nav">
    <a class="o-attribution__nav-item" href="#">
      <svg fill="none" height="26" role="img" viewBox="0 0 456 152" width="78" xmlns="http://www.w3.org/2000/svg">
        <title>New York City Logo</title>
        <path d="M446.505 66.3803L456 57.0104V28.5052L427.495 0H332.505L304 28.5052V9.51562L294.505 0H256.505L247.01 9.51562V28.5052L228 47.5156L209.01 28.5052V9.51562L199.495 0H161.495L152 9.51562L142.505 0H104.505L95.0104 9.51562V47.5156L47.4948 0H9.49479L0 9.51562V142.505L9.49479 152H47.4948L57.0104 142.505V104.505L104.505 152H142.505L152 142.505V66.5052L199.495 114V142.505L209.01 152H247.01L256.505 142.505V114L304 66.5052V123.516L332.505 152H427.495L456 123.516V95.0104L446.505 85.4948H398.99V95.0104H361.01V57.0104H398.99V66.3803H446.505Z" fill="currentColor"></path>
        <path d="M449.233 6.41315C450.128 6.41315 450.899 6.32986 450.899 5.28876C450.899 4.41424 450.045 4.31013 449.337 4.31013H447.9V6.41315H449.233ZM447.921 10.4942H446.734V3.31068H449.462C451.19 3.31068 452.085 3.91452 452.085 5.37205C452.085 6.68383 451.294 7.20438 450.211 7.32931L452.231 10.4942H450.899L449.045 7.4126H447.942V10.4942H447.921ZM449.191 1.41589C446.38 1.41589 444.194 3.62301 444.194 6.78794C444.194 9.74466 446.11 12.16 449.191 12.16C451.981 12.16 454.168 9.9737 454.168 6.78794C454.168 3.62301 451.981 1.41589 449.191 1.41589ZM449.191 13.2844C445.464 13.2844 442.799 10.4942 442.799 6.78794C442.799 2.87342 445.756 0.291504 449.191 0.291504C452.585 0.291504 455.542 2.87342 455.542 6.78794C455.563 10.6816 452.606 13.2844 449.191 13.2844Z" fill="currentColor"></path>
      </svg>
    </a>
    <!--{ Footer Navigation link item }-->
    <a class="o-attribution__nav-item" href="#">Attribution</a>
  </nav>
  <div class="o-attribution__flex">
    <div>
      <p class="o-attribution__byline">Opportunity Standard is maintained by the <span class='sr-only'>The Mayor's Office for Economic Opportunity</span>
      </p>
      <!--{ @role  The role value "img" is used to identify the SVG as an image graphic. }-->
      <svg fill="none" height="64" role="img" viewBox="0 0 332 63" width="337" xmlns="http://www.w3.org/2000/svg">
        <!--{ @title  The title value is read similarly to @alt text labels for images by screen readers }-->
        <title>Mayor's Office for Economic Opportunity Logo</title>
        <path d="M169.529 25.9626L173.134 22.405V11.5821L162.311 0.759277H126.246L115.423 11.5821V4.37217L111.818 0.759277H97.39L93.785 4.37217V11.5821L86.5671 18.8L79.3572 11.5821V4.37217L75.7443 0.759277H61.3164L57.7114 4.37217L54.1064 0.759277H39.6786L36.0736 4.37217V18.8L18.0328 0.759277H3.60499L0 4.37217V54.8657L3.60499 58.4707H18.0328L21.6457 54.8657V40.4379L39.6786 58.4707H54.1064L57.7114 54.8657V26.01L75.7443 44.0428V54.8657L79.3572 58.4707H93.785L97.39 54.8657V44.0428L115.423 26.01V47.6557L126.246 58.4707H162.311L173.134 47.6557V36.8329L169.529 33.22H151.489V36.8329H137.069V22.405H151.489V25.9626H169.529Z" fill="currentColor"></path>
        <path d="M170.565 3.19439C170.905 3.19439 171.197 3.16276 171.197 2.76748C171.197 2.43544 170.873 2.39591 170.604 2.39591H170.059V3.19439H170.565ZM170.067 4.7439H169.616V2.01644H170.652C171.308 2.01644 171.648 2.2457 171.648 2.7991C171.648 3.29716 171.348 3.4948 170.936 3.54224L171.703 4.7439H171.197L170.494 3.57386H170.075V4.7439H170.067ZM170.549 1.29702C169.482 1.29702 168.652 2.13503 168.652 3.33669C168.652 4.45929 169.379 5.37635 170.549 5.37635C171.608 5.37635 172.439 4.54626 172.439 3.33669C172.439 2.13503 171.608 1.29702 170.549 1.29702ZM170.549 5.80326C169.134 5.80326 168.122 4.7439 168.122 3.33669C168.122 1.85042 169.245 0.870117 170.549 0.870117C171.838 0.870117 172.96 1.85042 172.96 3.33669C172.968 4.81505 171.846 5.80326 170.549 5.80326Z" fill="currentColor"></path>
        <path d="M187.731 15H191.252V4.0933H191.293L194.311 15H197.169L200.187 4.0933H200.227V15H203.749V0.632133H198.235L195.76 10.2107H195.72L193.245 0.632133H187.731V15ZM209.057 12.0017C209.057 11.1766 209.701 10.8546 210.466 10.6735C211.21 10.4723 212.095 10.4119 212.578 10.1101C212.659 12.2633 212.116 13.1889 210.486 13.1889C209.721 13.1889 209.057 12.8468 209.057 12.0017ZM209.258 7.77582C209.419 6.89041 210.023 6.46782 210.969 6.46782C211.673 6.46782 212.619 6.76967 212.619 7.55447C212.619 8.1984 212.297 8.39964 211.713 8.52037C209.339 9.00333 205.636 8.74173 205.636 12.1425C205.636 14.2957 207.206 15.3018 209.198 15.3018C210.445 15.3018 211.753 14.9396 212.639 14.014C212.679 14.3561 212.719 14.678 212.84 15H216.281C215.879 14.175 215.879 13.209 215.879 12.3236V7.7557C215.879 4.79761 213.484 4.25428 211.009 4.25428C209.822 4.25428 208.614 4.45551 207.689 4.97871C206.763 5.52204 206.119 6.40745 206.059 7.77582H209.258ZM228.552 4.55613H225.05L223.078 11.3577H223.038L221.066 4.55613H217.444L220.14 11.8206C220.341 12.384 221.005 13.9938 221.005 14.5573C221.005 15.2817 220.422 15.7244 219.637 15.7244H218.45V18.5014H220.06C222.374 18.5014 223.601 18.2197 224.426 15.9257L228.552 4.55613ZM232.458 9.78813C232.458 8.46 232.941 6.87028 234.53 6.87028C236.12 6.87028 236.623 8.46 236.623 9.78813C236.623 11.1162 236.12 12.6858 234.53 12.6858C232.941 12.6858 232.458 11.1162 232.458 9.78813ZM229.037 9.78813C229.037 12.9273 231.291 15.3018 234.53 15.3018C237.77 15.3018 240.044 12.9273 240.044 9.78813C240.044 6.64893 237.77 4.25428 234.53 4.25428C231.291 4.25428 229.037 6.64893 229.037 9.78813ZM241.962 15H245.383V9.82837C245.383 8.52037 246.269 7.35324 247.959 7.35324C248.422 7.35324 248.824 7.43373 249.267 7.55447V4.43539C249.005 4.37502 248.724 4.3549 248.462 4.3549C246.993 4.3549 245.826 5.05921 245.323 6.38733H245.283V4.55613H241.962V15ZM250.651 4.37502H252.1C252.16 5.30068 251.537 6.10561 250.651 6.26659V7.87644C252.845 7.51422 253.831 5.98487 253.851 3.97256V0.632133H250.651V4.37502ZM254.267 11.559C254.367 14.4768 256.903 15.3018 259.378 15.3018C261.732 15.3018 264.389 14.3762 264.389 11.5791C264.389 10.7138 263.845 9.18443 261.732 8.76185C260.163 8.41976 257.869 8.23865 257.869 7.25262C257.869 6.52819 258.774 6.46782 259.338 6.46782C259.76 6.46782 260.143 6.54831 260.424 6.72942C260.706 6.91053 260.867 7.19225 260.867 7.63496H264.026C263.906 4.91834 261.511 4.25428 259.217 4.25428C257.165 4.25428 254.448 4.93847 254.448 7.45385C254.448 10.2711 257.144 10.3314 259.298 10.8748C259.901 11.0156 260.968 11.1766 260.968 11.9815C260.968 12.8066 260.022 13.0883 259.358 13.0883C258.875 13.0883 258.412 12.9676 258.09 12.7261C257.748 12.4645 257.527 12.0822 257.527 11.559H254.267ZM271.997 7.81607C271.997 11.9815 274.553 15.3018 279.08 15.3018C283.608 15.3018 286.164 11.9815 286.164 7.81607C286.164 3.65059 283.608 0.330287 279.08 0.330287C274.553 0.330287 271.997 3.65059 271.997 7.81607ZM275.74 7.81607C275.74 5.68302 276.666 3.54998 279.08 3.54998C281.495 3.54998 282.421 5.68302 282.421 7.81607C282.421 9.94911 281.495 12.0822 279.08 12.0822C276.666 12.0822 275.74 9.94911 275.74 7.81607ZM288.806 15H292.227V6.76967H294.28V4.55613H292.227V4.0933C292.227 3.14752 292.71 3.0469 293.495 3.0469C293.797 3.0469 294.099 3.06702 294.421 3.10727V0.692502C293.877 0.67238 293.314 0.632133 292.771 0.632133C289.853 0.632133 288.806 1.55779 288.806 4.55613H287.156V6.76967H288.806V15ZM296.254 15H299.675V6.76967H301.728V4.55613H299.675V4.0933C299.675 3.14752 300.158 3.0469 300.943 3.0469C301.245 3.0469 301.547 3.06702 301.869 3.10727V0.692502C301.325 0.67238 300.762 0.632133 300.218 0.632133C297.301 0.632133 296.254 1.55779 296.254 4.55613H294.604V6.76967H296.254V15ZM303.28 15H306.7V4.55613H303.28V15ZM306.7 0.632133H303.28V3.24813H306.7V0.632133ZM319.034 8.37951C318.792 5.62265 316.478 4.25428 313.882 4.25428C310.522 4.25428 308.409 6.62881 308.409 9.94911C308.409 13.1487 310.743 15.3018 313.882 15.3018C316.659 15.3018 318.833 13.692 319.134 10.8949H315.814C315.653 12.0017 315.049 12.6858 313.862 12.6858C312.413 12.6858 311.83 11.2974 311.83 9.94911C311.83 8.50025 312.132 6.87028 314.043 6.87028C314.909 6.87028 315.693 7.4941 315.714 8.37951H319.034ZM323.356 8.70148C323.557 7.43373 324.362 6.56844 325.569 6.56844C326.716 6.56844 327.541 7.53434 327.602 8.70148H323.356ZM331.023 10.6132C331.184 7.07151 329.312 4.25428 325.569 4.25428C322.49 4.25428 319.935 6.54831 319.935 9.74788C319.935 13.2493 322.249 15.3018 325.65 15.3018C327.984 15.3018 330.218 14.2554 330.842 11.8407H327.642C327.32 12.6054 326.515 12.9877 325.69 12.9877C324.241 12.9877 323.416 12.0419 323.356 10.6132H331.023ZM188.314 37H191.735V28.7697H193.788V26.5561H191.735V26.0933C191.735 25.1475 192.218 25.0469 193.003 25.0469C193.305 25.0469 193.607 25.067 193.929 25.1073V22.6925C193.385 22.6724 192.822 22.6321 192.279 22.6321C189.361 22.6321 188.314 23.5578 188.314 26.5561H186.664V28.7697H188.314V37ZM197.936 31.7881C197.936 30.46 198.419 28.8703 200.008 28.8703C201.598 28.8703 202.101 30.46 202.101 31.7881C202.101 33.1162 201.598 34.6858 200.008 34.6858C198.419 34.6858 197.936 33.1162 197.936 31.7881ZM194.515 31.7881C194.515 34.9273 196.768 37.3018 200.008 37.3018C203.248 37.3018 205.522 34.9273 205.522 31.7881C205.522 28.6489 203.248 26.2543 200.008 26.2543C196.768 26.2543 194.515 28.6489 194.515 31.7881ZM207.44 37H210.861V31.8284C210.861 30.5204 211.747 29.3532 213.437 29.3532C213.9 29.3532 214.302 29.4337 214.745 29.5545V26.4354C214.483 26.375 214.202 26.3549 213.94 26.3549C212.471 26.3549 211.304 27.0592 210.801 28.3873H210.761V26.5561H207.44V37ZM222.376 37H234.027V33.7803H226.119V31.0436H233.162V28.1459H226.119V25.6305H233.826V22.6321H222.376V37ZM245.931 30.3795C245.69 27.6227 243.376 26.2543 240.78 26.2543C237.419 26.2543 235.306 28.6288 235.306 31.9491C235.306 35.1487 237.641 37.3018 240.78 37.3018C243.557 37.3018 245.73 35.692 246.032 32.8949H242.712C242.551 34.0017 241.947 34.6858 240.76 34.6858C239.311 34.6858 238.727 33.2974 238.727 31.9491C238.727 30.5003 239.029 28.8703 240.941 28.8703C241.806 28.8703 242.591 29.4941 242.611 30.3795H245.931ZM250.656 31.7881C250.656 30.46 251.139 28.8703 252.728 28.8703C254.318 28.8703 254.821 30.46 254.821 31.7881C254.821 33.1162 254.318 34.6858 252.728 34.6858C251.139 34.6858 250.656 33.1162 250.656 31.7881ZM247.235 31.7881C247.235 34.9273 249.489 37.3018 252.728 37.3018C255.968 37.3018 258.242 34.9273 258.242 31.7881C258.242 28.6489 255.968 26.2543 252.728 26.2543C249.489 26.2543 247.235 28.6489 247.235 31.7881ZM259.838 37H263.259V31.3052C263.259 30.1582 263.823 29.0715 265.111 29.0715C266.982 29.0715 266.821 30.5204 266.821 31.9491V37H270.242V30.299C270.242 28.7898 269.96 26.2543 266.479 26.2543C265.231 26.2543 263.823 26.9183 263.199 27.9849H263.159V26.5561H259.838V37ZM275.23 31.7881C275.23 30.46 275.713 28.8703 277.303 28.8703C278.893 28.8703 279.396 30.46 279.396 31.7881C279.396 33.1162 278.893 34.6858 277.303 34.6858C275.713 34.6858 275.23 33.1162 275.23 31.7881ZM271.809 31.7881C271.809 34.9273 274.063 37.3018 277.303 37.3018C280.543 37.3018 282.817 34.9273 282.817 31.7881C282.817 28.6489 280.543 26.2543 277.303 26.2543C274.063 26.2543 271.809 28.6489 271.809 31.7881ZM284.413 37H287.834V31.9089C287.834 29.7758 288.357 29.0715 289.585 29.0715C290.51 29.0715 290.872 29.8362 290.872 31.0637V37H294.293V31.8887C294.293 30.1984 294.434 29.0715 295.903 29.0715C296.789 29.0715 297.332 29.7356 297.332 30.8625V37H300.753V30.7619C300.753 28.7697 300.391 26.2543 297.07 26.2543C295.662 26.2543 294.635 26.8379 293.81 27.9446C293.247 26.6769 292.08 26.2543 290.772 26.2543C289.504 26.2543 288.397 26.9385 287.773 27.9849H287.733V26.5561H284.413V37ZM303.163 37H306.584V26.5561H303.163V37ZM306.584 22.6321H303.163V25.2481H306.584V22.6321ZM319.119 30.3795C318.877 27.6227 316.563 26.2543 313.967 26.2543C310.607 26.2543 308.494 28.6288 308.494 31.9491C308.494 35.1487 310.828 37.3018 313.967 37.3018C316.744 37.3018 318.917 35.692 319.219 32.8949H315.899C315.738 34.0017 315.134 34.6858 313.947 34.6858C312.498 34.6858 311.915 33.2974 311.915 31.9491C311.915 30.5003 312.217 28.8703 314.128 28.8703C314.993 28.8703 315.778 29.4941 315.798 30.3795H319.119ZM187.167 51.8161C187.167 55.9815 189.723 59.3018 194.251 59.3018C198.778 59.3018 201.334 55.9815 201.334 51.8161C201.334 47.6506 198.778 44.3303 194.251 44.3303C189.723 44.3303 187.167 47.6506 187.167 51.8161ZM190.91 51.8161C190.91 49.683 191.836 47.55 194.251 47.55C196.665 47.55 197.591 49.683 197.591 51.8161C197.591 53.9491 196.665 56.0822 194.251 56.0822C191.836 56.0822 190.91 53.9491 190.91 51.8161ZM208.424 50.8703C209.933 50.8703 210.456 52.3393 210.456 53.6674C210.456 55.0961 209.933 56.6858 208.404 56.6858C206.854 56.6858 206.331 55.4986 206.331 53.6674C206.331 51.5142 207.498 50.8703 208.424 50.8703ZM203.031 62.5014H206.452V57.8731H206.492C207.196 58.8189 208.182 59.3018 209.47 59.3018C212.428 59.3018 213.877 56.7261 213.877 54.0095C213.877 51.0715 212.489 48.2543 209.209 48.2543C208.001 48.2543 206.995 48.7775 206.331 49.7635H206.291V48.5561H203.031V62.5014ZM221.099 50.8703C222.608 50.8703 223.131 52.3393 223.131 53.6674C223.131 55.0961 222.608 56.6858 221.079 56.6858C219.529 56.6858 219.006 55.4986 219.006 53.6674C219.006 51.5142 220.173 50.8703 221.099 50.8703ZM215.706 62.5014H219.127V57.8731H219.167C219.871 58.8189 220.857 59.3018 222.145 59.3018C225.103 59.3018 226.552 56.7261 226.552 54.0095C226.552 51.0715 225.164 48.2543 221.884 48.2543C220.676 48.2543 219.67 48.7775 219.006 49.7635H218.966V48.5561H215.706V62.5014ZM231.299 53.7881C231.299 52.46 231.782 50.8703 233.372 50.8703C234.961 50.8703 235.464 52.46 235.464 53.7881C235.464 55.1162 234.961 56.6858 233.372 56.6858C231.782 56.6858 231.299 55.1162 231.299 53.7881ZM227.878 53.7881C227.878 56.9273 230.132 59.3018 233.372 59.3018C236.611 59.3018 238.885 56.9273 238.885 53.7881C238.885 50.6489 236.611 48.2543 233.372 48.2543C230.132 48.2543 227.878 50.6489 227.878 53.7881ZM240.401 59H243.822V53.8284C243.822 52.5204 244.708 51.3532 246.398 51.3532C246.861 51.3532 247.263 51.4337 247.706 51.5545V48.4354C247.444 48.375 247.163 48.3549 246.901 48.3549C245.432 48.3549 244.265 49.0592 243.762 50.3873H243.722V48.5561H240.401V59ZM255.751 48.5561H253.638V45.3968H250.217V48.5561H248.486V50.7697H250.217V55.4181C250.217 58.2554 250.961 59.1006 253.879 59.1006C254.503 59.1006 255.127 59.0201 255.751 59V56.4846C255.449 56.4846 255.147 56.5249 254.865 56.5249C254.121 56.5249 253.638 56.3438 253.638 55.5187V50.7697H255.751V48.5561ZM267.657 48.5561H264.236V54.1503C264.236 56.0017 263.109 56.4846 262.365 56.4846C261.278 56.4846 260.674 56.0017 260.674 54.6132V48.5561H257.253V54.8345C257.253 57.5713 258.119 59.3018 261.117 59.3018C262.324 59.3018 263.652 58.6378 264.296 57.5713H264.337V59H267.657V48.5561ZM269.949 59H273.37V53.3052C273.37 52.1582 273.933 51.0715 275.221 51.0715C277.092 51.0715 276.931 52.5204 276.931 53.9491V59H280.352V52.299C280.352 50.7898 280.071 48.2543 276.589 48.2543C275.342 48.2543 273.933 48.9183 273.309 49.9849H273.269V48.5561H269.949V59ZM282.745 59H286.165V48.5561H282.745V59ZM286.165 44.6321H282.745V47.2481H286.165V44.6321ZM294.877 48.5561H292.764V45.3968H289.343V48.5561H287.612V50.7697H289.343V55.4181C289.343 58.2554 290.087 59.1006 293.005 59.1006C293.629 59.1006 294.253 59.0201 294.877 59V56.4846C294.575 56.4846 294.273 56.5249 293.991 56.5249C293.247 56.5249 292.764 56.3438 292.764 55.5187V50.7697H294.877V48.5561ZM306.22 48.5561H302.718L300.746 55.3577H300.706L298.734 48.5561H295.112L297.808 55.8206C298.009 56.384 298.673 57.9938 298.673 58.5573C298.673 59.2817 298.09 59.7244 297.305 59.7244H296.118V62.5014H297.728C300.042 62.5014 301.269 62.2197 302.094 59.9257L306.22 48.5561Z" fill="currentColor"></path>
      </svg>
    </div>
    <!--{ @data-js        The value "attribution" is the selector matching value for the click event }-->
    <!--{ @aria-controls  Targets the learn more region by ID }-->
    <!--{ @aria-expanded  Indicates to screen readers if the learn more target region is expanded or not }-->
    <button aria-controls="aria-c-learn-more" aria-expanded="false" class="o-attribution__toggle" data-js="attribution">
      <span>Learn more</span>
      <svg aria-hidden="true" class="o-attribution__feather">
        <use href="#feather-chevron-down"></use>
      </svg>
    </button>
  </div>
  <div aria-hidden="true" class="o-attribution__learn-more hidden" id="aria-c-learn-more">
    <p>
      <!--{ @tabindex  Add tabindex="-1" to insure focusable elements are not visible when parent is hidden }-->
      <a href="nyc.gov/opportunity" target="_blank" rel="nofollow noopener" tabindex="-1">The Mayor's Office for Economic Opportunity</a> uses evidence and innovation to reduce poverty and increase equity. It advances research, data and design in the City's program and policy development, service delivery, and budget decisions. <a href="nyc.gov/opportunity" target="_blank" rel="nofollow noopener" tabindex="-1">Learn more at nyc.gov/opportunity</a>.
    </p>
  </div>
  <div class="o-attribution__copyright o-attribution__flex">
    <div>
      <p>
        <small>
          <!--{ @role  The role value "img" is used to identify the SVG as an image graphic. }-->
          <svg class="o-attribution__logo-nyc" fill="none" height="21" role="img" viewBox="0 0 456 152" width="62" xmlns="http://www.w3.org/2000/svg">
            <!--{ @title  The title value is read similarly to @alt text labels for images by screen readers }-->
            <title>City of New York logo</title>
            <path d="M446.505 66.3803L456 57.0104V28.5052L427.495 0H332.505L304 28.5052V9.51562L294.505 0H256.505L247.01 9.51562V28.5052L228 47.5156L209.01 28.5052V9.51562L199.495 0H161.495L152 9.51562L142.505 0H104.505L95.0104 9.51562V47.5156L47.4948 0H9.49479L0 9.51562V142.505L9.49479 152H47.4948L57.0104 142.505V104.505L104.505 152H142.505L152 142.505V66.5052L199.495 114V142.505L209.01 152H247.01L256.505 142.505V114L304 66.5052V123.516L332.505 152H427.495L456 123.516V95.0104L446.505 85.4948H398.99V95.0104H361.01V57.0104H398.99V66.3803H446.505Z" fill="currentColor"></path>
            <path d="M449.233 6.41315C450.128 6.41315 450.899 6.32986 450.899 5.28876C450.899 4.41424 450.045 4.31013 449.337 4.31013H447.9V6.41315H449.233ZM447.921 10.4942H446.734V3.31068H449.462C451.19 3.31068 452.085 3.91452 452.085 5.37205C452.085 6.68383 451.294 7.20438 450.211 7.32931L452.231 10.4942H450.899L449.045 7.4126H447.942V10.4942H447.921ZM449.191 1.41589C446.38 1.41589 444.194 3.62301 444.194 6.78794C444.194 9.74466 446.11 12.16 449.191 12.16C451.981 12.16 454.168 9.9737 454.168 6.78794C454.168 3.62301 451.981 1.41589 449.191 1.41589ZM449.191 13.2844C445.464 13.2844 442.799 10.4942 442.799 6.78794C442.799 2.87342 445.756 0.291504 449.191 0.291504C452.585 0.291504 455.542 2.87342 455.542 6.78794C455.563 10.6816 452.606 13.2844 449.191 13.2844Z" fill="currentColor"></path>
          </svg>© 2022 City of New York. All Rights Reserved.
          <br />NYC is a trademark and service mark of the City of New York.
        </small>
      </p>
    </div>
    <!--{ @aria-label  Use "Legal Information" or other familiar ARIA label to identify the nav as a unique and major landmark }-->
    <nav aria-label="Legal Information" class="o-attribution__nav">
      <!--{ Legal Information link item }-->
      <a class="o-attribution__nav-item" href="https://www1.nyc.gov/home/privacy-policy.page" rel="noopener nofollow" target="_blank">Privacy Policy</a>
      <!--{ Legal Information link item }-->
      <a class="o-attribution__nav-item" href="https://www1.nyc.gov/home/terms-of-use.page" rel="noopener nofollow" target="_blank">Terms of Use</a>
    </nav>
  </div>
</footer>