.container.text-left
  .row.u-margin-top-lg
    .col-md-6
      = image_tag "/images/events/gitlab-commit/intro.jpg"
    .col-md-6.u-margin-bottom-xs
      %h1 Commit to better DevOps
      %p 
        Commit is one immersive day of practical DevOps strategies shared by developers, ops pros, engineers, managers and leaders. You’ll hear about problems solved, cultures changed, and release times halved. 
        %strong
          But equally important you’ll find a community of people just as passionate as you are about DevOps.

        %form#mktoForm_2425.u-margin-top-xs
        %script{src: "//page.gitlab.com/js/forms2/js/forms2.min.js"}
        :javascript
          MktoForms2.loadForm("//page.gitlab.com", "194-VVC-221", 2425, function(form) 
          {

            var mktoFormLabels = document.getElementsByTagName('LABEL');
            for ( var count = 0; count < mktoFormLabels.length; count++ ) 
            {
              if (mktoFormLabels[count].htmlFor != '') 
              {
                var labelValue = mktoFormLabels[count].htmlFor.toLowerCase();
                mktoFormLabels[count].closest('.mktoFormRow').classList.add(labelValue);
              };
            };

            document.querySelector('#Email').placeholder='Enter your email address to stay informed';

            form.onSuccess(function(values, followUpUrl) 
            {
              form.getFormElem().hide();
              document.getElementById('confirmformnewlsetter').style.visibility = 'visible';
              dataLayer.push({event: 'mktoLead', mktoFormId: form.getId()});
              return false;
            });

          });

        :css

          .mktoForm {
            margin: 0 auto;
            max-width: 560px;
            position: relative;
            width: 100%;
          }

          .mktoForm .email .mktoField {
            width: calc(100% - 87px);
          }

          .mktoButtonRow .mktoButtonWrap button {
            background-color: #e65328;
            font-size: 0;
            line-height: inherit;
            min-width: inherit;
            padding: 9px 18px;
            position: absolute;
            right: 0;
            top: 0;
          }

          .mktoButtonRow .mktoButtonWrap button:active,
          .mktoButtonRow .mktoButtonWrap button:focus,
          .mktoButtonRow .mktoButtonWrap button:hover {
            background-color: #c93d2b;
          }

          .mktoButton:after {
            content: "Join us";
            font-size: 16px;
          }

          .thanks-subscribing {
            border-top: 1px solid #cccccc;
            padding-top: 5px;
          }

        #confirmformnewlsetter{style: "visibility:hidden;"}
          %p.thanks-subscribing
            Thanks for subscribing!
            %a{href: "https://www.twitter.com/gitlab", target: "_blank"}
              Follow us on twitter
            for even more updates!