Reorganize intro section on main page

timhoffm · timhoffm · commit b58c36edcabe · 2020-01-16T23:51:39.000+01:00
diff --git a/doc/_static/mpl.css b/doc/_static/mpl.css
@@ -1218,3 +1218,38 @@ hr.box-sep {
         flex: 0 0 90%;
     }
 }
+
+/* bullet boxes on main page */
+div.bullet-box-container {
+    display: flex;
+    flex-wrap: wrap;
+    margin: 1em 0;
+}
+
+div.bullet-box {
+    flex-grow: 1;
+    width: 28%;
+    margin: 0.4em;
+    padding: 0 1em;
+    background: #eff9ff;
+}
+
+div.bullet-box p:first-of-type {
+    font-size: 1.4em;
+    text-align: center;
+}
+
+div.bullet-box ul {
+    padding-left: 1.2em;
+}
+
+div.bullet-box li {
+    padding-left: 0.3em;
+    margin-bottom: 0.3em;
+}
+
+@media only screen and (max-width: 930px){
+    div.bullet-box {
+        flex: 0 0 90%;
+    }
+}
diff --git a/doc/index.rst b/doc/index.rst
@@ -2,14 +2,11 @@
 
 .. title:: Matplotlib: Python plotting
 
-Matplotlib is a Python 2D plotting library which produces publication quality
-figures in a variety of hardcopy formats and interactive environments across
-platforms.  Matplotlib can be used in Python scripts, the Python and IPython_
-shells, the Jupyter_ notebook, web application servers, and four graphical user
-interface toolkits.
+Matplotlib: 2D visualization in Python
+--------------------------------------
 
-.. _IPython: http://ipython.org
-.. _Jupyter: http://jupyter.org
+Matplotlib supports your visualization tasks, from simple plots to complex,
+publication quality and interactive figures.
 
 .. raw:: html
 
@@ -35,19 +32,41 @@ interface toolkits.
    </div>
    <span class="clear_screenshots"></span>
 
-Matplotlib tries to make easy things easy and hard things possible.  You
-can generate plots, histograms, power spectra, bar charts, errorcharts,
-scatterplots, etc., with just a few lines of code.  For examples, see the
-:doc:`sample plots <tutorials/introductory/sample_plots>` and :doc:`thumbnail
-gallery <gallery/index>`.
+Matplotlib makes easy things easy and hard things possible.
 
-For simple plotting the :mod:`.pyplot` module provides a MATLAB-like interface,
-particularly when combined with IPython.  For the power user, you have full
-control of line styles, font properties, axes properties, etc, via an object
-oriented interface or via a set of functions familiar to MATLAB users.
+.. container:: bullet-box-container
+
+   .. container:: bullet-box
+
+      Create
+
+      - Easy creation of standard plots
+      - Publication quality output to common file formats
+        (png, pdf, svg, ps, ...)
+      - Interactive figures (zoom, pan, ...)
+
+   .. container:: bullet-box
+
+      Customize
+
+      - Adapt and tune all aspects a graphic
+      - Embed in interactive environments (e.g. IPython_, Jupyter_)
+      - Create graphics that respond to user GUI events
+
+      .. _IPython: http://ipython.org
+      .. _Jupyter: http://jupyter.org
+
+   .. container:: bullet-box
+
+      Extend
+
+      - Use additional tailored functionality through
+        :doc:`third party packages <thirdpartypackages/index>`
+      - Embed in GUI applications (Qt, Tk, Gtk3, Wx)
+      - Serve from web servers
 
 Documentation
--------------
+~~~~~~~~~~~~~
 
 This is the documentation for Matplotlib version |version|.
 
