From 869031d2c83ef510b03dcf26d9efc8abe891f1a7 Mon Sep 17 00:00:00 2001
From: Magnus Madsen <magnus-madsen@users.noreply.github.com>
Date: Mon, 25 Mar 2024 09:39:55 +0100
Subject: [PATCH] feat: add Tooling Comparison Table

---
 src/page/Home.js | 71 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 71 insertions(+)

diff --git a/src/page/Home.js b/src/page/Home.js
index 144fd64..793c8d9 100644
--- a/src/page/Home.js
+++ b/src/page/Home.js
@@ -957,6 +957,77 @@ let r = query p select (c, d) from ReadyDate(c; d)
 
                 <hr className="mb-4"/>
 
+                <Row className="mb-4">
+                    <Col md={6}>
+                        <h2>Tooling Comparison Table</h2>
+
+                        <p>
+                            Many programming languages come with a lot of external tooling.
+                        </p>
+
+                        <p>
+                            Such tooling must be installed and configured correctly.
+                        </p>
+
+                        <p>
+                            In Flix, most tooling is built directly into the compiler.
+                        </p>
+                    </Col>
+
+                    <Col md={6}>
+                        <table className="table table-sm table-striped">
+                            <thead>
+                            <tr>
+                                <th scope="col">Tool</th>
+                                <th scope="col">Flix</th>
+                                <th scope="col">OCaml</th>
+                                <th scope="col">Haskell</th>
+                            </tr>
+                            </thead>
+                            <tbody>
+                            <tr>
+                                <td>Compiler</td>
+                                <td>flix</td>
+                                <td>ocaml</td>
+                                <td>ghc</td>
+                            </tr>
+                            <tr>
+                                <td>LSP</td>
+                                <td>flix</td>
+                                <td>ocaml-lsp</td>
+                                <td>HLS</td>
+                            </tr>
+                            <tr>
+                                <td>REPL</td>
+                                <td>flix</td>
+                                <td>utop</td>
+                                <td>ghci</td>
+                            </tr>
+                            <tr>
+                                <td>Build Tool</td>
+                                <td>flix</td>
+                                <td>dune</td>
+                                <td>cabal, stack</td>
+                            </tr>
+                            <tr>
+                                <td>Package Manager</td>
+                                <td>flix</td>
+                                <td>opam</td>
+                                <td>cabal</td>
+                            </tr>
+                            <tr>
+                                <td>Package Repository</td>
+                                <td>GitHub</td>
+                                <td>opam</td>
+                                <td>Hackage</td>
+                            </tr>
+                            </tbody>
+                        </table>
+                    </Col>
+                </Row>
+
+                <hr className="mb-4"/>
+
                 <Row className="mb-4">
                     <Col md={6}>
                         <h2>Actively Developed and Maintained</h2>