diff --git a/assets/images/contrib-guide/edit/document body empty.png b/assets/images/contrib-guide/edit/document body empty.png new file mode 100644 index 00000000..caaf47cd Binary files /dev/null and b/assets/images/contrib-guide/edit/document body empty.png differ diff --git a/assets/images/contrib-guide/edit/document body full.png b/assets/images/contrib-guide/edit/document body full.png new file mode 100644 index 00000000..eb4d2521 Binary files /dev/null and b/assets/images/contrib-guide/edit/document body full.png differ diff --git a/assets/images/contrib-guide/edit/document head.png b/assets/images/contrib-guide/edit/document head.png new file mode 100644 index 00000000..812e756a Binary files /dev/null and b/assets/images/contrib-guide/edit/document head.png differ diff --git a/misc/how-to-contribute.html b/misc/how-to-contribute.html index bd52952f..05d34e66 100644 --- a/misc/how-to-contribute.html +++ b/misc/how-to-contribute.html @@ -349,6 +349,47 @@

Using a code editor

+ + + 3 + + Understanding the <head> section. +
    +
  1. Document title Used for title in browser tabs, search results, embeds, etc.
    + always include | Thronefall wiki after the page's name.
    2. +
  2. Short page description just like <title>, meta description is mostly intended for embeds and search engines (and web crawlers in general).
    3. +
  3. Rest of the <head> section is mostly various scripts and libraries.
    4. +
+ + + + + + + + + + 4 + + Understanding the <body> section. +
Example images incldue the template file and the file for Nordfels +
    +
  1. Title that is shown at the top of the page.
    2. +
  2. All content of the page is put in this section of the document.
    3. +
  3. Content that will be displed in the right column. Mainly intended for images and the contents menu.
    4. +
  4. Gallery - A grid of several images. Only used for Maps.
    5. +
      + + + + + +
      + + + + +