<commit_before><template lang="pug">
.landing.text-white
  section
    .landing__hero

      div(style="height: 28vh")
      .landing__hero-content.row.justify-center.q-gutter-xl

        .row
          img.landing__logo(src="https://cdn.quasar-framework.org/logo/svg/quasar-logo.svg")

        .flex.justify-end
          .q-gutter-sm
            .text-h1
              div.text-weight-bold Quasar
              div Framework

            .text-subtitle1.text-italic.q-pl-sm High Performance Material 2.0 Full Frontend Stack
            .q-pt-md.q-pl-sm
              .landing__hero-btns.q-gutter-md.row.items-center
                q-btn(push, color="white", text-color="primary", to="/introduction-to-quasar", label="About")
                q-btn(push, color="white", text-color="primary", to="/start", label="Get started")
                .text-body2.q-ml-md v{{ $q.version }}

  section.padding.landing__front
    div
      div.q-mb-lg Quasar (pronounced /ˈkweɪ.zɑɹ/) is an MIT licensed open-source Vue.js based framework, which allows you as a web developer to quickly create responsive++ websites/apps in many flavours:
      .q-gutter-md.row
        q-btn(color="primary", push, no-caps, no-wrap, icon-right="launch", label="SPA (Single Page App)", to="/quasar-cli/developing-spa/introduction")
        q-btn(color="teal", push, no-caps, no-wrap, icon-right="launch", label="PWA (Progressive Web App)", to="/quasar-cli/developing-pwa/introduction")
        q-btn(color="accent", push, no-caps, no-wrap, icon-right="launch", label="SSR (Server-side Rendered App)", to="/quasar-cli/developing-ssr/introduction")
        q-btn(color="orange", push, no-caps, no-wrap, icon-right="launch", label="Hybrid Mobile App", to="/quasar-cli/developing-mobile-apps/introduction")
        q-btn(color="red", push, no-caps, no-wrap, icon-right="launch", label="Multi-platform Desktop App", to="/quasar-cli/developing-electron-apps/introduction")

      div.q-mt-lg Write code once and simultaneously deploy it as a website, a Mobile App and/or an Electron App. Yes, <strong>same codebase for all</strong>, helping you develop an app in record time by using a state of the art CLI and backed by well-written, very fast Quasar web components.

  section.padding.bg-white.text-grey-10.text-center
    .landing__features.row.items-start.q-col-gutter-xl
      .col-12.text-center
        .feature-item.q-mx-md
          img.doc-img(src="https://cdn.quasar-framework.org/img/responsive.png")
      .col-12.text-center
        .q-gutter-lg
          q-icon(name="fab fa-apple")
          q-icon(name="fab fa-windows")
          q-icon(name="fab fa-android")
          q-icon(name="fab fa-linux")
      .col-12.text-center
        h4 All Platforms in One Go
        p One source code for all platforms simultaneously: responsive desktop/mobile websites (SPA or SSR), PWAs (Progressive Web Apps), mobile apps (that look native) and Desktop apps (through Electron).

  section.padding.bg-primary
    .landing__features.row.justify-between.items-start.q-gutter-xl
      .col-xs-12.col-sm-5
        .feature-item
          q-icon(name="fab fa-google")
          h6 Material Design 2.0
          p Quasar is focused on following the Material 2.0 Guidelines and to stay up-to-date to them.

      .col-xs-12.col-sm-5
        .feature-item
          q-icon(name="fas fa-users")
          h6 Big community
          p We have grown into a big community. You can get help or advise others through Quasar's Discord chat server or the Quasar Forum. You're not alone, when in need of an advice.

      .col-xs-12.col-sm-5
        .feature-item
          q-icon(name="fas fa-bolt")
          h6 Top Class, Fast Web Components<commit_msg>feat(docs): fix landing page gutter<commit_after><template lang="pug">
.landing.text-white
  section
    .landing__hero

      div(style="height: 28vh")
      .landing__hero-content.row.justify-center.q-gutter-xl

        .row
          img.landing__logo(src="https://cdn.quasar-framework.org/logo/svg/quasar-logo.svg")

        .flex.justify-end
          .q-gutter-sm
            .text-h1
              div.text-weight-bold Quasar
              div Framework

            .text-subtitle1.text-italic.q-pl-sm High Performance Material 2.0 Full Frontend Stack
            .q-pt-md.q-pl-sm
              .landing__hero-btns.q-gutter-md.row.items-center
                q-btn(push, color="white", text-color="primary", to="/introduction-to-quasar", label="About")
                q-btn(push, color="white", text-color="primary", to="/start", label="Get started")
                .text-body2.q-ml-md v{{ $q.version }}

  section.padding.landing__front
    div
      div.q-mb-lg Quasar (pronounced /ˈkweɪ.zɑɹ/) is an MIT licensed open-source Vue.js based framework, which allows you as a web developer to quickly create responsive++ websites/apps in many flavours:
      .q-gutter-md.row
        q-btn(color="primary", push, no-caps, no-wrap, icon-right="launch", label="SPA (Single Page App)", to="/quasar-cli/developing-spa/introduction")
        q-btn(color="teal", push, no-caps, no-wrap, icon-right="launch", label="PWA (Progressive Web App)", to="/quasar-cli/developing-pwa/introduction")
        q-btn(color="accent", push, no-caps, no-wrap, icon-right="launch", label="SSR (Server-side Rendered App)", to="/quasar-cli/developing-ssr/introduction")
        q-btn(color="orange", push, no-caps, no-wrap, icon-right="launch", label="Hybrid Mobile App", to="/quasar-cli/developing-mobile-apps/introduction")
        q-btn(color="red", push, no-caps, no-wrap, icon-right="launch", label="Multi-platform Desktop App", to="/quasar-cli/developing-electron-apps/introduction")

      div.q-mt-lg Write code once and simultaneously deploy it as a website, a Mobile App and/or an Electron App. Yes, <strong>same codebase for all</strong>, helping you develop an app in record time by using a state of the art CLI and backed by well-written, very fast Quasar web components.

  section.padding.bg-white.text-grey-10.text-center
    .landing__features.row.items-start.q-col-gutter-xl
      .col-12.text-center
        .feature-item.q-mx-md
          img.doc-img(src="https://cdn.quasar-framework.org/img/responsive.png")
      .col-12.text-center
        .q-gutter-lg
          q-icon(name="fab fa-apple")
          q-icon(name="fab fa-windows")
          q-icon(name="fab fa-android")
          q-icon(name="fab fa-linux")
      .col-12.text-center
        h4 All Platforms in One Go
        p One source code for all platforms simultaneously: responsive desktop/mobile websites (SPA or SSR), PWAs (Progressive Web Apps), mobile apps (that look native) and Desktop apps (through Electron).

  section.padding.bg-primary
    .landing__features.row.justify-between.items-start.q-col-gutter-xl
      .col-xs-12.col-sm-5
        .feature-item
          q-icon(name="fab fa-google")
          h6 Material Design 2.0
          p Quasar is focused on following the Material 2.0 Guidelines and to stay up-to-date to them.

      .col-xs-12.col-sm-5
        .feature-item
          q-icon(name="fas fa-users")
          h6 Big community
          p We have grown into a big community. You can get help or advise others through Quasar's Discord chat server or the Quasar Forum. You're not alone, when in need of an advice.

      .col-xs-12.col-sm-5
        .feature-item
          q-icon(name="fas fa-bolt")
          h6 Top Class, Fast Web Components
{'fraction_non_alphanumeric': 0.13114754098360656, 'fraction_numerical': 0.00859983875302338, 'mean_word_length': 2.602613746369797, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 9, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7526765', 'n_tokens_mistral': 2463, 'n_tokens_neox': 2356, 'n_words': 589}