diff --git a/doc/help/conf.py b/doc/help/conf.py new file mode 100644 index 0000000..4c4c10a --- /dev/null +++ b/doc/help/conf.py @@ -0,0 +1,103 @@ +# Configuration file for the Sphinx documentation builder. +# +# This file only contains a selection of the most common options. For a full +# list see the documentation: +# https://www.sphinx-doc.org/en/master/usage/configuration.html + +# -- Path setup -------------------------------------------------------------- + +# If extensions (or modules to document with autodoc) are in another directory, +# add these directories to sys.path here. If the directory is relative to the +# documentation root, use os.path.abspath to make it absolute, like shown here. +# +# import os +# import sys +# sys.path.insert(0, os.path.abspath('.')) + + +# -- Project information ----------------------------------------------------- + +# General information about the project. +project = 'Tetzle' +copyright = ' 2026 Graeme Gott' +author = 'Graeme Gott' + +# The version info for the project you're documenting, acts as replacement for +# |version| and |release|, also used in various other places throughout the +# built documents. +# +# The short X.Y version. +version = '3.0' +# The full version, including alpha/beta/rc tags. +release = '3.0.3' + + +# -- General configuration --------------------------------------------------- + +# Add any Sphinx extension module names here, as strings. They can be +# extensions coming with Sphinx (named 'sphinx.ext.*') or your custom +# ones. +extensions = [ 'sphinxcontrib.email' ] + +# Add any paths that contain templates here, relative to this directory. +templates_path = [] + +# List of patterns, relative to source directory, that match files and +# directories to ignore when looking for source files. +# This pattern also affects html_static_path and html_extra_path. +exclude_patterns = ['_build', 'html', 'Thumbs.db', '.DS_Store'] + + +# -- Options for HTML output --------------------------------------------------- + +# The theme to use for HTML and HTML Help pages. See the documentation for +# a list of builtin themes. +html_theme = 'alabaster' + +# Theme options are theme-specific and customize the look and feel of a theme +# further. For a list of options available for each theme, see the +# documentation. +html_theme_options = { + 'show_powered_by': False, + 'fixed_sidebar': True, + 'sidebar_collapse': False, + 'github_button': False, + 'show_relbars': True +} + +# The style sheet to use for HTML pages. +html_style = '../../alabaster.css' + +# The name for this set of Sphinx documents. +# " v documentation" by default. +html_title = 'Tetzle' + +# Add any paths that contain custom static files (such as style sheets) here, +# relative to this directory. They are copied after the builtin static files, +# so a file named "default.css" will overwrite the builtin "default.css". +html_static_path = [] + +# Custom sidebar templates, must be a dictionary that maps document names +# to template names. +# +# This is required for the alabaster theme +# refs: http://alabaster.readthedocs.io/en/latest/installation.html#sidebars +html_sidebars = { + '**': [ + 'about.html', + 'navigation.html', + 'relations.html' + ] +} + +# If false, no index is generated. +html_use_index = False + +# If true, the reST sources are included in the HTML build as _sources/. +html_copy_source = False + +# If true, Sphinx will add “permalinks” for each heading and description environment. +html_permalinks = False + +# Setting to display email adresses as obfuscated mailto links, needs sphinxcontrib-email +email_automode = True diff --git a/doc/help/configuration.rst b/doc/help/configuration.rst new file mode 100644 index 0000000..5dc2852 --- /dev/null +++ b/doc/help/configuration.rst @@ -0,0 +1,58 @@ +.. _configuration: + +Game Configuration +****************** + +To configure :program:`Tetzle`, open the :guilabel:`Settings` menu. You see the +following entries: + +----------------------------------- +:menuselection:`&Appearance` window +----------------------------------- + +Opens the :guilabel:`Appearance` window. You can choose between some options +for the appearance of the pieces. In the right half of the window you see a +preview of what you get. + +.. figure:: ./figures/tetzle_appearance.png + +In the left half of the window, you can change the following: + +* :guilabel:`Beveled borders` – Highlights the borders of the puzzle pieces, as + if they were illuminated by light. + +* :guilabel:`Drop shadows` – Draws drop shadows around the puzzle pieces. + +* :guilabel:`Colors` – You can change the colors for :guilabel:`Background`, + :guilabel:`Shadow` and :guilabel:`Highlight`. Click on one of the colored + fields to open a color chooser dialog. + +If you like to set back the settings to the initial state, click on +:guilabel:`Defaults`. After you have made your changes, click on :guilabel:`OK` +to apply them, or on :guilabel:`Cancel` to dismiss them and close the +:guilabel:`Appearance` window. + +--------------------------------- +:menuselection:`&Language` window +--------------------------------- + +Under :guilabel:`Application Language`, you can change the language of the user +interface. The settings window opens with the button +:guilabel:``. Click on it to change the desired language from +the drop-down menu. Again, your changes will be applied after the next start of +:program:`Tetzle`. + +.. note:: + Maybe the following command is known to you for opening an application + with different language settings: + + .. code-block:: + + export LC_ALL=C && tetzle + + This doesn't work correctly in :program:`Tetzle`. To change the user + interface language, we recommend to use the configuration option described + above. However, not all of the translations come from :program:`Tetzle` + itself. Some of them come from the underlying Qt libraries, so it might + happen that button captions etc. still appear in the system language after + you have changed the language in :program:`Tetzle`. diff --git a/doc/help/credits.rst b/doc/help/credits.rst new file mode 100644 index 0000000..9a9a216 --- /dev/null +++ b/doc/help/credits.rst @@ -0,0 +1,10 @@ +Credits and License +******************* + +Program copyright 2009-2026 :email:`Graeme Gott ` + +User manual written by :email:`Graeme Gott ` and +:email:`Mario Blättermann ` + +This program is licensed under the terms of the +`GNU General Public License `_. diff --git a/doc/help/figures/tetzle_appearance.png b/doc/help/figures/tetzle_appearance.png new file mode 100644 index 0000000..303ed56 Binary files /dev/null and b/doc/help/figures/tetzle_appearance.png differ diff --git a/doc/help/figures/tetzle_choose_image_file.png b/doc/help/figures/tetzle_choose_image_file.png new file mode 100644 index 0000000..f3183f6 Binary files /dev/null and b/doc/help/figures/tetzle_choose_image_file.png differ diff --git a/doc/help/figures/tetzle_game_end.png b/doc/help/figures/tetzle_game_end.png new file mode 100644 index 0000000..94c57e1 Binary files /dev/null and b/doc/help/figures/tetzle_game_end.png differ diff --git a/doc/help/figures/tetzle_game_start.png b/doc/help/figures/tetzle_game_start.png new file mode 100644 index 0000000..693281e Binary files /dev/null and b/doc/help/figures/tetzle_game_start.png differ diff --git a/doc/help/figures/tetzle_manage_tags.png b/doc/help/figures/tetzle_manage_tags.png new file mode 100644 index 0000000..689b309 Binary files /dev/null and b/doc/help/figures/tetzle_manage_tags.png differ diff --git a/doc/help/figures/tetzle_tag_picture.png b/doc/help/figures/tetzle_tag_picture.png new file mode 100644 index 0000000..f57cf3d Binary files /dev/null and b/doc/help/figures/tetzle_tag_picture.png differ diff --git a/doc/help/howtoplay.rst b/doc/help/howtoplay.rst new file mode 100644 index 0000000..2f4b1da --- /dev/null +++ b/doc/help/howtoplay.rst @@ -0,0 +1,106 @@ +.. _howtoplay: + +How to Play +*********** + +--------------- +General Control +--------------- + +.. Regarding the localizabilty, sentences in table cells should *not* be + wrapped. Keep always one sentence in a row, otherwise we get multiple + gettext messages for one sentence. Please review the keyboard controls. + ++----------------+--------------------------------------+-------------------------------------+ +| Action | Using the mouse | Using the keyboard | ++================+======================================+=====================================+ +| Pick Up Pieces | Left click. | Press the space bar. | ++----------------+--------------------------------------+-------------------------------------+ +| Drop Pieces | Left click again. | Press the space bar again. | ++----------------+--------------------------------------+-------------------------------------+ +| Select Pieces | Left drag. | Left drag. | ++----------------+--------------------------------------+-------------------------------------+ +| Rotate Pieces | Right click. | Press :kbd:`R`. | ++----------------+--------------------------------------+-------------------------------------+ +| Drag Puzzle | Middle Click, or Shift + Left click. | Use the arrow keys. | ++----------------+--------------------------------------+-------------------------------------+ +| Zoom Puzzle | Use the scrollwheel to zoom in/out. | Use the :kbd:`+` or :kbd:`-*` keys. | ++----------------+--------------------------------------+-------------------------------------+ +| Move Cursor | Move the mouse. | Use the :kbd:`W, A, D, S` keys. | ++----------------+--------------------------------------+-------------------------------------+ + +.. _start_new_game: + +---------------- +Start a New Game +---------------- + +.. Please replace TBD with a brief description of supported image file formats + +After opening :program:`Tetzle`, the :guilabel:`Choose Game` window appears. If +you already have played :program:`Tetzle`, the :guilabel:`Current Games` tab is +active, and the used pictures appear in an overview, where you can choose one. +Otherwise, click on the :guilabel:`New Game` tab. Then click on +:guilabel:`Add Image` to open a file chooser dialog, where you can open an +image file. You can choose all file formats supported by TBD. + +.. figure:: ./figures/tetzle_choose_image_file.png + +The opened file will be added to the collection. Later you can remove it from +the collection by clicking on :guilabel:`Remove Image`. But keep in mind, if +a game is active and running with this picture, you can't remove it. + +To view and change some image properties, click on +:guilabel:`Image Properties`. You can change the name of the picture (which +actually doesn't change the file name itself) and add tags. First you need to +define some tags to apply. Open the :guilabel:`All Images` drop-down menu and +click on :guilabel:`Manage Tags…`. + +.. figure:: ./figures/tetzle_manage_tags.png + +In the new window, click on :guilabel:`Add Tag` to write something which you +like to use. Repeat this as often as you like and click on :guilabel:`Close` +(the defined tags will be saved automatically). Now you can click on +:guilabel:`Image Properties` to tag the picture. + +.. figure:: ./figures/tetzle_tag_picture.png + +.. tip:: + The :guilabel:`Add Image`, :guilabel:`Remove Image`, and + :guilabel:`Image Properties` actions from the toolbar are also available by + right-clicking on an image file and choose the desired action from the + context menu. + +Use the slider at the bottom of the window to choose of how many pieces the +puzzle should consist. For beginners, the default setting (12) is a good +choice; power users may screw up the value until 972. But keep in mind: The +more pieces you select, the larger the screen need to be to distinguish the +pieces from each other. + +Once you are finished, click on :guilabel:`Play Game` to start the game. + +--------- +Game Play +--------- + +.. figure:: ./figures/tetzle_game_start.png + +Now you can move the pieces as described above, using the mouse or keyboard. +When a piece comes into close proximity with a matching piece, the two attract +each other *magnetically*. You can then move and rotate multiple pieces +together. While you are playing, the progress bar at the bottom of the window +shows the percentage of how far you have progressed in completing the image. +Using :menuselection:`&Game --> &Retrieve Pieces` you can rearrange the pieces +in between (which also affects pieces that had disappeared from view due to +zooming and are now visible again). + +.. figure:: ./figures/tetzle_game_end.png + +After finishing the game, you can *repeat* it using +:menuselection:`&Game --> &Choose`. The game chooser dialog shows the current +game with a different arrangement of the pieces. Otherwise, follow the steps +described above to add a new picture and open a new game. + +Last but not least, :guilabel:`&Quit` exits from :program:`Tetzle`. If a game +is still open, it will be saved automatically and can be reopened next time you +start :program:`Tetzle`. diff --git a/doc/help/html/alabaster.css b/doc/help/html/alabaster.css new file mode 100644 index 0000000..4c500fb --- /dev/null +++ b/doc/help/html/alabaster.css @@ -0,0 +1,707 @@ +@import url("basic.css"); + +/* -- page layout ----------------------------------------------------------- */ + +body { + font-family: Georgia, serif; + font-size: 17px; + background-color: #fff; + color: #000; + margin: 0; + padding: 0; +} + + +div.document { + width: 940px; + margin: 30px auto 0 auto; +} + +div.documentwrapper { + float: left; + width: 100%; +} + +div.bodywrapper { + margin: 0 0 0 220px; +} + +div.sphinxsidebar { + width: 220px; + font-size: 14px; + line-height: 1.5; +} + +hr { + border: 1px solid #B1B4B6; +} + +div.body { + background-color: #fff; + color: #3E4349; + padding: 0 30px 0 30px; +} + +div.body > .section { + text-align: left; +} + +div.footer { + width: 940px; + margin: 20px auto 30px auto; + font-size: 14px; + color: #888; + text-align: right; +} + +div.footer a { + color: #888; +} + +p.caption { + font-family: inherit; + font-size: inherit; +} + + +div.relations { + display: none; +} + + +div.sphinxsidebar a { + color: #444; + text-decoration: none; + border-bottom: 1px dotted #999; +} + +div.sphinxsidebar a:hover { + border-bottom: 1px solid #999; +} + +div.sphinxsidebarwrapper { + padding: 18px 10px; +} + +div.sphinxsidebarwrapper p.logo { + padding: 0; + margin: -10px 0 0 0px; + text-align: center; +} + +div.sphinxsidebarwrapper h1.logo { + margin-top: -10px; + text-align: center; + margin-bottom: 5px; + text-align: left; +} + +div.sphinxsidebarwrapper h1.logo-name { + margin-top: 0px; +} + +div.sphinxsidebarwrapper p.blurb { + margin-top: 0; + font-style: normal; +} + +div.sphinxsidebar h3, +div.sphinxsidebar h4 { + font-family: Georgia, serif; + color: #444; + font-size: 24px; + font-weight: normal; + margin: 0 0 5px 0; + padding: 0; +} + +div.sphinxsidebar h4 { + font-size: 20px; +} + +div.sphinxsidebar h3 a { + color: #444; +} + +div.sphinxsidebar p.logo a, +div.sphinxsidebar h3 a, +div.sphinxsidebar p.logo a:hover, +div.sphinxsidebar h3 a:hover { + border: none; +} + +div.sphinxsidebar p { + color: #555; + margin: 10px 0; +} + +div.sphinxsidebar ul { + margin: 10px 0; + padding: 0; + color: #000; +} + +div.sphinxsidebar ul li.toctree-l1 > a { + font-size: 120%; +} + +div.sphinxsidebar ul li.toctree-l2 > a { + font-size: 110%; +} + +div.sphinxsidebar input { + border: 1px solid #CCC; + font-family: Georgia, serif; + font-size: 1em; +} + +div.sphinxsidebar hr { + border: none; + height: 1px; + color: #AAA; + background: #AAA; + + text-align: left; + margin-left: 0; + width: 50%; +} + +div.sphinxsidebar .badge { + border-bottom: none; +} + +div.sphinxsidebar .badge:hover { + border-bottom: none; +} + +/* To address an issue with donation coming after search */ +div.sphinxsidebar h3.donation { + margin-top: 10px; +} + +/* -- body styles ----------------------------------------------------------- */ + +a { + color: #004B6B; + text-decoration: underline; +} + +a:hover { + color: #6D4100; + text-decoration: underline; +} + +div.body h1, +div.body h2, +div.body h3, +div.body h4, +div.body h5, +div.body h6 { + font-family: Georgia, serif; + font-weight: normal; + margin: 30px 0px 10px 0px; + padding: 0; +} + +div.body h1 { margin-top: 0; padding-top: 0; font-size: 240%; } +div.body h2 { font-size: 180%; } +div.body h3 { font-size: 150%; } +div.body h4 { font-size: 130%; } +div.body h5 { font-size: 100%; } +div.body h6 { font-size: 100%; } + +a.headerlink { + color: #DDD; + padding: 0 4px; + text-decoration: none; +} + +a.headerlink:hover { + color: #444; + background: #EAEAEA; +} + +div.body p, div.body dd, div.body li { + line-height: 1.4em; +} + +div.admonition { + margin: 20px 0px; + padding: 10px 30px; + background-color: #EEE; + border: 1px solid #CCC; +} + +div.admonition tt.xref, div.admonition code.xref, div.admonition a tt { + background-color: #FBFBFB; + border-bottom: 1px solid #fafafa; +} + +div.admonition p.admonition-title { + font-family: Georgia, serif; + font-weight: normal; + font-size: 24px; + margin: 0 0 10px 0; + padding: 0; + line-height: 1; +} + +div.admonition p.last { + margin-bottom: 0; +} + +div.highlight { + background-color: #fff; +} + +dt:target, .highlight { + background: #FAF3E8; +} + +div.warning { + background-color: #FCC; + border: 1px solid #FAA; +} + +div.danger { + background-color: #FCC; + border: 1px solid #FAA; + -moz-box-shadow: 2px 2px 4px #D52C2C; + -webkit-box-shadow: 2px 2px 4px #D52C2C; + box-shadow: 2px 2px 4px #D52C2C; +} + +div.error { + background-color: #FCC; + border: 1px solid #FAA; + -moz-box-shadow: 2px 2px 4px #D52C2C; + -webkit-box-shadow: 2px 2px 4px #D52C2C; + box-shadow: 2px 2px 4px #D52C2C; +} + +div.caution { + background-color: #FCC; + border: 1px solid #FAA; +} + +div.attention { + background-color: #FCC; + border: 1px solid #FAA; +} + +div.important { + background-color: #EEE; + border: 1px solid #CCC; +} + +div.note { + background-color: #EEE; + border: 1px solid #CCC; +} + +div.tip { + background-color: #EEE; + border: 1px solid #CCC; +} + +div.hint { + background-color: #EEE; + border: 1px solid #CCC; +} + +div.seealso { + background-color: #EEE; + border: 1px solid #CCC; +} + +div.topic { + background-color: #EEE; +} + +p.admonition-title { + display: inline; +} + +p.admonition-title:after { + content: ":"; +} + +pre, tt, code { + font-family: 'Consolas', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', monospace; + font-size: 0.9em; +} + +.hll { + background-color: #FFC; + margin: 0 -12px; + padding: 0 12px; + display: block; +} + +img.screenshot { +} + +tt.descname, tt.descclassname, code.descname, code.descclassname { + font-size: 0.95em; +} + +tt.descname, code.descname { + padding-right: 0.08em; +} + +img.screenshot { + -moz-box-shadow: 2px 2px 4px #EEE; + -webkit-box-shadow: 2px 2px 4px #EEE; + box-shadow: 2px 2px 4px #EEE; +} + +table.docutils { + border: 1px solid #888; + -moz-box-shadow: 2px 2px 4px #EEE; + -webkit-box-shadow: 2px 2px 4px #EEE; + box-shadow: 2px 2px 4px #EEE; +} + +table.docutils td, table.docutils th { + border: 1px solid #888; + padding: 0.25em 0.7em; +} + +table.field-list, table.footnote { + border: none; + -moz-box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +table.footnote { + margin: 15px 0; + width: 100%; + border: 1px solid #EEE; + background: #FDFDFD; + font-size: 0.9em; +} + +table.footnote + table.footnote { + margin-top: -15px; + border-top: none; +} + +table.field-list th { + padding: 0 0.8em 0 0; +} + +table.field-list td { + padding: 0; +} + +table.field-list p { + margin-bottom: 0.8em; +} + +/* Cloned from + * https://github.com/sphinx-doc/sphinx/commit/ef60dbfce09286b20b7385333d63a60321784e68 + */ +.field-name { + -moz-hyphens: manual; + -ms-hyphens: manual; + -webkit-hyphens: manual; + hyphens: manual; +} + +table.footnote td.label { + width: .1px; + padding: 0.3em 0 0.3em 0.5em; +} + +table.footnote td { + padding: 0.3em 0.5em; +} + +dl { + margin: 0; + padding: 0; +} + +dl dd { + margin-left: 30px; +} + +blockquote { + margin: 0 0 0 30px; + padding: 0; +} + +ul, ol { + /* Matches the 30px from the narrow-screen "li > ul" selector below */ + margin: 10px 0 10px 30px; + padding: 0; +} + +pre { + background: #EEE; + padding: 7px 30px; + margin: 15px 0px; + line-height: 1.3em; +} + +div.viewcode-block:target { + background: #ffd; +} + +dl pre, blockquote pre, li pre { + margin-left: 0; + padding-left: 30px; +} + +tt, code { + background-color: #ecf0f3; + color: #222; + /* padding: 1px 2px; */ +} + +tt.xref, code.xref, a tt { + background-color: #FBFBFB; + border-bottom: 1px solid #fff; +} + +a.reference { + text-decoration: none; + border-bottom: 1px dotted #004B6B; +} + +/* Don't put an underline on images */ +a.image-reference, a.image-reference:hover { + border-bottom: none; +} + +a.reference:hover { + border-bottom: 1px solid #6D4100; +} + +a.footnote-reference { + text-decoration: none; + font-size: 0.7em; + vertical-align: top; + border-bottom: 1px dotted #004B6B; +} + +a.footnote-reference:hover { + border-bottom: 1px solid #6D4100; +} + +a:hover tt, a:hover code { + background: #EEE; +} + + +@media screen and (max-width: 870px) { + + div.sphinxsidebar { + display: none; + } + + div.document { + width: 100%; + + } + + div.documentwrapper { + margin-left: 0; + margin-top: 0; + margin-right: 0; + margin-bottom: 0; + } + + div.bodywrapper { + margin-top: 0; + margin-right: 0; + margin-bottom: 0; + margin-left: 0; + } + + ul { + margin-left: 0; + } + + li > ul { + /* Matches the 30px from the "ul, ol" selector above */ + margin-left: 30px; + } + + .document { + width: auto; + } + + .footer { + width: auto; + } + + .bodywrapper { + margin: 0; + } + + .footer { + width: auto; + } + + .github { + display: none; + } + + + +} + + + +@media screen and (max-width: 875px) { + + body { + margin: 0; + padding: 20px 30px; + } + + div.documentwrapper { + float: none; + background: #fff; + } + + div.sphinxsidebar { + display: block; + float: none; + width: 102.5%; + margin: -20px -30px 20px -30px; + padding: 10px 20px; + background: #333; + color: #FFF; + } + + div.sphinxsidebar h3, div.sphinxsidebar h4, div.sphinxsidebar p, + div.sphinxsidebar h3 a { + color: #fff; + } + + div.sphinxsidebar a { + color: #AAA; + } + + div.sphinxsidebar p.logo { + display: none; + } + + div.document { + width: 100%; + margin: 0; + } + + div.footer { + display: none; + } + + div.bodywrapper { + margin: 0; + } + + div.body { + min-height: 0; + padding: 0; + } + + .rtd_doc_footer { + display: none; + } + + .document { + width: auto; + } + + .footer { + width: auto; + } + + .footer { + width: auto; + } + + .github { + display: none; + } +} +@media screen and (min-width: 876px) { + div.sphinxsidebar { + position: fixed; + margin-left: 0; + } +} + + +/* misc. */ + +.revsys-inline { + display: none!important; +} + +/* Make nested-list/multi-paragraph items look better in Releases changelog + * pages. Without this, docutils' magical list fuckery causes inconsistent + * formatting between different release sub-lists. + */ +div#changelog > div.section > ul > li > p:only-child { + margin-bottom: 0; +} + +/* Hide fugly table cell borders in ..bibliography:: directive output */ +table.docutils.citation, table.docutils.citation td, table.docutils.citation th { + border: none; + /* Below needed in some edge cases; if not applied, bottom shadows appear */ + -moz-box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; +} + + +/* relbar */ + +.related { + line-height: 30px; + width: 100%; + font-size: 0.9rem; +} + +.related.top { + border-bottom: 1px solid #EEE; + margin-bottom: 20px; +} + +.related.bottom { + border-top: 1px solid #EEE; +} + +.related ul { + padding: 0; + margin: 0; + list-style: none; +} + +.related li { + display: inline; +} + +nav#rellinks { + float: right; +} + +nav#rellinks li+li:before { + content: "|"; +} + +nav#breadcrumbs li+li:before { + content: "\00BB"; +} + +/* Hide certain items when printing */ +@media print { + div.related { + display: none; + } +} \ No newline at end of file diff --git a/doc/help/html/basic.css b/doc/help/html/basic.css new file mode 100644 index 0000000..b3bdc00 --- /dev/null +++ b/doc/help/html/basic.css @@ -0,0 +1,861 @@ +/* + * basic.css + * ~~~~~~~~~ + * + * Sphinx stylesheet -- basic theme. + * + * :copyright: Copyright 2007-2021 by the Sphinx team, see AUTHORS. + * :license: BSD, see LICENSE for details. + * + */ + +/* -- main layout ----------------------------------------------------------- */ + +div.clearer { + clear: both; +} + +div.section::after { + display: block; + content: ''; + clear: left; +} + +/* -- relbar ---------------------------------------------------------------- */ + +div.related { + width: 100%; + font-size: 90%; +} + +div.related h3 { + display: none; +} + +div.related ul { + margin: 0; + padding: 0 0 0 10px; + list-style: none; +} + +div.related li { + display: inline; +} + +div.related li.right { + float: right; + margin-right: 5px; +} + +/* -- sidebar --------------------------------------------------------------- */ + +div.sphinxsidebarwrapper { + padding: 10px 5px 0 10px; +} + +div.sphinxsidebar { + float: left; + width: 230px; + margin-left: -100%; + font-size: 90%; + word-wrap: break-word; + overflow-wrap : break-word; +} + +div.sphinxsidebar ul { + list-style: none; +} + +div.sphinxsidebar ul ul, +div.sphinxsidebar ul.want-points { + margin-left: 20px; + list-style: square; +} + +div.sphinxsidebar ul ul { + margin-top: 0; + margin-bottom: 0; +} + +div.sphinxsidebar form { + margin-top: 10px; +} + +div.sphinxsidebar input { + border: 1px solid #98dbcc; + font-family: sans-serif; + font-size: 1em; +} + +div.sphinxsidebar #searchbox form.search { + overflow: hidden; +} + +div.sphinxsidebar #searchbox input[type="text"] { + float: left; + width: 80%; + padding: 0.25em; + box-sizing: border-box; +} + +div.sphinxsidebar #searchbox input[type="submit"] { + float: left; + width: 20%; + border-left: none; + padding: 0.25em; + box-sizing: border-box; +} + + +img { + border: 0; + max-width: 100%; +} + +/* -- search page ----------------------------------------------------------- */ + +ul.search { + margin: 10px 0 0 20px; + padding: 0; +} + +ul.search li { + padding: 5px 0 5px 20px; + background-image: url(file.png); + background-repeat: no-repeat; + background-position: 0 7px; +} + +ul.search li a { + font-weight: bold; +} + +ul.search li div.context { + color: #888; + margin: 2px 0 0 30px; + text-align: left; +} + +ul.keywordmatches li.goodmatch a { + font-weight: bold; +} + +/* -- index page ------------------------------------------------------------ */ + +table.contentstable { + width: 90%; + margin-left: auto; + margin-right: auto; +} + +table.contentstable p.biglink { + line-height: 150%; +} + +a.biglink { + font-size: 1.3em; +} + +span.linkdescr { + font-style: italic; + padding-top: 5px; + font-size: 90%; +} + +/* -- general index --------------------------------------------------------- */ + +table.indextable { + width: 100%; +} + +table.indextable td { + text-align: left; + vertical-align: top; +} + +table.indextable ul { + margin-top: 0; + margin-bottom: 0; + list-style-type: none; +} + +table.indextable > tbody > tr > td > ul { + padding-left: 0em; +} + +table.indextable tr.pcap { + height: 10px; +} + +table.indextable tr.cap { + margin-top: 10px; + background-color: #f2f2f2; +} + +img.toggler { + margin-right: 3px; + margin-top: 3px; + cursor: pointer; +} + +div.modindex-jumpbox { + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; + margin: 1em 0 1em 0; + padding: 0.4em; +} + +div.genindex-jumpbox { + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; + margin: 1em 0 1em 0; + padding: 0.4em; +} + +/* -- domain module index --------------------------------------------------- */ + +table.modindextable td { + padding: 2px; + border-collapse: collapse; +} + +/* -- general body styles --------------------------------------------------- */ + +div.body { + min-width: 450px; + max-width: 800px; +} + +div.body p, div.body dd, div.body li, div.body blockquote { + -moz-hyphens: auto; + -ms-hyphens: auto; + -webkit-hyphens: auto; + hyphens: auto; +} + +a.headerlink { + visibility: hidden; +} + +a.brackets:before, +span.brackets > a:before{ + content: "["; +} + +a.brackets:after, +span.brackets > a:after { + content: "]"; +} + +h1:hover > a.headerlink, +h2:hover > a.headerlink, +h3:hover > a.headerlink, +h4:hover > a.headerlink, +h5:hover > a.headerlink, +h6:hover > a.headerlink, +dt:hover > a.headerlink, +caption:hover > a.headerlink, +p.caption:hover > a.headerlink, +div.code-block-caption:hover > a.headerlink { + visibility: visible; +} + +div.body p.caption { + text-align: inherit; +} + +div.body td { + text-align: left; +} + +.first { + margin-top: 0 !important; +} + +p.rubric { + margin-top: 30px; + font-weight: bold; +} + +img.align-left, figure.align-left, .figure.align-left, object.align-left { + clear: left; + float: left; + margin-right: 1em; +} + +img.align-right, figure.align-right, .figure.align-right, object.align-right { + clear: right; + float: right; + margin-left: 1em; +} + +img.align-center, figure.align-center, .figure.align-center, object.align-center { + display: block; + margin-left: auto; + margin-right: auto; +} + +img.align-default, figure.align-default, .figure.align-default { + display: block; + margin-left: auto; + margin-right: auto; +} + +.align-left { + text-align: left; +} + +.align-center { + text-align: center; +} + +.align-default { + text-align: center; +} + +.align-right { + text-align: right; +} + +/* -- sidebars -------------------------------------------------------------- */ + +div.sidebar, +aside.sidebar { + margin: 0 0 0.5em 1em; + border: 1px solid #ddb; + padding: 7px; + background-color: #ffe; + width: 40%; + float: right; + clear: right; + overflow-x: auto; +} + +p.sidebar-title { + font-weight: bold; +} + +div.admonition, div.topic, blockquote { + clear: left; +} + +/* -- topics ---------------------------------------------------------------- */ + +div.topic { + border: 1px solid #ccc; + padding: 7px; + margin: 10px 0 10px 0; +} + +p.topic-title { + font-size: 1.1em; + font-weight: bold; + margin-top: 10px; +} + +/* -- admonitions ----------------------------------------------------------- */ + +div.admonition { + margin-top: 10px; + margin-bottom: 10px; + padding: 7px; +} + +div.admonition dt { + font-weight: bold; +} + +p.admonition-title { + margin: 0px 10px 5px 0px; + font-weight: bold; +} + +div.body p.centered { + text-align: center; + margin-top: 25px; +} + +/* -- content of sidebars/topics/admonitions -------------------------------- */ + +div.sidebar > :last-child, +aside.sidebar > :last-child, +div.topic > :last-child, +div.admonition > :last-child { + margin-bottom: 0; +} + +div.sidebar::after, +aside.sidebar::after, +div.topic::after, +div.admonition::after, +blockquote::after { + display: block; + content: ''; + clear: both; +} + +/* -- tables ---------------------------------------------------------------- */ + +table.docutils { + margin-top: 10px; + margin-bottom: 10px; + border: 0; + border-collapse: collapse; +} + +table.align-center { + margin-left: auto; + margin-right: auto; +} + +table.align-default { + margin-left: auto; + margin-right: auto; +} + +table caption span.caption-number { + font-style: italic; +} + +table caption span.caption-text { +} + +table.docutils td, table.docutils th { + padding: 1px 8px 1px 5px; + border-top: 0; + border-left: 0; + border-right: 0; + border-bottom: 1px solid #aaa; +} + +table.footnote td, table.footnote th { + border: 0 !important; +} + +th { + text-align: left; + padding-right: 5px; +} + +table.citation { + border-left: solid 1px gray; + margin-left: 1px; +} + +table.citation td { + border-bottom: none; +} + +th > :first-child, +td > :first-child { + margin-top: 0px; +} + +th > :last-child, +td > :last-child { + margin-bottom: 0px; +} + +/* -- figures --------------------------------------------------------------- */ + +div.figure, figure { + margin: 0.5em; + padding: 0.5em; +} + +div.figure p.caption, figcaption { + padding: 0.3em; +} + +div.figure p.caption span.caption-number, +figcaption span.caption-number { + font-style: italic; +} + +div.figure p.caption span.caption-text, +figcaption span.caption-text { +} + +/* -- field list styles ----------------------------------------------------- */ + +table.field-list td, table.field-list th { + border: 0 !important; +} + +.field-list ul { + margin: 0; + padding-left: 1em; +} + +.field-list p { + margin: 0; +} + +.field-name { + -moz-hyphens: manual; + -ms-hyphens: manual; + -webkit-hyphens: manual; + hyphens: manual; +} + +/* -- hlist styles ---------------------------------------------------------- */ + +table.hlist { + margin: 1em 0; +} + +table.hlist td { + vertical-align: top; +} + + +/* -- other body styles ----------------------------------------------------- */ + +ol.arabic { + list-style: decimal; +} + +ol.loweralpha { + list-style: lower-alpha; +} + +ol.upperalpha { + list-style: upper-alpha; +} + +ol.lowerroman { + list-style: lower-roman; +} + +ol.upperroman { + list-style: upper-roman; +} + +:not(li) > ol > li:first-child > :first-child, +:not(li) > ul > li:first-child > :first-child { + margin-top: 0px; +} + +:not(li) > ol > li:last-child > :last-child, +:not(li) > ul > li:last-child > :last-child { + margin-bottom: 0px; +} + +ol.simple ol p, +ol.simple ul p, +ul.simple ol p, +ul.simple ul p { + margin-top: 0; +} + +ol.simple > li:not(:first-child) > p, +ul.simple > li:not(:first-child) > p { + margin-top: 0; +} + +ol.simple p, +ul.simple p { + margin-bottom: 0; +} + +dl.footnote > dt, +dl.citation > dt { + float: left; + margin-right: 0.5em; +} + +dl.footnote > dd, +dl.citation > dd { + margin-bottom: 0em; +} + +dl.footnote > dd:after, +dl.citation > dd:after { + content: ""; + clear: both; +} + +dl.field-list { + display: grid; + grid-template-columns: fit-content(30%) auto; +} + +dl.field-list > dt { + font-weight: bold; + word-break: break-word; + padding-left: 0.5em; + padding-right: 5px; +} + +dl.field-list > dt:after { + content: ":"; +} + +dl.field-list > dd { + padding-left: 0.5em; + margin-top: 0em; + margin-left: 0em; + margin-bottom: 0em; +} + +dl { + margin-bottom: 15px; +} + +dd > :first-child { + margin-top: 0px; +} + +dd ul, dd table { + margin-bottom: 10px; +} + +dd { + margin-top: 3px; + margin-bottom: 10px; + margin-left: 30px; +} + +dl > dd:last-child, +dl > dd:last-child > :last-child { + margin-bottom: 0; +} + +dt:target, span.highlighted { + background-color: #fbe54e; +} + +rect.highlighted { + fill: #fbe54e; +} + +dl.glossary dt { + font-weight: bold; + font-size: 1.1em; +} + +.optional { + font-size: 1.3em; +} + +.sig-paren { + font-size: larger; +} + +.versionmodified { + font-style: italic; +} + +.system-message { + background-color: #fda; + padding: 5px; + border: 3px solid red; +} + +.footnote:target { + background-color: #ffa; +} + +.line-block { + display: block; + margin-top: 1em; + margin-bottom: 1em; +} + +.line-block .line-block { + margin-top: 0; + margin-bottom: 0; + margin-left: 1.5em; +} + +.guilabel, .menuselection { + font-family: sans-serif; +} + +.accelerator { + text-decoration: underline; +} + +.classifier { + font-style: oblique; +} + +.classifier:before { + font-style: normal; + margin: 0.5em; + content: ":"; +} + +abbr, acronym { + border-bottom: dotted 1px; + cursor: help; +} + +/* -- code displays --------------------------------------------------------- */ + +pre { + overflow: auto; + overflow-y: hidden; /* fixes display issues on Chrome browsers */ +} + +pre, div[class*="highlight-"] { + clear: both; +} + +span.pre { + -moz-hyphens: none; + -ms-hyphens: none; + -webkit-hyphens: none; + hyphens: none; +} + +div[class*="highlight-"] { + margin: 1em 0; +} + +td.linenos pre { + border: 0; + background-color: transparent; + color: #aaa; +} + +table.highlighttable { + display: block; +} + +table.highlighttable tbody { + display: block; +} + +table.highlighttable tr { + display: flex; +} + +table.highlighttable td { + margin: 0; + padding: 0; +} + +table.highlighttable td.linenos { + padding-right: 0.5em; +} + +table.highlighttable td.code { + flex: 1; + overflow: hidden; +} + +.highlight .hll { + display: block; +} + +div.highlight pre, +table.highlighttable pre { + margin: 0; +} + +div.code-block-caption + div { + margin-top: 0; +} + +div.code-block-caption { + margin-top: 1em; + padding: 2px 5px; + font-size: small; +} + +div.code-block-caption code { + background-color: transparent; +} + +table.highlighttable td.linenos, +span.linenos, +div.doctest > div.highlight span.gp { /* gp: Generic.Prompt */ + user-select: none; +} + +div.code-block-caption span.caption-number { + padding: 0.1em 0.3em; + font-style: italic; +} + +div.code-block-caption span.caption-text { +} + +div.literal-block-wrapper { + margin: 1em 0; +} + +code.descname { + background-color: transparent; + font-weight: bold; + font-size: 1.2em; +} + +code.descclassname { + background-color: transparent; +} + +code.xref, a code { + background-color: transparent; + font-weight: bold; +} + +h1 code, h2 code, h3 code, h4 code, h5 code, h6 code { + background-color: transparent; +} + +.viewcode-link { + float: right; +} + +.viewcode-back { + float: right; + font-family: sans-serif; +} + +div.viewcode-block:target { + margin: -1px -10px; + padding: 0 10px; +} + +/* -- math display ---------------------------------------------------------- */ + +img.math { + vertical-align: middle; +} + +div.body div.math p { + text-align: center; +} + +span.eqno { + float: right; +} + +span.eqno a.headerlink { + position: absolute; + z-index: 1; +} + +div.math:hover a.headerlink { + visibility: visible; +} + +/* -- printout stylesheet --------------------------------------------------- */ + +@media print { + div.document, + div.documentwrapper, + div.bodywrapper { + margin: 0 !important; + width: 100%; + } + + div.sphinxsidebar, + div.related, + div.footer, + #top-link { + display: none; + } +} \ No newline at end of file diff --git a/doc/help/index.rst b/doc/help/index.rst new file mode 100644 index 0000000..4a1b05a --- /dev/null +++ b/doc/help/index.rst @@ -0,0 +1,20 @@ +Tetzle User Manual +****************** + +Tetzle |release| + +Copyright © 2009-2026 :email:`Graeme Gott ` + +Abstract +-------- + +A jigsaw puzzle game. + +.. toctree:: + :hidden: + :maxdepth: 2 + + introduction + howtoplay + configuration + credits diff --git a/doc/help/introduction.rst b/doc/help/introduction.rst new file mode 100644 index 0000000..41487eb --- /dev/null +++ b/doc/help/introduction.rst @@ -0,0 +1,89 @@ +.. _introduction: + +Introduction +************ + +Tetzle is a jigsaw puzzle game that uses tetrominoes for the pieces. Any +image can be imported and used to create puzzles with a wide range of +sizes. Games are saved automatically, and you can select between currently +in progress games. + +----------------- +Starting the game +----------------- + +You can start the game using the application menu of your desktop environment. +Open the application menu and choose :menuselection:`Games --> Tetzle` or open +a quick start prompt using :kbd:`Alt-F2` and start typing *tetzle*, then click +on the application name found. + + +----------------- +Menu bar overview +----------------- + +As usual, all menu entries which have corresponding keyboard shortcuts, these +shortcuts are displayed directly next to the menu items. + +:guilabel:`&Game` menu +---------------------- + +* :menuselection:`&Choose` – Starts a new game. For how to create a new game, + see :ref:`start_new_game`. + +* :menuselection:`&Retrieve Pieces` – Rearrange the pieces and reduce the + spacing. The rotation of the pieces will be kept. This is helpful if you have + zoomed in and some pieces have disappeared from the viewport. + +* :menuselection:`&Quit` – Quits the game and the application. + +:guilabel:`V&iew` menu +---------------------- + +* :menuselection:`Zoom &In` – Enlarge the view. + +* :menuselection:`Zoom &Out` – Decrease the view. + +* :menuselection:`Best &Fit` – Sets the zoom back to a level which fits in the + window. If pieces have disappeared before, they come back. + +* :menuselection:`Show O&verview` – Shows the picture what the puzzle is based + on in a separate window. If you've lost track of what the puzzle picture + looks like, you can refresh your memory here. + +* :menuselection:`F&ullscreen` – Switches to fullscreen mode. In this mode, the + :program:`Tetzle` window is displayed without the frame; you still have + access to the menu bar and see the progress bar and the zoom slider at the + bottom of the window. + + +:guilabel:`Se&ttings` menu +-------------------------- + +* :menuselection:`&Appearance` – Opens a new window where you can change the + colors and some other aspects of the appearance. + +* :menuselection:`&Language` – Lets you choose a different language for the + user interface of :program:`Tetzle`. + +See :ref:`configuration` about how to use the entries of the *Settings* menu. + + +:guilabel:`&Help` menu +---------------------- + +* :menuselection:`&Controls` – Shows a brief summary of the usage. In fact, the + same as described in :ref:`howtoplay`. + +.. For the upcoming user manual; mnemonic needs to be added later + +* :menuselection:`User manual` – Opens this user manual in your configured + standard browser. The opened application is out of the scope of + :program:`Tetzle`; if you like to use a different browser or HTML viewer, you + need to configure this in the settings of your desktop environment. + +* :menuselection:`&About` – Shows a brief summary, including the version number + of :program:`Tetzle`. + +* :menuselection:`About &Qt` – Shows a description of + `Qt `__, which is the code base of :program:`Tetzle`.