Better images and configuration

Author: ocaisa

docs/img/EESSI_logo_vertical_thumbnail.png

@@ -11,18 +11,18 @@
 # The site_name is shown in the page header and the browser window title
 #
 # Read more: https://zensical.org/docs/setup/basics/#site_name
-site_name = "Documentation"
+site_name = "EESSI Tutorial"
 
 # The site_description is included in the HTML head and should contain a
 # meaningful description of the site content for use by search engines.
 #
 # Read more: https://zensical.org/docs/setup/basics/#site_description
-site_description = "A new project generated from the default template project."
+site_description = "A tutorial for basic usage of, and use cases for, the European Environment for Scientific Software Installations"
 
 # The site_author attribute. This is used in the HTML head element.
 #
 # Read more: https://zensical.org/docs/setup/basics/#site_author
-site_author = "<your name here>"
+site_author = "EESSI"
 
 # The site_url is the canonical URL for your site. When building online
 # documentation you should set this.
@@ -44,10 +44,13 @@ Copyright &copy; 2026 The authors
 # can be defined using TOML syntax.
 #
 # Read more: https://zensical.org/docs/setup/navigation/
-# nav = [
-#   { "Get started" = "index.md" },
-#   { "Markdown in 5min" = "markdown.md" },
-# ]
+nav = [
+   { "Get started" = "index.md" },
+   { "Accessing EESSI" = "eessi-getting-access.md" },
+   { "What is EESSI?" = "eessi-introduction.md" },
+   { "How to use EESSI" = "eessi-usage.md" },
+   { "Use cases for EESSI" = "eessi-use-cases.md" },
+]
 
 # With the "extra_css" option you can add your own CSS styling to customize
 # your Zensical project according to your needs. You can add any number of
@@ -254,7 +257,7 @@ features = [
 # option in the "theme" subsection. The logo must be a relative path to a file
 # in your "docs_dir", e.g., to use `docs/assets/logo.png` you would set:
 # ----------------------------------------------------------------------------
-#logo = "assets/logo.png"
+logo = "img/EESSI_logo_vertical_thumbnail.png"
 
 # ----------------------------------------------------------------------------
 # If you don't have a dedicated project logo, you can use a built-in icon from
@@ -302,7 +305,7 @@ toggle.name = "Switch to light mode"
 # ----------------------------------------------------------------------------
 [[project.extra.social]]
 icon = "fontawesome/brands/github"
-#link = "https://github.com/user/repo"
+link = "https://github.com/ocaisa/eessi-tutorial"
 
 # ----------------------------------------------------------------------------
 # In this section you can configure the Markdown extensions that are used when