📚 docs(introduction.rst): add introduction

docs/source/_pages/introduction.rst

@@ -0,0 +1,24 @@
+###############
+Introduction 📈
+###############
+
+``Qt`` Graphics View Framework
+==============================
+
+The `Qt Graphics View Framework`_ consists of the following hierarchy::
+
+    View -> Scene -> Item
+
+where ``Views`` are scroll area widgets for observing ``Scenes`` and ``Scenes`` contain ``Items``. Each object has its own coordinate system.
+
+.. list-table::
+
+   * - .. figure:: ../_resources/img/item_coordinates.png
+
+       **Item Coordinates**
+
+     -
+     -
+
+.. _`Qt Graphics View Framework`:
+   https://doc.qt.io/qt-6/graphicsview.html

docs/source/_static/css/custom.css

@@ -0,0 +1,3 @@
+#qt-graphics-view-framework .table td {
+    border-top-width: 0px !important;
+}

docs/source/conf.py

@@ -53,8 +53,7 @@
 # -- General configuration --------------------------------------------------------------
 
 # Paths are relative to ``source``
-# templates_path = ['_templates']
-# html_static_path = ['_static']
+html_static_path = ['_static']
 
 source_suffix = '.rst'
 master_doc = 'index'
@@ -68,10 +67,9 @@
 
 html_theme = 'sphinx_book_theme'
 # html_logo = r'./_resources/img/qtpygraph_logo.png'
-# html_css_files = [
-#     'css/custom.css',
-# ]
-# html_style = 'css/style.css'
+html_css_files = [
+    'css/custom.css',
+]
 
 # String appended to project name with hyphen in ``<title>`` tag of individual pages and
 # used in the navigation bar as the “topmost” element. It defaults to '<project>

docs/source/index.rst

@@ -8,6 +8,12 @@ A pythonic interface to the ``Qt`` Graphics View Framework using ``qtpy``.
    :maxdepth: 2
    :caption: Home Page
 
+.. toctree::
+   :maxdepth: 2
+   :caption: Introduction
+
+   _pages/introduction
+
 .. toctree::
    :maxdepth: 2
    :caption: Contributing