Tweak markup to be a bit more semantic

website/assets/css/website.css

@@ -65,8 +65,9 @@ body > div.container {
   margin-bottom: 1.5rem;
 }
 
-article.marketing {
-  & p.summary {
+#marketing {
+  & h2 {
+    font-size: 1rem;
     font-weight: bold;
     text-transform: uppercase;
   }
@@ -80,7 +81,7 @@ article.marketing {
   }
 }
 
-article.register {
+#register {
   color: var(--text-light);
   background-image: var(--gradient-dark);
   border-radius: 0.5rem;

website/templates/website/home.html.twig

@@ -48,11 +48,11 @@
 
   <div class="container">
     <div class="row">
-      <article class="marketing col-lg-7">
-        <p class="summary">
+      <article id="marketing" class="col-lg-7">
+        <h2>
           Hunt, or farm. Fight, or heal. Build, or conquer.
           Join fellow players in a free, persistent browser-based world.
-        </p>
+        </h2>
         <p>
           Humanity has wandered the world of Shintolin for millenia, hunting and gathering to survive.
           But some grow tired of the nomadic life, and are beginning to settle down.
@@ -72,7 +72,7 @@
           </a>
         </p>
       </article>
-      <article class="register col-lg-5">
+      <article id="register" class="col-lg-5">
         <h2>Create Your Account</h2>
         <p><a href="#TODO-login">Already have an account? Log in here.</a></p>
         <form action="#TODO-register" method="POST">