Take the Django 'It Worked' page as a starting point for a Wagtail intro page.

wagtail/project_template/home/templates/home/home_page.html

@@ -3,9 +3,10 @@
 {% templatetag openblock %} block body_class {% templatetag closeblock %}template-homepage{% templatetag openblock %} endblock {% templatetag closeblock %}
 
 {% templatetag openblock %} block content {% templatetag closeblock %}
-    <h1>Welcome to your new Wagtail site!</h1>
 
-    <p>You can access the admin interface <a href="{% templatetag openblock %} url 'wagtailadmin_home' {% templatetag closeblock %}">here</a> (make sure you have run "./manage.py createsuperuser" in the console first).</p>
+{% templatetag openblock %} comment {% templatetag closeblock %}
+Delete the "include" line below if you're just getting started and want to remove the welcome screen!
+{% templatetag openblock %} endcomment {% templatetag closeblock %}
+{% templatetag openblock %} include 'home/welcome_page.html' {% templatetag closeblock %}
 
-    <p>If you haven't already given the documentation a read, head over to <a href="http://docs.wagtail.io/">http://docs.wagtail.io</a> to start building on Wagtail</p>
-{% templatetag openblock %} endblock {% templatetag closeblock %}
+{% templatetag openblock %} endblock content {% templatetag closeblock %}

wagtail/project_template/home/templates/home/welcome_page.html

@@ -0,0 +1,377 @@
+{% templatetag openblock %} load i18n {% templatetag closeblock %}
+<link rel="stylesheet" type="text/css" href="/static/admin/css/fonts.css">
+<style type="text/css">
+  body, main {
+    margin: 0 auto;
+  }
+  .body, .tip {
+    stroke: #fff;
+  }
+  html {
+    line-height: 1.15;
+    box-sizing: border-box;
+  }
+  footer, header, main {
+    display: block;
+  }
+  a {
+    background-color: transparent;
+    -webkit-text-decoration-skip: objects;
+    color: #246060;
+    text-decoration: none;
+  }
+  a:hover {
+    text-decoration: underline;
+  }
+  img {
+    border-style: none;
+  }
+  header {
+    border-bottom: 1px solid #efefef;
+  }
+  svg:not(:root) {
+    overflow: hidden;
+  }
+  body {
+    max-width: 960px;
+    color: #000000;
+    font-family: Open Sans, Arial, sans-serif;
+  }
+  main {
+    text-align: center;
+  }
+  h1, h2, h3, h4, h5, p, ul {
+    padding: 0;
+    margin: 0;
+    font-weight: 400;
+  }
+  header {
+    padding-top: 20px;
+    padding-bottom: 10px;
+  }
+  .row {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  .logo {
+    width: 200px;
+  }
+  .release-notes {
+    font-size: 14px;
+  }
+  .figure {
+    margin-top: 19vh;
+    height: 173px;
+  }
+  .figure-space {
+    max-width: 265px;
+    position: relative;
+    z-index: -9;
+  }
+  .figure-logo {
+    max-width: 150px;
+    position: relative;
+    z-index: -9;
+  }
+  .body {
+    fill: #6DDCBD;
+    -webkit-transform: scaleX(1.25);
+    transform: scaleX(1.25);
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    stroke-width: 3px;
+  }
+  .box {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+  }
+  .circle {
+    fill: #6DDCBD;
+    stroke: #fff;
+    stroke-width: 7px;
+  }
+  h2 {
+    font-size: 22px;
+    max-width: 500px;
+    margin: 5px auto 0;
+  }
+  main p {
+    font-size: 16px;
+    line-height: 20px;
+    max-width: 390px;
+    margin: 15px auto 0;
+    color: #000000;
+  }
+  footer {
+    padding: 25px 0;
+    position: fixed;
+    left: 50%;
+    bottom: 0;
+    width: 960px;
+    -webkit-transform: translateX(-50%);
+    transform: translateX(-50%);
+    -webkit-transform-style: preserve-3d;
+    transform-style: preserve-3d;
+    border-top: 1px solid #efefef;
+  }
+  .option {
+    float: left;
+    width: 33.33%;
+    box-sizing: border-box;
+    padding-right: 5px;
+  }
+  .option svg {
+    width: 25px;
+    height: 25px;
+    fill: gray;
+    border: 1px solid #d6d6d6;
+    padding: 5px;
+    border-radius: 100%;
+    float: left;
+    margin-right: 10px;
+  }
+  .option div {
+    display: table;
+  }
+  .option h4 {
+    color: #246060;
+    font-size: 19px;
+  }
+  .option h4:hover {
+    text-decoration: underline;
+  }
+  .option p {
+    font-weight: 300;
+    font-size: 15px;
+    padding-top: 3px;
+    color: #000000;
+  }
+  @media (max-width: 996px) {
+    body, footer {
+      max-width: 780px;
+    }
+  }
+  @media (max-width: 800px) {
+    footer, main {
+      position: relative;
+    }
+    footer {
+      height: 100%;
+    }
+    .option {
+      position: relative;
+      width: 100%;
+      left: auto;
+      right: auto;
+      top: auto;
+      padding: 0 25px;
+      margin-bottom: 60px;
+    }
+    .two {
+      margin-left: 0px;
+      -webkit-transform: none;
+      transform: none;
+    }
+    .option {
+      float: none;
+    }
+    .figure {
+      margin-top: 10px;
+    }
+    main {
+      padding: 0 25px;
+    }
+    main h2 {
+      font-size: 18px;
+    }
+    main p {
+      font-size: 14px;
+    }
+    header {
+      padding-left: 20px;
+      padding-right: 20px;
+    }
+    footer {
+      overflow: hidden;
+      width: 100%;
+      margin-top: 50px;
+    }
+  }
+  @media (min-width: 801px) and (max-height: 730px) {
+    .figure {
+      margin-top: 80px;
+    }
+  }
+  @media (min-width: 801px) and (max-height: 600px) {
+    footer {
+      position: relative;
+      margin: 135px auto 0;
+    }
+    .figure {
+      margin-top: 50px;
+    }
+  }
+</style>
+<header>
+  <div class="row">
+    <div class="column">
+      <div class="logo">
+        <a href="https://wagtail.io/" target="_blank" rel="nofollower noopener">
+          <svg class="figure-logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 342.5 126.2">
+            <title>Visit the Wagtail website</title>
+            <g>
+              <g>
+                <g>
+                  <g>
+                    <path fill="#FFFFFF" d="M84,1.9l0,5.7c0,0-10.2-3.8-16.8,3.1c-4.8,5-5.2,10.6-3,18.1c21.6,0,25,12.1,25,12.1L87,27l6.8-8.3l0,0
+                      C93.8,8.9,85.7,2.4,84,1.9z"/>
+                  </g>
+                  <g>
+                    <path fill="#FFFFFF" d="M87.6,43.6"/>
+                  </g>
+                  <g>
+                    <circle cx="85.9" cy="15.9" r="2.6"/>
+                  </g>
+                  <g>
+                    <g>
+                      <path d="M89.2,40.9c0,0-3.3-16.6-24.9-12.1c-2.2-7.5-1.8-13,3-18.1C73.8,3.8,84,7.6,84,7.6l0-5.7C80.4,0.3,77,0,73.2,0
+                        C59.3,0,51.6,10.4,48.3,17.4L9.2,89.3l11-2.1L0,126.2l14.1-2.5L24.9,93C55.5,93,94.7,82,89.2,40.9z"/>
+                    </g>
+                  </g>
+                  <g>
+                    <polygon points="102.4,27 93.8,18.7 87,27"/>
+                  </g>
+                  <g>
+                    <path fill="#FFFFFF" d="M30,84.1c0,0,1-0.2,2.8-0.6c1.8-0.4,4.3-1,7.3-1.8c1.5-0.4,3.1-0.9,4.8-1.5c1.7-0.6,3.5-1.2,5.2-2
+                      c1.8-0.7,3.6-1.6,5.4-2.6c1.8-1,3.5-2.1,5.1-3.4c0.4-0.3,0.8-0.6,1.2-1l1.2-1c0.7-0.7,1.5-1.4,2.2-2.2c0.7-0.7,1.3-1.5,1.9-2.3
+                      c0.3-0.4,0.6-0.8,0.9-1.2l0.4-0.6l0.4-0.6c0.2-0.4,0.5-0.8,0.7-1.2c0.2-0.4,0.4-0.8,0.7-1.2c0.1-0.2,0.2-0.4,0.3-0.6
+                      c0.1-0.2,0.2-0.4,0.3-0.6c0.2-0.4,0.4-0.8,0.5-1.2c0.3-0.8,0.6-1.6,0.9-2.4c0.2-0.8,0.5-1.6,0.7-2.3c0.2-0.7,0.3-1.5,0.5-2.1
+                      c0.1-0.7,0.2-1.3,0.3-2c0.1-0.6,0.2-1.2,0.2-1.7c0.1-0.5,0.1-1,0.2-1.5c0.1-1.8,0.1-2.8,0.1-2.8l1.6,0.1c0,0-0.1,1.1-0.2,2.9
+                      c-0.1,0.5-0.1,1-0.2,1.5c-0.1,0.6-0.1,1.2-0.3,1.8c-0.1,0.6-0.3,1.3-0.4,2c-0.2,0.7-0.4,1.4-0.6,2.2c-0.2,0.8-0.5,1.5-0.8,2.4
+                      c-0.3,0.8-0.6,1.6-1,2.5c-0.2,0.4-0.4,0.8-0.6,1.2c-0.1,0.2-0.2,0.4-0.3,0.6c-0.1,0.2-0.2,0.4-0.3,0.6c-0.2,0.4-0.5,0.8-0.7,1.3
+                      c-0.3,0.4-0.5,0.8-0.8,1.2c-0.1,0.2-0.3,0.4-0.4,0.6l-0.4,0.6c-0.3,0.4-0.6,0.8-0.9,1.2c-0.7,0.8-1.3,1.6-2.1,2.3
+                      c-0.7,0.8-1.5,1.4-2.3,2.2l-1.2,1c-0.4,0.3-0.8,0.6-1.3,0.9c-1.7,1.2-3.5,2.3-5.3,3.3c-1.8,0.9-3.7,1.8-5.5,2.5
+                      c-1.8,0.7-3.6,1.3-5.3,1.8c-1.7,0.5-3.3,1-4.9,1.3c-3,0.7-5.6,1.3-7.4,1.6C31,83.9,30,84.1,30,84.1z"/>
+                  </g>
+                </g>
+              </g>
+              <g>
+                <path fill="#231F20" d="M127,83.9h-8.8l-12.6-36.4h7.9l9,27.5l9-27.5h7.9l9,27.5l9-27.5h7.9L153,83.9h-8.8L135.6,59L127,83.9z"/>
+                <path fill="#231F20" d="M200.1,83.9h-7V79c-3,3.6-7,5.4-12.1,5.4c-3.8,0-6.9-1.1-9.4-3.2c-2.5-2.1-3.7-5-3.7-8.6
+                  c0-3.6,1.3-6.3,4-8c2.6-1.8,6.2-2.7,10.7-2.7h9.9v-1.4c0-4.8-2.7-7.3-8.1-7.3c-3.4,0-6.9,1.2-10.5,3.7l-3.4-4.8
+                  c4.4-3.5,9.4-5.3,15.1-5.3c4.3,0,7.8,1.1,10.5,3.2c2.7,2.2,4.1,5.6,4.1,10.2V83.9z M192.4,70.3v-3.1h-8.6c-5.5,0-8.3,1.7-8.3,5.2
+                  c0,1.8,0.7,3.1,2.1,4.1c1.4,0.9,3.3,1.4,5.7,1.4c2.4,0,4.6-0.7,6.4-2.1C191.5,74.5,192.4,72.7,192.4,70.3z"/>
+                <path fill="#231F20" d="M241.7,47.5v31.7c0,6.4-1.7,11.3-5.2,14.5c-3.5,3.2-8,4.8-13.4,4.8c-5.5,0-10.4-1.7-14.8-5.1l3.6-5.8
+                  c3.6,2.7,7.1,4,10.8,4c3.6,0,6.5-0.9,8.6-2.8c2.1-1.9,3.2-4.9,3.2-9v-4.7c-1.1,2.1-2.8,3.9-4.9,5.1c-2.1,1.3-4.5,1.9-7.1,1.9
+                  c-4.8,0-8.8-1.7-11.9-5.1c-3.1-3.4-4.7-7.6-4.7-12.6c0-5,1.6-9.2,4.7-12.6c3.1-3.4,7.1-5.1,11.9-5.1c4.8,0,8.7,2,11.7,6v-5.4
+                  H241.7z M213.3,64.3c0,3,0.9,5.6,2.8,7.7c1.8,2.2,4.3,3.2,7.5,3.2c3.1,0,5.7-1,7.6-3.1c1.9-2.1,2.9-4.7,2.9-7.8
+                  c0-3.1-1-5.8-2.9-7.9c-2-2.2-4.5-3.2-7.6-3.2c-3.1,0-5.6,1.1-7.4,3.4C214.2,58.7,213.3,61.3,213.3,64.3z"/>
+                <path fill="#231F20" d="M260.9,53.6v18.5c0,1.7,0.5,3.1,1.4,4.1c0.9,1,2.2,1.5,3.8,1.5c1.6,0,3.2-0.8,4.7-2.4l3.1,5.4
+                  c-2.7,2.4-5.7,3.6-8.9,3.6c-3.3,0-6-1.1-8.3-3.4c-2.3-2.3-3.5-5.3-3.5-9.1V53.6h-4.6v-6.2h4.6V36.1h7.7v11.4h9.6v6.2H260.9z"/>
+                <path fill="#231F20" d="M309.5,83.9h-7V79c-3,3.6-7,5.4-12.1,5.4c-3.8,0-6.9-1.1-9.4-3.2c-2.5-2.1-3.7-5-3.7-8.6
+                  c0-3.6,1.3-6.3,4-8c2.6-1.8,6.2-2.7,10.7-2.7h9.9v-1.4c0-4.8-2.7-7.3-8.1-7.3c-3.4,0-6.9,1.2-10.5,3.7l-3.4-4.8
+                  c4.4-3.5,9.4-5.3,15.1-5.3c4.3,0,7.8,1.1,10.5,3.2c2.7,2.2,4.1,5.6,4.1,10.2V83.9z M301.8,70.3v-3.1h-8.6c-5.5,0-8.3,1.7-8.3,5.2
+                  c0,1.8,0.7,3.1,2.1,4.1c1.4,0.9,3.3,1.4,5.7,1.4c2.4,0,4.6-0.7,6.4-2.1C300.9,74.5,301.8,72.7,301.8,70.3z"/>
+                <path fill="#231F20" d="M319.3,40.2c-1-1-1.4-2.1-1.4-3.4c0-1.3,0.5-2.5,1.4-3.4c1-1,2.1-1.4,3.4-1.4c1.3,0,2.5,0.5,3.4,1.4
+                  c1,1,1.4,2.1,1.4,3.4c0,1.3-0.5,2.5-1.4,3.4s-2.1,1.4-3.4,1.4C321.4,41.7,320.3,41.2,319.3,40.2z M326.5,83.9h-7.7V47.5h7.7V83.9z
+                  "/>
+                <path fill="#231F20" d="M342.5,83.9h-7.7V33.1h7.7V83.9z"/>
+              </g>
+            </g>
+          </svg>
+        </a>
+      </div>
+    </div>
+    <div class="column">
+      {% templatetag openblock %} blocktrans {% templatetag closeblock %}View the <a href="https://docs.wagtail.io/en/latest/releases/" target="_blank" rel="nofollower noopener">release notes </a>{% templatetag openblock %} endblocktrans {% templatetag closeblock %}
+    </div>
+  </div>
+</header>
+<div role="main">
+  <div class="figure">
+    <svg class="figure-space" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 190 132" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true">
+      <defs>
+        <path id="a" d="M89.58 26.597C81.876 11.063 65.8.375 47.213.375S12.552 11.063 4.85 26.597C1.746 32.857 0 39.902 0 47.354c0 6.875 1.484 13.404 4.15 19.288 12.926 1.555 27.562 2.432 43.064 2.432 15.503 0 30.138-.877 43.064-2.432 2.667-5.884 4.152-12.413 4.152-19.288 0-7.452-1.747-14.497-4.85-20.757"/>
+      </defs>
+      <g fill="none" fill-rule="evenodd">
+        <g>
+          <g>
+            <path fill="#DFDFDF" d="M49.467 127.165h4.465V86.51h-4.465"/>
+            <path fill="#DFDFDF" d="M55.836 127.153c0 2.677-2.18 4.847-4.87 4.847s-4.87-2.17-4.87-4.847c0-2.676 2.18-4.846 4.87-4.846s4.87 2.17 4.87 4.846M134.91 127.165h4.466V86.51h-4.465"/>
+            <path fill="#DFDFDF" d="M142.404 127.153c0 2.677-2.18 4.847-4.87 4.847s-4.87-2.17-4.87-4.847c0-2.676 2.18-4.846 4.87-4.846s4.87 2.17 4.87 4.846"/>
+            <path fill="#D23C2B" d="M94.975 86.13L0 70.85s2.768 30.56 94.975 30.56c92.208 0 94.976-30.56 94.976-30.56L94.976 86.13"/>
+            <path fill="#DE4D33" d="M189.95 69.77c0 12.38-42.52 22.415-94.975 22.415C42.523 92.185 0 82.15 0 69.77 0 57.394 42.523 47.36 94.975 47.36c52.454 0 94.974 10.035 94.974 22.413"/>
+            <path fill="#DE4D33" d="M189.95 69.77c0 12.38-42.52 22.415-94.975 22.415C42.523 92.185 0 82.15 0 69.77 0 57.394 42.523 47.36 94.975 47.36c52.454 0 94.974 10.035 94.974 22.413"/>
+            <g transform="translate(48.343)">
+              <mask id="b" fill="#fff">
+                <use xlink:href="#a"/>
+              </mask>
+              <use fill="#9FD6E4" xlink:href="#a"/>
+              <g mask="url(#b)">
+                <g transform="translate(-25.858 10.068)">
+                  <path fill="#8DBEC9" d="M66.328 58.76h.987c6.65-.016 13.134-.195 19.39-.518-.003-.033-1.522-14.294-11.057-29.093-2.158 2.536-5.382 4.146-8.983 4.146-6.5 0-11.77-5.243-11.77-11.712 0-3.97 1.986-7.476 5.022-9.593-6.19-4.746-13.78-8.84-23.1-11.615C33 3.422 29.67 7.045 26.96 11.115c-1.033 1.55-1.98 3.16-2.826 4.828l-.015.03c-.01.017-.017.033-.025.05l-.036.07-.006.01-.09.18c-3.104 6.26-4.852 13.306-4.852 20.76 0 .757.02 1.51.054 2.26.288 6.045 1.725 11.79 4.098 17.026 12.926 1.554 27.562 2.43 43.064 2.43" opacity=".293"/>
+                  <path fill="#FFF" fill-rule="nonzero" d="M85.573 11.186v5.07s-10.397-3.38-17.124 2.755c-4.894 4.447-5.302 9.427-3.06 16.095 22.018 0 25.483 10.76 25.483 10.76l-2.242-12.36 6.932-7.38c0-8.714-8.256-14.494-9.99-14.94z" opacity=".821"/>
+                  <ellipse cx="86.568" cy="23.492" fill="#000" fill-rule="nonzero" opacity=".821" rx="2.249" ry="2.237"/>
+                  <path fill="#000" fill-rule="nonzero" d="M90.537 45.566s-3.35-14.862-25.274-10.833c-2.232-6.715-1.826-11.64 3.045-16.204 6.598-6.18 16.95-2.777 16.95-2.777V10.65c-3.653-1.432-7.104-1.7-10.96-1.7-14.11 0-21.925 9.31-25.274 15.577L9.338 88.897l11.165-1.88L0 121.932l14.31-2.238L25.274 92.21c31.06 0 70.846-9.85 65.264-46.644zM104.556 33.56l-8.79-7.83-6.95 7.83" opacity=".821"/>
+                  <path fill="#FFF" fill-rule="nonzero" d="M30.355 83.898s1.006-.177 2.818-.53c1.812-.356 4.328-.887 7.347-1.596 1.51-.355 3.12-.798 4.83-1.33 1.712-.53 3.523-1.063 5.234-1.77 1.812-.622 3.624-1.42 5.435-2.305 1.81-.886 3.522-1.86 5.132-3.013.402-.266.805-.53 1.208-.886l1.207-.886c.705-.62 1.51-1.24 2.215-1.95.704-.62 1.308-1.328 1.912-2.037l.906-1.063.402-.532.403-.532c.2-.354.503-.708.704-1.063.2-.354.402-.71.704-1.063.1-.177.2-.355.302-.532.1-.177.2-.354.302-.53.2-.356.402-.71.503-1.065l.907-2.126c.2-.71.503-1.42.704-2.04.202-.62.303-1.328.504-1.86.1-.62.202-1.152.302-1.772.1-.532.2-1.063.2-1.506.102-.443.102-.886.203-1.33.1-1.594.1-2.48.1-2.48l1.61.088s-.1.975-.202 2.57c-.1.443-.1.886-.2 1.33-.102.53-.102 1.062-.303 1.594-.1.53-.302 1.152-.402 1.772-.202.62-.403 1.24-.604 1.95-.203.708-.504 1.328-.806 2.126-.302.71-.604 1.417-1.007 2.215-.2.354-.402.71-.604 1.063-.1.177-.2.355-.302.532l-.3.53c-.202.356-.504.71-.705 1.153-.302.355-.503.71-.805 1.064-.1.176-.302.353-.403.53l-.402.532-.906 1.063c-.706.71-1.31 1.418-2.115 2.038-.704.71-1.51 1.24-2.314 1.95l-1.207.885c-.403.266-.805.532-1.31.798-1.71 1.063-3.52 2.038-5.333 2.924-1.81.797-3.723 1.595-5.535 2.215-1.812.62-3.623 1.152-5.334 1.595-1.71.443-3.32.886-4.93 1.152-3.02.62-5.637 1.152-7.448 1.417-1.61.53-2.617.708-2.617.708z" opacity=".821"/>
+                </g>
+              </g>
+            </g>
+            <path fill="#9FD6E4" d="M75.325 68.613h.002-.002"/>
+            <path fill="#C7462F" d="M95.425 69.054h-.174.175c15.502 0 30.138-.877 43.064-2.432 2.372-5.235 3.81-10.982 4.097-17.027-.288 6.045-1.725 11.792-4.098 17.027-12.927 1.555-27.563 2.432-43.065 2.432m-.23 0h-.114.114m-.198 0h-.085.086m-.18 0h-.07.07m-.192 0h-.034.034m-.178 0h-.008.008"/>
+            <path fill="#1D2533" d="M137.33 26.445l-.09-.18.09.18m-.095-.19l-.036-.072c.01.023.024.047.035.072m-.06-.12l-.015-.03.016.03"/>
+            <path fill="#FFFFFE" d="M31.976 65.48c0 1.978-3.635 3.58-8.118 3.58-4.484 0-8.118-1.602-8.118-3.58 0-1.977 3.634-3.58 8.118-3.58 4.483 0 8.118 1.603 8.118 3.58M170.26 65.48c0 1.978-3.634 3.58-8.118 3.58s-8.118-1.602-8.118-3.58c0-1.977 3.634-3.58 8.118-3.58s8.118 1.603 8.118 3.58M58.957 76.666c0 1.977-3.634 3.58-8.117 3.58-4.483 0-8.118-1.603-8.118-3.58 0-1.976 3.635-3.58 8.118-3.58 4.483 0 8.117 1.604 8.117 3.58M145.525 76.666c0 1.977-3.634 3.58-8.117 3.58-4.484 0-8.118-1.603-8.118-3.58 0-1.976 3.634-3.58 8.118-3.58 4.483 0 8.117 1.604 8.117 3.58M103.93 80.022c0 1.977-3.636 3.58-8.12 3.58-4.483 0-8.118-1.603-8.118-3.58 0-1.976 3.635-3.58 8.12-3.58 4.482 0 8.117 1.604 8.117 3.58"/>
+          </g>
+        </g>
+      </g>
+    </svg>
+  </div>
+  <br>
+  <h2>{% templatetag openblock %} trans "Welcome to your new Wagtail site!" {% templatetag closeblock %}</h2>
+  <p>{% templatetag openblock %} trans 'Please feel free to <a href="https://github.com/wagtail/wagtail/wiki/Slack" target="_blank">join our community on Slack</a>, or get started with one of the links below.' {% templatetag closeblock %}</p>
+</div>
+<footer class="u-clearfix">
+  <a href="https://docs.wagtail.io/" target="_blank" rel="nofollower noopener">
+    <div class="option one">
+      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+        <defs>
+          <path d="M0 0h24v24H0V0z" id="a"></path>
+        </defs>
+        <clipPath id="b">
+          <use overflow="visible" xlink:href="#a"></use>
+        </clipPath>
+        <path clip-path="url(#b)" d="M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7zm2.85 11.1l-.85.6V16h-4v-2.3l-.85-.6C7.8 12.16 7 10.63 7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 1.63-.8 3.16-2.15 4.1z"></path>
+      </svg>
+      <div>
+        <h4>{% templatetag openblock %} trans "Wagtail Documentation" {% templatetag closeblock %}</h4>
+        <p>{% templatetag openblock %} trans "Topics, references, &amp; how-to's" {% templatetag closeblock %}</p>
+      </div>
+    </div>
+  </a>
+  <a href="https://docs.wagtail.io/en/latest/getting_started/tutorial.html" target="_blank" rel="nofollower noopener">
+    <div class="option two">
+      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+        <path d="M0 0h24v24H0V0z" fill="none"></path>
+        <path d="M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"></path>
+      </svg>
+      <div>
+        <h4>{% templatetag openblock %} trans "Tutorial" {% templatetag closeblock %}</h4>
+        <p>{% templatetag openblock %} trans "Build your first Wagtail site" {% templatetag closeblock %}</p>
+      </div>
+    </div>
+  </a>
+  <a href="{% templatetag openblock %} url 'wagtailadmin_home' {% templatetag closeblock %}" target="_blank" rel="nofollower noopener">
+    <div class="option three">
+      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+        <path d="M0 0h24v24H0z" fill="none"></path>
+        <path d="M16.5 13c-1.2 0-3.07.34-4.5 1-1.43-.67-3.3-1-4.5-1C5.33 13 1 14.08 1 16.25V19h22v-2.75c0-2.17-4.33-3.25-6.5-3.25zm-4 4.5h-10v-1.25c0-.54 2.56-1.75 5-1.75s5 1.21 5 1.75v1.25zm9 0H14v-1.25c0-.46-.2-.86-.52-1.22.88-.3 1.96-.53 3.02-.53 2.44 0 5 1.21 5 1.75v1.25zM7.5 12c1.93 0 3.5-1.57 3.5-3.5S9.43 5 7.5 5 4 6.57 4 8.5 5.57 12 7.5 12zm0-5.5c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm9 5.5c1.93 0 3.5-1.57 3.5-3.5S18.43 5 16.5 5 13 6.57 13 8.5s1.57 3.5 3.5 3.5zm0-5.5c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2z"></path>
+      </svg>
+      <div>
+        <h4>{% templatetag openblock %} trans "Admin Interface" {% templatetag closeblock %}</h4>
+        <p>{% templatetag openblock %} trans "Create your superuser first!" {% templatetag closeblock %}</p>
+      </div>
+    </div>
+  </a>
+</footer>

wagtail/project_template/project_name/templates/base.html

@@ -1,7 +1,7 @@
 {% templatetag openblock %} load static wagtailuserbar {% templatetag closeblock %}
 
 <!DOCTYPE html>
-<html class="no-js">
+<html class="no-js" lang="en">
     <head>
         <meta charset="utf-8" />
         <title>