<commit_before>doctype html
html
  head
    title Base Typography | Pattern Library | ASCE Conferences Styleguide
    meta(charset="utf-8")
    meta(name="viewport" content="width=device-width, initial-scale=1")
    link(rel="stylesheet" href="../styles/styleguide.css")
    //- link(rel="stylesheet" href="../styles/conf.css")
  body
    main
      h1 ASCE Conferences Styleguide &mdash; Pattern Library &mdash; Base Typography
      section.sg-sect
        h2 Headings and Paragraphs
        figure.sg-fig
          h1 Heading 1 #[code.sg-code h1]
          p.
            Paragraph #[code.sg-code p]
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
            Aliquam sagittis suscipit nunc, a cursus libero euismod at.
            Nulla placerat neque massa, quis interdum leo efficitur vel.
            Donec feugiat varius arcu non volutpat.
            Mauris eget mauris ut mauris auctor mattis id vel justo.
            Nulla dictum arcu nec suscipit mollis.
            Maecenas a iaculis nisl, ut pretium est. Nulla facilisi.
          h2 Heading 2 #[code.sg-code h2]
          p.
            Paragraph #[code.sg-code p]
            Suspendisse ut auctor enim.
            Aliquam viverra enim vitae ante aliquet venenatis.
            Sed vel nibh sit amet sapien fermentum mattis nec non arcu.
            Praesent dapibus velit quis lectus tempus, ut ullamcorper nibh facilisis.
            Aenean tincidunt ante risus, semper malesuada libero consectetur id.
            Praesent vel ligula ut enim porttitor porta. Aenean eu ullamcorper mi.
            Integer blandit est quam, eget mattis urna scelerisque quis.
            Maecenas sapien sapien, ornare nec lobortis eget, tincidunt sed ligula.
            Maecenas risus nibh, volutpat sed euismod non, semper eget neque.
            Integer varius egestas risus, volutpat sagittis turpis convallis eget.
            Vivamus pulvinar ligula eget mi tincidunt, eget faucibus justo laoreet.
            In sapien lacus, egestas faucibus laoreet eu, tempor sit amet lorem.
            Sed luctus congue tortor a scelerisque.
          h3 Heading 3 #[code.sg-code h3]
          p.
            Paragraph #[code.sg-code p]
            Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
            Nunc sit amet scelerisque lectus. Cras cursus sed dui quis convallis.
            Quisque id justo elit.
            Fusce ut quam non sem efficitur accumsan sed id neque.
            Mauris finibus dignissim gravida.
            In dignissim mauris ac odio molestie volutpat.
            Nulla tellus justo, finibus sed volutpat sed, tristique ac lacus.
            Suspendisse sit amet fermentum sapien.
            Aliquam luctus laoreet iaculis.
            Proin lacinia orci vitae tellus pellentesque porttitor.
          h4 Heading 4 #[code.sg-code h4]
          p.
            Paragraph #[code.sg-code p]
            Aenean consectetur suscipit urna, non vehicula lacus blandit et.
            Integer at lacus et diam tristique suscipit.
            Ut cursus massa sit amet nisl convallis, elementum accumsan sapien mattis.
            Vestibulum vitae magna ac tellus accumsan pharetra vulputate vitae erat.
            Vestibulum est dui, elementum non sagittis ac, sagittis accumsan justo.
            Donec at vestibulum diam. Nam et volutpat dolor, at pulvinar nisi.
            Curabitur aliquam maximus nulla eu venenatis.
            Nam aliquam lorem non felis dignissim dictum.
            Pellentesque sagittis vehicula nisl non luctus.
            Pellentesque eget ligula hendrerit, blandit enim consequat, dictum sem.
            In quis lectus in lectus interdum laoreet eu quis quam.
            Fusce auctor posuere purus, quis semper libero dignissim euismod.
            Curabitur commodo mauris a sapien vulputate, eget pharetra urna facilisis.
          h5 Heading 5 #[code.sg-code h5]
          p.
            Paragraph #[code.sg-code p]
            Donec finibus ut lectus finibus pellentesque.
            Nulla euismod feugiat nulla nec posuere.
            Sed ac est id sem sagittis rhoncus eu ac neque.
            Aliquam eu metus sagittis, porta turpis id, scelerisque magna.
            Nulla venenatis elementum est, semper viverra felis tristique sit amet.
            Mauris nec ipsum id orci porttitor auctor sed sit amet sem.
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
            Etiam tellus leo, venenatis sit amet ipsum non, sagittis feugiat ante.
          h6 Heading 6 #[code.sg-code h6]
          p.
            Paragraph #[code.sg-code p]
            Donec vel dolor ut felis dapibus ultricies vitae a nibh.
            Ut semper odio est, sed lacinia ligula gravida ut.
            Vestibulum facilisis viverra pulvinar.
            Suspendisse maximus nisl sit amet augue vulputate, vel porta nunc molestie.
            Aliquam mauris diam, pharetra vel consectetur quis, rhoncus in risus.
            Donec ut quam massa.
            Vestibulum sapien justo, commodo a eros in, rhoncus interdum nisl.
            Etiam a porta lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        figure.sg-fig
          h1 Lorem Ipsum #[code.sg-code h1]
          h2 Lorem Ipsum #[code.sg-code h2]
          h3 Lorem Ipsum #[code.sg-code h3]
          h4 Lorem Ipsum #[code.sg-code h4]
          h5 Lorem Ipsum #[code.sg-code h5]
          h6 Lorem Ipsum #[code.sg-code h6]
        figure.sg-fig
          blockquote Donec #[code.sg-code blockquote] vel dolor ut felis dapibus ultricies vitae a nibh.
            footer: cite Finibus Pellentesque #[code.sg-code blockquote footer]
        figure.sg-fig
          figure Aenean consectetur #[code.sg-code figure] suscipit urna, non vehicula lacus blandit et.
            figcaption Integer at lacus et diam tristique #[code.sg-code figure figcaption] suscipit.
        figure.sg-fig
          pre.
            Pellentesque #[code.sg-code pre] habitant() {
              morbi.tristique = senectus;
              et (netus = malesuada; fames &lt; ac; turpis.egestas++) {
                Nunc.sit += [amet, scelerisque][et];
                Cras = {
                  lectus: cursus
                , sed: dui
                , quis: convallis(id () { justo Quisque.elit; })
                };
              }
            }
        //- p.
        //-   A horizontal rule #[code.sg-code hr] is shown below. I&rsquo;m honestly not sure when
        //-   you would ever use this instead of a CSS border.
        //- figure.sg-fig: hr
      section.sg-sect
        h2 Lists
        figure.sg-fig
          figcaption Ordered List #[code.sg-code ol]
          ol
            li Speaker details
            li Program is now over
              ol
                li Nested list item
                li Nested list item
                  ol
                    li Another nested list item
                    li Another nested list item
        figure.sg-fig
          figcaption Unrdered List #[code.sg-code ul]
          ul
            li Speaker details
            li Program is now over
              ul
                li Nested list item
                li Nested list item
                  ul
                    li Another nested list item
                    li Another nested list item
        figure.sg-fig
          figcaption.
            Dictionary List #[code.sg-code dl] &mdash; Used for key-value pairs,
            such as a list of dates/times and descriptions.
          dl
            dt date
            dd description
            dt date
            dd description
            dt date
            dd description
      section.sg-sect
        h2 Tables
        figure.sg-fig
          table
            caption Use #[code.sg-code caption] for the title or heading of the table.
            thead
              tr
                th Header Row 1 Heading 1
                th Header Row 1 Heading 2
                th Header Row 1 Heading 3
              tr
                td Header Row 2 Cell 1
                td Header Row 2 Cell 2
                td Header Row 2 Cell 3
            tfoot
              tr
                th Footer Row 1 Heading 1
                th Footer Row 1 Heading 2
                th Footer Row 1 Heading 3
              tr
                td Footer Row 2 Cell 1
                td Footer Row 2 Cell 2<commit_msg>ARIA demo table<commit_after>doctype html
html
  head
    title Base Typography | Pattern Library | ASCE Conferences Styleguide
    meta(charset="utf-8")
    meta(name="viewport" content="width=device-width, initial-scale=1")
    link(rel="stylesheet" href="../styles/styleguide.css")
    //- link(rel="stylesheet" href="../styles/conf.css")
  body
    main
      h1 ASCE Conferences Styleguide &mdash; Pattern Library &mdash; Base Typography
      section.sg-sect
        h2 Headings and Paragraphs
        figure.sg-fig
          h1 Heading 1 #[code.sg-code h1]
          p.
            Paragraph #[code.sg-code p]
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
            Aliquam sagittis suscipit nunc, a cursus libero euismod at.
            Nulla placerat neque massa, quis interdum leo efficitur vel.
            Donec feugiat varius arcu non volutpat.
            Mauris eget mauris ut mauris auctor mattis id vel justo.
            Nulla dictum arcu nec suscipit mollis.
            Maecenas a iaculis nisl, ut pretium est. Nulla facilisi.
          h2 Heading 2 #[code.sg-code h2]
          p.
            Paragraph #[code.sg-code p]
            Suspendisse ut auctor enim.
            Aliquam viverra enim vitae ante aliquet venenatis.
            Sed vel nibh sit amet sapien fermentum mattis nec non arcu.
            Praesent dapibus velit quis lectus tempus, ut ullamcorper nibh facilisis.
            Aenean tincidunt ante risus, semper malesuada libero consectetur id.
            Praesent vel ligula ut enim porttitor porta. Aenean eu ullamcorper mi.
            Integer blandit est quam, eget mattis urna scelerisque quis.
            Maecenas sapien sapien, ornare nec lobortis eget, tincidunt sed ligula.
            Maecenas risus nibh, volutpat sed euismod non, semper eget neque.
            Integer varius egestas risus, volutpat sagittis turpis convallis eget.
            Vivamus pulvinar ligula eget mi tincidunt, eget faucibus justo laoreet.
            In sapien lacus, egestas faucibus laoreet eu, tempor sit amet lorem.
            Sed luctus congue tortor a scelerisque.
          h3 Heading 3 #[code.sg-code h3]
          p.
            Paragraph #[code.sg-code p]
            Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
            Nunc sit amet scelerisque lectus. Cras cursus sed dui quis convallis.
            Quisque id justo elit.
            Fusce ut quam non sem efficitur accumsan sed id neque.
            Mauris finibus dignissim gravida.
            In dignissim mauris ac odio molestie volutpat.
            Nulla tellus justo, finibus sed volutpat sed, tristique ac lacus.
            Suspendisse sit amet fermentum sapien.
            Aliquam luctus laoreet iaculis.
            Proin lacinia orci vitae tellus pellentesque porttitor.
          h4 Heading 4 #[code.sg-code h4]
          p.
            Paragraph #[code.sg-code p]
            Aenean consectetur suscipit urna, non vehicula lacus blandit et.
            Integer at lacus et diam tristique suscipit.
            Ut cursus massa sit amet nisl convallis, elementum accumsan sapien mattis.
            Vestibulum vitae magna ac tellus accumsan pharetra vulputate vitae erat.
            Vestibulum est dui, elementum non sagittis ac, sagittis accumsan justo.
            Donec at vestibulum diam. Nam et volutpat dolor, at pulvinar nisi.
            Curabitur aliquam maximus nulla eu venenatis.
            Nam aliquam lorem non felis dignissim dictum.
            Pellentesque sagittis vehicula nisl non luctus.
            Pellentesque eget ligula hendrerit, blandit enim consequat, dictum sem.
            In quis lectus in lectus interdum laoreet eu quis quam.
            Fusce auctor posuere purus, quis semper libero dignissim euismod.
            Curabitur commodo mauris a sapien vulputate, eget pharetra urna facilisis.
          h5 Heading 5 #[code.sg-code h5]
          p.
            Paragraph #[code.sg-code p]
            Donec finibus ut lectus finibus pellentesque.
            Nulla euismod feugiat nulla nec posuere.
            Sed ac est id sem sagittis rhoncus eu ac neque.
            Aliquam eu metus sagittis, porta turpis id, scelerisque magna.
            Nulla venenatis elementum est, semper viverra felis tristique sit amet.
            Mauris nec ipsum id orci porttitor auctor sed sit amet sem.
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
            Etiam tellus leo, venenatis sit amet ipsum non, sagittis feugiat ante.
          h6 Heading 6 #[code.sg-code h6]
          p.
            Paragraph #[code.sg-code p]
            Donec vel dolor ut felis dapibus ultricies vitae a nibh.
            Ut semper odio est, sed lacinia ligula gravida ut.
            Vestibulum facilisis viverra pulvinar.
            Suspendisse maximus nisl sit amet augue vulputate, vel porta nunc molestie.
            Aliquam mauris diam, pharetra vel consectetur quis, rhoncus in risus.
            Donec ut quam massa.
            Vestibulum sapien justo, commodo a eros in, rhoncus interdum nisl.
            Etiam a porta lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        figure.sg-fig
          h1 Lorem Ipsum #[code.sg-code h1]
          h2 Lorem Ipsum #[code.sg-code h2]
          h3 Lorem Ipsum #[code.sg-code h3]
          h4 Lorem Ipsum #[code.sg-code h4]
          h5 Lorem Ipsum #[code.sg-code h5]
          h6 Lorem Ipsum #[code.sg-code h6]
        figure.sg-fig
          blockquote Donec #[code.sg-code blockquote] vel dolor ut felis dapibus ultricies vitae a nibh.
            footer: cite Finibus Pellentesque #[code.sg-code blockquote footer]
        figure.sg-fig
          figure Aenean consectetur #[code.sg-code figure] suscipit urna, non vehicula lacus blandit et.
            figcaption Integer at lacus et diam tristique #[code.sg-code figure figcaption] suscipit.
        figure.sg-fig
          pre.
            Pellentesque #[code.sg-code pre] habitant() {
              morbi.tristique = senectus;
              et (netus = malesuada; fames &lt; ac; turpis.egestas++) {
                Nunc.sit += [amet, scelerisque][et];
                Cras = {
                  lectus: cursus
                , sed: dui
                , quis: convallis(id () { justo Quisque.elit; })
                };
              }
            }
        //- p.
        //-   A horizontal rule #[code.sg-code hr] is shown below. I&rsquo;m honestly not sure when
        //-   you would ever use this instead of a CSS border.
        //- figure.sg-fig: hr
      section.sg-sect
        h2 Lists
        figure.sg-fig
          figcaption Ordered List #[code.sg-code ol]
          ol
            li Speaker details
            li Program is now over
              ol
                li Nested list item
                li Nested list item
                  ol
                    li Another nested list item
                    li Another nested list item
        figure.sg-fig
          figcaption Unrdered List #[code.sg-code ul]
          ul
            li Speaker details
            li Program is now over
              ul
                li Nested list item
                li Nested list item
                  ul
                    li Another nested list item
                    li Another nested list item
        figure.sg-fig
          figcaption.
            Dictionary List #[code.sg-code dl] &mdash; Used for key-value pairs,
            such as a list of dates/times and descriptions.
          dl
            dt date
            dd description
            dt date
            dd description
            dt date
            dd description
      section.sg-sect
        h2 Tables
        figure.sg-fig
          table
            caption Use #[code.sg-code caption] for the title or heading of the table.
            thead
              tr
                th(scope="col") Header Row 1 Heading 1
                th(scope="col") Header Row 1 Heading 2
                th(scope="col") Header Row 1 Heading 3
            tfoot
              tr
                td Footer Row 1 Cell 1
                td Footer Row 1 Cell 2
                td Footer Row 1 Cell 3
              tr
                td Footer Row 2 Cell 1
                td Footer Row 2 Cell 2
{'fraction_non_alphanumeric': 0.04977889327118441, 'fraction_numerical': 0.006573443289111988, 'mean_word_length': 1.6563492063492065, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '451255', 'n_tokens_mistral': 5180, 'n_tokens_neox': 5050, 'n_words': 1822}