Added new home section

www/css/application.css

@@ -139,6 +139,10 @@ main section .title {
     width: calc(100% - 2em);
     padding: .5em 1em;
   }
+
+  main section:nth-child(even) {
+    flex-direction: column-reverse;
+  }
 }
 
 @media screen and (min-width: 800px) {
@@ -153,6 +157,22 @@ main section img {
   width: 100%;
 }
 
+/* ********** */
+/* Code block */
+/* ********** */
+.code {
+  width: 90%;
+  background: #123;
+  color: #eee;
+  font-size: .9em;
+  font-family: 'Fira Code', monospace;
+  padding: 1em;
+  border-radius: .5em;
+}
+
+.code .string {
+  color: #e47;
+}
 /* *********** */
 /* Mobile menu */
 /* *********** */

www/fonts/fira-code.css

@@ -0,0 +1,8 @@
+@font-face {
+  font-family: 'Fira Code';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url(./fira-code.ttf) format('truetype');
+}
+

www/index.html

@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
     <link rel="stylesheet" href="fonts/poppins.css">
     <link rel="stylesheet" href="fonts/fira-sans.css">
+    <link rel="stylesheet" href="fonts/fira-code.css">
     <link rel="stylesheet" href="css/application.css">
     <title>Platypush</title>
 
@@ -88,6 +89,35 @@
             </div>
         </section>
 
+        <section>
+            <div class="left">
+                <div class="title">
+                    Easy to install, easy to extend.
+                </div>
+
+                <p>
+                    Platypush comes with an intentionally thin core that dispatches messages and events over Redis, and
+                    its power comes from the high number of integrations it provides. It's up to the user to decide the
+                    pick the use case and use the appropriate extensions.
+                </p>
+
+                <p>
+                    Extensions may come with optional sets of additional dependencies, and they can be easily installed
+                    through <tt>pip</tt> - see the <a
+                        href="https://git.platypush.tech/platypush/platypush/-/blob/master/setup.py#L169"
+                        target="_blank"><tt>setup.py</tt></a> for a full list of supported extras. The <a
+                        href="https://docs.platypush.tech" target="_blank">documentation</a> also provided the required
+                    dependencies for each integration.
+                </p>
+            </div>
+
+            <div class="right">
+                <div class="code">
+                    pip install <span class="string">'platypush[http,mqtt]'</span>
+                </div>
+            </div>
+        </section>
+
         <div id="mobile-menu">
             <div class="item">
                 <a href="https://git.platypush.tech/platypush" target="_blank">Git</a>