Bump font size, add middleware example code

Author: CHH

source/css/style.css

@@ -1,3 +1,20 @@
+body {
+    font-size: 18px;
+}
+
+p {
+    line-height: 1.4;
+    margin: 0 0 1em;
+}
+
+code {
+    font-size: 17px;
+}
+
+li {
+    margin: 0 0 5px;
+}
+
 .jumbotron {
     text-align: center;
     margin: 2em 0;

source/index.html

@@ -75,6 +75,29 @@ <h2>Conventions</h2>
         <li>Take the decorated app as the first constructor argument</li>
         <li>Decorate the handle call, delegate to the decorated app</li>
     </ul>
+
+    <p>A simple middleware could look like this:</p>
+    <pre><code class="php">use Symfony\Component\HttpFoundation\Request;
+use Symfony\Component\HttpKernel\HttpKernelInterface;
+
+class MyMiddleware implements HttpKernelInterface
+{
+    protected $app;
+
+    public function __construct(HttpKernelInterface $app)
+    {
+        $this-&gt;app = $app;
+    }
+
+    public function handle(Request $request, $type = HttpKernelInterface::MASTER_REQUEST, $catch = true)
+    {
+        $response = $this-&gt;app-&gt;handle($request, $type, $catch);
+        $response-&gt;setContent($response-&gt;getContent() . "YOLO!");
+
+        return $response;
+    }
+}</code></pre>
+
     <p>
         Yes, leveraging the HTTP abstraction is that easy!
     </p>