refine draft

eccenca · Aug 1, 2023 · 29bfa2c · 29bfa2c
1 parent e5db1ce
commit 29bfa2c
Show file tree

Hide file tree

Showing 7 changed files with 16 additions and 18 deletions.
diff --git a/docs/explore-and-author/graph-exploration/graph-resource.png b/docs/explore-and-author/graph-exploration/graph-resource.png
diff --git a/docs/explore-and-author/graph-exploration/graph-shapes.png b/docs/explore-and-author/graph-exploration/graph-shapes.png
diff --git a/docs/explore-and-author/graph-exploration/graph-vocab.png b/docs/explore-and-author/graph-exploration/graph-vocab.png
diff --git a/docs/explore-and-author/graph-exploration/graphoverview.png b/docs/explore-and-author/graph-exploration/graphoverview.png
diff --git a/docs/explore-and-author/graph-exploration/index.md b/docs/explore-and-author/graph-exploration/index.md
@@ -20,7 +20,7 @@ The user interface of the Explore module shows the following main areas:
 - the main area, providing multiple views, depending on which resource has been selected.
 </div>
 
-1.  If necessary, you can toggle the navigation area by using the
+1. If necessary, you can toggle the navigation area by using the
     :eccenca-toggler-moveleft: (hide) and :eccenca-toggler-tree: (show) buttons.
 
 ## Graphs
@@ -37,7 +37,7 @@ In the main area, the Metadata view of the selected graph appears, showing sev
 
 The Graphs are categorized into groups as follows:
 
--   User: All graphs which represent user data (created manually or by build processes). 
+-   User: All graphs which represent user data (created manually or by build processes).
 -   Vocabularies: All graphs containing vocabularies.
 -   System: All graphs containing configuration data.
 -   All
@@ -56,16 +56,16 @@ To add a new graph to the Graphs list:
 - Click **Save** to create the new graph.
 </div>
 
-1.   More concrete, you select a shape here.
+1. More concrete, you select a shape here.
      This can be configured in the workspace configuration as well.
 
 ### :eccenca-item-download: Downloading a graph
 
 To download a graph from the Graphs list:
 
-- In the **Graphs** list, click **:eccenca-item-download: Download graph** on the graph you want to download.
-- A message box appears, stating that downloading can take a long time.
-- Click **Download**.
+-   In the **Graphs** list, click **:eccenca-item-download: Download graph** on the graph you want to download.
+-   A message box appears, stating that downloading can take a long time.
+-   Click **Download**.
 
 ### :eccenca-item-edit: Managing a graph
 
@@ -83,7 +83,7 @@ To update or replace data of a graph:
 - Click **Update** to start the upload process.
 </div>
 
-1.   You can upload one of the following file formats: Turtle, N-Triples, RDF/XML, or JSON-LD.
+1. You can upload one of the following file formats: Turtle, N-Triples, RDF/XML, or JSON-LD.
 
 To delete a graph, select **:eccenca-item-remove: Remove graph** on the graph you want to remove and confirm deletion process.
 
@@ -103,15 +103,15 @@ To reset the results delete the keyword and press Enter.
 Select a class in the Navigation box to show all instances of this class in the main area. (1)
 { .annotate }
 
-1.   The table uses a default query to list all resources with a given class.
+1. The table uses a default query to list all resources with a given class.
      This can be configured by adding a `shui:navigationListQuery` to the class shape.
 
 ### Instance Details
 
 To open the Instance Details of a resource click on that resource in the Instance List.
 Resources are shown as grey chip buttons.
 
-![image](graph-shapes.png)
+![](instancedata.png){ class="bordered" }
 
 !!! warning inline end
 
@@ -128,7 +128,7 @@ The availability of these views depends on the context and the resource type.
 The Resource tab provides a view based on the shapes of the selected resource.
 The details of the shaped view depends on the configuration.
 
-![image](graph-resource.png)
+![](graphoverview.png){ class="bordered" }
 
 #### Properties
 
@@ -151,8 +151,7 @@ Click **SAVE** to save your changes.
 
 The Statistics tab indicates the number of classes, properties, entities and triples of the graph.
 
-![](./statictics.png)
-
+![](./statictics.png){ class="bordered" }
 
 #### Graph
 
@@ -162,7 +161,7 @@ The Statistics tab indicates the number of classes, properties, entities and t
 
 The Graph tab shows a visual graph representation of the graph.
 
-![](./graphvisulization.png)
+![](./graphvisulization.png){ class="bordered" }
 
 #### Vocab
 
@@ -173,21 +172,20 @@ The Graph tab shows a visual graph representation of the graph.
 This tab shows a graph visualization of an installed vocabulary.
 It displays all classes showing the class-subclass.  You can open the class details and view the list of instances related to that class. It also allows you to copy the resource IRI.
 
-![image](graph-vocab.png)
+![](vocab.png){ class="bordered" }
 
 #### References
 
 This tab shows all resources that link back to the selected resource.
 
-[](./Reference.png)
+![](./Reference.png){ class="bordered" }
 
 #### Turtle
 
 This tab shows the turtle RDF representation of the raw data representing the resource.
 You can use this tab to edit the selected resource:
 
-- Enter your changes in turtle.
-- Click **UPDATE** to save your changes.
+-   Enter your changes in turtle.
+-   Click **UPDATE** to save your changes.
 
 Deleting the entire turtle representation deletes the resource.
-
diff --git a/docs/explore-and-author/graph-exploration/instancedata.png b/docs/explore-and-author/graph-exploration/instancedata.png
diff --git a/docs/explore-and-author/graph-exploration/vocab.png b/docs/explore-and-author/graph-exploration/vocab.png