fix(dom): indent properly and add main element

views/layout.pug

@@ -22,7 +22,7 @@ html
     link(rel='mask-icon' href='/safari-pinned-tab.svg' color='#4a90e2')
     meta(name='theme-color' content='#ffffff')
   body
-    .main
+    main.main
       .main__header
         header.header
           .header__upper-wrapper
@@ -116,21 +116,21 @@ html
                   a(href='https://twitter.com/contentful' target='_blank' rel='noopener')
                     svg
                       use(xlink:href='/icons/icons.svg#twitter')
-  section.modal#about-this-modal
+    section.modal#about-this-modal
-    .modal__overlay.close
+      .modal__overlay.close
-    .modal__wrapper
+      .modal__wrapper
-      h1.modal__title A referenceable example for developers using Contentful
+        h1.modal__title A referenceable example for developers using Contentful
-      .modal__content
+        .modal__content
-        p This is The Example App, an application built to serve you as a reference while building your own applications using Contentful. This app is an online learning platform which teaches you how Contentful was used to build this app (so meta)!
+          p This is The Example App, an application built to serve you as a reference while building your own applications using Contentful. This app is an online learning platform which teaches you how Contentful was used to build this app (so meta)!
-        p
+          p
-        | If you prefer to start by getting your hands dirty with code, check out this app on 
+          | If you prefer to start by getting your hands dirty with code, check out this app on 
-        a(href='https://images.contentful.com/82t39nctsu20/1JOkYZnY8YG0w88ImweME2/c8aef71dfe1ea633e16e17d99379416c/Github-repo_2x__1_.png' target='_blank' rel='noopener') Github
+          a(href='https://images.contentful.com/82t39nctsu20/1JOkYZnY8YG0w88ImweME2/c8aef71dfe1ea633e16e17d99379416c/Github-repo_2x__1_.png' target='_blank' rel='noopener') Github
-        | .
+          | .
-      .modal__cta-wrapper
+        .modal__cta-wrapper
-        a(href='#').modal__cta.close Ok, got it.
+          a(href='#').modal__cta.close Ok, got it.
-      .modal__close-wrapper
+        .modal__close-wrapper
-        a(href='#').modal__close-button.close
+          a(href='#').modal__close-button.close
-          svg
+            svg
-            use(xlink:href='/icons/icons.svg#cross')
+              use(xlink:href='/icons/icons.svg#cross')
 
-  script(src='/scripts/index.js')
+    script(src='/scripts/index.js')