womenandweb/source/index.pug

doctype html
html
  head
    meta(charset='utf-8')

    meta(name='viewport', content='width=device-width, initial-scale=1')
    meta(name='description', content='Women and Web Literacy')

    meta(property='og:type', content='website')
    meta(property='og:site_name', content='Women and Web Literacy')
    meta(property='og:locale', content='en_US')
    meta(property='og:url', content='https://mozilla.github.io/womenandweb')
    meta(property='og:image', content='TODO')
    meta(property='og:title', content='Women and Web Literacy')
    meta(property='og:description', content='Women and Web Literacy')

    link(rel='stylesheet', href='css/main.compiled.css')
    link(rel='stylesheet', href='//code.cdn.mozilla.net/fonts/fira.css')
    link(rel='icon', href='images/favicon.png')

    title Women and Web Literacy
  body
    header
      .container
        a.mozilla-logo(href='https://www.mozilla.org')
          img(src='images/mozilla-wordmark.svg',target='_blank')

        h1.center-text Women #[span.ampersand &] Web Literacy
        p.center-text Working towards an open, safe and inclusive web for women everywhere

  .container.m-y-3.section-summary
    .row.m-b-1
      .col-sm-12
        h2 What We Do
    .row
      .col-md-6
        include:markdown markdown/what-we-do/summary.md
      .col-md-6
        include:markdown markdown/what-we-do/description.md

  .bg-gray.m-y-3
    .container.p-y-3
      .row
        .col-sm-12
          h2.center-text Mozilla Clubs for Women and Girls
      .row.p-y-3
        .col-sm-12.col-md-4.wide-only
          img(src='images/clubs/clubs-inside.jpg')
        .col-sm-12.col-md-4.wide-only
          img(src='images/clubs/clubs-outside.jpg')
        .col-sm-12.col-md-4
          img(src='images/clubs/clubs-standing-presenter.jpg')
      .row
        .col-sm-12.col-md-8
          div
            include:markdown markdown/clubs/summary.md
        .col-sm-12.col-md-4
          .bg-blue.partial-cta
            include:markdown markdown/clubs/cta.md
            a.btn.btn-white(href='https://learning.mozilla.org/clubs') Learn More

  .container.m-y-3.section-our-work
    .row
      .col-sm-12.m-b-1
        h2.center-text More of our Work
    .row
      .col-md-4
        include:markdown markdown/resources/teaching-resources.md
      .col-md-4
        include:markdown markdown/resources/case-studies.md
      .col-md-4
        include:markdown markdown/resources/reports.md

  .bg-blue.p-y-2.m-y-2.section-diversity
    .container
      .row
        .col-sm-12.p-y-2.center-text.partial-posts-preface
          include:markdown markdown/posts-preface.md
      .row.p-y-2
        .col-md-4
          .post-card.p-a-2
            include:markdown markdown/posts/1.md
        .col-md-4
          .post-card.p-a-2
            include:markdown markdown/posts/2.md
        .col-md-4
          .post-card.p-a-2
            include:markdown markdown/posts/3.md

  .container
    .row.p-y-3
      .col-sm-12.center-text
        h2 We are working with
        p Mozilla is proud to be working with a range of organizations who are collaborating to increase Web Literacy amongst women around the world. Visit their sites to see how they are supporting women across the globe.
    .row.p-y-1.section-partner-logos
      .col-md-4.col-sm-12.col-xs-12
        a(href='http://www.unwomen.org/en')
          img.logo-web-foundation(src='images/partners/unwomen.png')
      .col-md-4.col-sm-12.col-xs-12
        a(href='http://empowerwomen.org/')
          img.logo-itu(src='images/partners/empower-women.png')
      .col-md-4.col-sm-12.col-xs-12
        a(href='http://www.itu.int/en/Pages/default.aspx')
          img.logo-dot(src='images/partners/itu.png')
    .row.p-y-1.section-partner-logos
      .col-md-4.col-sm-12.col-xs-12
        a(href='http://webfoundation.org/our-work/projects/womens-rights-online/')
          img.logo-un-women(src='images/partners/webfoundation.png')
      .col-md-4.col-sm-12.col-xs-12
        a(href='https://www.worldpulse.com/en')
          img.logo-world-pulse(src='images/partners/world-pulse.svg')
      .col-md-4.col-sm-12.col-xs-12
        a(href='https://www.dotrust.org/')
          img.logo-empower-women(src='images/partners/dot.jpg')

  footer
    .mofooter
      .icons
        .icon-container
          .icon
            img.footer-icon(src='images/footer-icon-twitter.svg')
            a(href='https://twitter.com/mozlearn') Twitter
        .icon-container
          .icon
            img.footer-icon(src='images/footer-icon-facebook.svg')
            a(href='https://www.facebook.com/groups/mozillaclubs/') Facebook Group
        .icon-container
          .icon
            img.footer-icon(src='images/footer-icon-email.svg')
            a(href='mailto:womenandweb@mozillafoundation.org') Email
        .icon-container
          .icon
            img.footer-icon(src='images/footer-icon-github.svg')
            a(href='https://github.com/mozilla/womenandweb/') Github
        .icon-container
          .icon
            img.footer-icon(src='images/footer-icon-terms.svg')
            a(href='https://www.mozilla.org/en-US/about/legal/') Legal
      .footer-content
        a.logo(href='https://mozilla.org')
          img(height='30', width='105', src='images/mozilla-wordmark.svg')

        p Mozilla is a global non-profit dedicated to putting you in control of your online experience and shaping the future of the web for the public good. Visit us at #[a(href='https://mozilla.org', target='_blank') mozilla.org]