GitBook: [#229] Add graph pic to Integrations overview

Author: jrag0x

.gitbook/assets/image (95) (1).png

@@ -4,37 +4,49 @@ description: How to integrate with Kleros?
 
 # Overview
 
-![](../.gitbook/assets/secured_by_kleros_grey.svg)
-
-### 
+![](../.gitbook/assets/secured\_by\_kleros\_grey.svg)
 
 ### Why do you want to integrate with Kleros services?
 
 * If you are looking for pure **Arbitration-as-a-Service**, we can help you integrate with our core service [Kleros Court](https://kleros.gitbook.io/docs/products/court).
 * If you want an oracle that can provide rulings about events, connect to [Kleros Oracle](https://kleros.gitbook.io/docs/products/oracle) and get **Truth-as-a-Service** capabilities.
 * If you are searching for **Data-Curation-as-a-Service**, use our [Kleros Curate](https://kleros.gitbook.io/docs/products/curate) generalized TCR product to build open community-curated lists and read from them.
-* If you want to manage crypto-vs-crypto transactions or service-vs-crypto transactions in your app, have a look at [Kleros Escrow](https://kleros.gitbook.io/docs/products/escrow) contract \(+ Widget & SDK\) for **Escrow-as-a-Service** features.
-* If you are a DAO looking to fully decentralize your governance \(even the enforcement of proposal votes\), check out [Kleros Governor](https://kleros.gitbook.io/docs/products/governor) and use it as **Supreme-Court-as-a-Service**.
+* If you want to manage crypto-vs-crypto transactions or service-vs-crypto transactions in your app, have a look at [Kleros Escrow](https://kleros.gitbook.io/docs/products/escrow) contract (+ Widget & SDK) for **Escrow-as-a-Service** features.
+* If you are a DAO looking to fully decentralize your governance (even the enforcement of proposal votes), check out [Kleros Governor](https://kleros.gitbook.io/docs/products/governor) and use it as **Supreme-Court-as-a-Service**.
+
+![](<../.gitbook/assets/image (95).png>)
 
 ### What about Kleros products built on top of those services?
 
-* Your DeFi application can source its token data directly from[ Kleros Tokens](https://kleros.gitbook.io/docs/products/tokens) registry and even curate the tokens using badges \(e.g. filtering them using preset criteria\) or indirectly through [TokenLists.org](https://tokenlists.org/token-list?url=t2crtokens.eth)
+* Your DeFi application can source its token data directly from[ Kleros Tokens](https://kleros.gitbook.io/docs/products/tokens) registry and even curate the tokens using badges (e.g. filtering them using preset criteria) or indirectly through [TokenLists.org](https://tokenlists.org/token-list?url=t2crtokens.eth)
 * Your product can use Sybil-resistance properties of [Proof of Humanity](https://kleros.gitbook.io/docs/products/proof-of-humanity) to protect against Sybil attacks or identify your users.
 * You can apply to or benefit from decentralized translation jobs in [Linguo](https://kleros.gitbook.io/docs/products/linguo) to handle the internationalization of your products.
 
-{% page-ref page="types-of-integrations/" %}
-
-{% page-ref page="integrations-faq.md" %}
-
-{% page-ref page="use-cases/" %}
+{% content-ref url="types-of-integrations/" %}
+[types-of-integrations](types-of-integrations/)
+{% endcontent-ref %}
 
-{% page-ref page="integration-tools/" %}
+{% content-ref url="integrations-faq.md" %}
+[integrations-faq.md](integrations-faq.md)
+{% endcontent-ref %}
 
-{% page-ref page="live-and-upcoming-integrations.md" %}
+{% content-ref url="use-cases/" %}
+[use-cases](use-cases/)
+{% endcontent-ref %}
 
-{% page-ref page="scalability-and-crosschain/" %}
+{% content-ref url="integration-tools/" %}
+[integration-tools](integration-tools/)
+{% endcontent-ref %}
 
-{% page-ref page="analytics.md" %}
+{% content-ref url="live-and-upcoming-integrations.md" %}
+[live-and-upcoming-integrations.md](live-and-upcoming-integrations.md)
+{% endcontent-ref %}
 
+{% content-ref url="scalability-and-crosschain/" %}
+[scalability-and-crosschain](scalability-and-crosschain/)
+{% endcontent-ref %}
 
+{% content-ref url="analytics.md" %}
+[analytics.md](analytics.md)
+{% endcontent-ref %}
 

.gitbook/assets/image (95).png

@@ -14,7 +14,7 @@ Let us navigate together the few steps the Kleros Court will go through to trans
 
 * **CURRENT SITUATION**\
   ****Kleros Court is deployed on Ethereum mainnet and mainly rules on disputes for Dapps hosted on the same blockchain (except for the bridge/proxy system for xDai Omen arbitration). Disputes are medium to high-value cases fit for Ethereum limited bandwidth.\
-                                                                 
+                                                                 
 * **MAY-JUNE 2021**\
   ****A dedicated “xDai Kleros Court” is deployed on the xDAI chain to enable data curation and other small to medium value use cases to benefit from Kleros arbitration services. \
 

integrations/overview.md

@@ -43,7 +43,7 @@ To start an Escrow transaction, you will need to connect your wallet and initiat
 
 * Before we get started, remember to sign up for email notifications to not miss any important deadlines. It is important as if one of the parties raise a dispute about the payment and you do not answer, they could win the case automatically.
 
-![](<../../.gitbook/assets/image (95).png>)
+![](<../../.gitbook/assets/image (95) (1).png>)
 
 
 
@@ -103,9 +103,9 @@ Here you can also select to:
 {% hint style="info" %}
 **INFO**
 
-Upon clicking the "Automatic Payments section", a calendar will appear allowing you to select the deadline for the escrow contract. 
+Upon clicking the "Automatic Payments section", a calendar will appear allowing you to select the deadline for the escrow contract.&#x20;
 
-This is an important setting in which the contract execution date will be determined. If no disputes are raised before this deadline, the transaction will be automatically processed. 
+This is an important setting in which the contract execution date will be determined. If no disputes are raised before this deadline, the transaction will be automatically processed.&#x20;
 
 Before this timeout has passed, the receiver should have sent the product or service to the sender or the contract should be in dispute status.
 
@@ -129,9 +129,9 @@ Once the contract timeout has passed, the receiver can manually call the contrac
 
 ![](<../../.gitbook/assets/image (76).png>)
 
-* Once you have entered these details the contract Information for the cryptocurrency transaction should be automatically filled in. 
+* Once you have entered these details the contract Information for the cryptocurrency transaction should be automatically filled in.&#x20;
 
- 
+&#x20;
 
 ![](<../../.gitbook/assets/image (77).png>)
 
@@ -176,7 +176,7 @@ If you are the sender of the payment you'll see the following options for an exi
 
 In the final screen, you'll see a confirmation that the payment was made successfully.
 
-![](https://blog.kleros.io/content/images/2019/04/Payment_completed.jpg)
+![](https://blog.kleros.io/content/images/2019/04/Payment\_completed.jpg)
 
 * **No**: Select this if you're not satisfied with the outcome/action by the other party. You'll then have an option to either settle with a partial amount or raise a dispute to the Kleros court for arbitration