add the link from homepage and add titles

index.css

@@ -126,3 +126,15 @@ li {
     flex-direction: row;
   }
 }
+
+a {
+  color: var(--color);
+  text-decoration: none;
+}
+
+a:visited,
+a:focus,
+a:focus-visible {
+  color: var(--color);
+  text-decoration: none;
+}

index.html

@@ -42,7 +42,9 @@
           <ul>
             <li class="takt focusable">Takt</li>
             <li class="one-piece-flow focusable">One piece flow</li>
-            <li class="pull-system focusable">Pull system</li>
+            <li class="pull-system focusable">
+              <a href="/feature-flow.html">Pull system</a>
+            </li>
           </ul>
         </section>
         <section class="people-improvement">

src/modules/FlowArticle.vue

@@ -11,6 +11,8 @@ import SimulationDashboard from '@/modules/simulation/SimulationDashboard.vue'
 
 <template>
   <div class="flow-article">
+    <h1>Pull system</h1>
+    <h2>Ekiden (駅伝): long-distance running relay race</h2>
     <FlowIntro class="text" />
     <SeparatorIcon />
     <FlowHypothesis class="text" />

src/modules/article/FlowSetup.vue

@@ -31,6 +31,10 @@ import FlowControls from '@/modules/feature/FlowControls.vue'
       In this article we'll focus on how these strategies are efficient and what
       are the impact on the quality the teams produce.
     </p>
+    <h3>The push system: start features as many as possible</h3>
+    <h3>The pull system: make features only when the next team needs it</h3>
+    <h3>Problem solving: no production, just reflection</h3>
+
     <FlowControls />
   </div>
 </template>