Merge pull request #198 from dotkernel/develop

Add anchors to architecture page

Author: arhimede

src/App/templates/app/index.html.twig

@@ -6,7 +6,7 @@
 {% block content %}
 
     <section class="hero">
-        <div class="wrap hero-grid">
+        <div class="wrap hero-grid" id="request-lifecycle">
             <div>
                 <span class="eyebrow">PSR-15 . middleware-first architecture</span>
                 <h1>A headless platform for building modern web applications</h1>
@@ -261,7 +261,7 @@
 
     <section>
         <div class="wrap">
-            <div class="section-head">
+            <div class="section-head" id="components-dot-packages">
                 <span class="eyebrow">Components</span>
                 <h2>Every layer, on its own</h2>
                 <p>Small, independent dot-* packages - pull in what you need. Lifecycle status for each lives on the <a href="https://www.dotkernel.com/dotkernel-packages-oss-lifecycle/" style="color:var(--teal);">Packages Lifecycle</a> page.</p>

src/Page/templates/page/architecture.html.twig

@@ -168,7 +168,7 @@
         </div>
     </section>
 
-    <section style="background:var(--surface-2);border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);">
+    <section style="background:var(--surface-2);border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);" id="middleware-flow">
         <div class="wrap">
             <div class="section-head">
                 <span class="eyebrow">Middleware flow</span>
@@ -398,7 +398,7 @@
     </section>
 
     <section>
-        <div class="wrap">
+        <div class="wrap" id="library-flow">
             <div class="section-head">
                 <span class="eyebrow">Library flow</span>
                 <h2>The packages underneath, in the same order</h2>
@@ -447,7 +447,7 @@
                     <div class="lib-node is-edge">Response</div>
                 </div>
 
-                <div class="libflow">
+                <div class="libflow" id="library-flow-email">
                     <h4>Flow for sending an email</h4>
                     <p class="libflow-sub">Identical until the domain layer, where <code>dot-mail</code> joins in.</p>