diff --git a/clnt-vc-srvr-x509.svg b/clnt-vc-srvr-x509.svg
new file mode 100644
index 0000000..4787026
--- /dev/null
+++ b/clnt-vc-srvr-x509.svg
@@ -0,0 +1,31 @@
+
\ No newline at end of file
diff --git a/clnt-x509-srvr-vc.svg b/clnt-x509-srvr-vc.svg
new file mode 100644
index 0000000..7612a15
--- /dev/null
+++ b/clnt-x509-srvr-vc.svg
@@ -0,0 +1,31 @@
+
\ No newline at end of file
diff --git a/draft-vesco-vcauthtls.md b/draft-vesco-vcauthtls.md
index efc75b5..fa440d6 100644
--- a/draft-vesco-vcauthtls.md
+++ b/draft-vesco-vcauthtls.md
@@ -143,7 +143,9 @@ struct {
{{tls-full}} below shows the basic full TLS handshake:
-~~~plantuml
+
+```
+@startuml full-hs
participant DLT_A order 1
participant Client order 2
participant Server order 3
@@ -163,7 +165,12 @@ Client -> Server : { Certificate* }
Client -> Server : { Certificate Verify* }
Client -> Server : { Finished }
Server --> DLT_B : DID Resolve
-~~~
+@enduml
+```
+
+
+![](full-hs.svg)
+
{: #tls-full title="Message Flow for Full TLS Handshake"}
## Client Hello
@@ -205,8 +212,9 @@ Figures [x], [x] and [x] show some message-exchanges examples.
This section shows an example that the client is willing to receive and validate a VC from the server. The client does not own an identity at the TLS level and so omits the client_cert_type extension. The server indicates in the EncryptedExtensions message that it selected a VC to insert in the Certificate message as depicted in Figure [X].
-~~~plantuml
-@startuml
+
+```
+@startuml srvr-vc
skinparam sequenceMessageAlign direction
skinparam ParticipantPadding 100
@@ -223,14 +231,18 @@ Server -> Client : { Finished }
Client --> IOTA : DID Resolve
Client -> Server : { Finished }
@enduml
-~~~
+```
+
+
+![](srvr-vc.svg)
## TLS Client and Server Use VCs
This section shows an example where the TLS client as well as the TLS server use VCs as presented in figure [X]. In fact the server selects VC type for both client_cert_types and server_cert_types extensions and in the CertificateRequest message selects a set of DID methods both endpoints have in common.
-~~~plantuml
-@startuml
+
+```
+@startuml mutual-vc
database DLT_A order 1
participant Client order 2
participant Server order 3
@@ -251,14 +263,18 @@ Client -> Server : { Certificate Verify* }
Client -> Server : { Finished }
Server --> DLT_B : DID Resolve
@enduml
-~~~
+```
+
+
+![](mutual-vc.svg)
## TLS Client Uses a VC and Server Uses an X.509 Certificate
This section shows an example combining the use of a raw public key and an X.509 certificate. The client uses a VC for client authentication, and the server provides an X.509 certificate. The client expresses its ability to process an X.509 certificate or a raw public key from the server. In addtion it is willing to use either VC or X.509 certificate for client-side authentication. The server then selects X.509 certificate to authenticate with the client and VC for client authentication. The server sends a list of its choice of DID methods.
-~~~plantuml
-@startuml
+
+```
+@startuml clnt-vc-srvr-x509
participant Client order 2
participant Server order 3
database DLT_B order 4
@@ -277,14 +293,18 @@ Client -> Server : { Certificate Verify* }
Client -> Server : { Finished }
Server -> DLT_B : DID Resolve
@enduml
-~~~
+```
+
+
+![](clnt-vc-srvr-x509.svg)
## TLS Client Uses Certificate and Server Uses VC
This section shows an example of a client authenticating with an X.509 certificate and a server with a VC. The client is capable to process and validate a VC from the server, in fact it also sends the did_methods extension. The server then decides to request an X.509 certificate from the client and provide a VC to authenticate with the client.
-~~~plantuml
-@startuml
+
+```
+@startuml clnt-x509-srvr-vc
participant Client order 2
participant Server order 3
database DLT_A order 1
@@ -303,7 +323,10 @@ Client -> Server : { Certificate* }
Client -> Server : { Certificate Verify* }
Client -> Server : { Finished }
@enduml
-~~~
+```
+
+
+![](clnt-x509-srvr-vc.svg)
## Renegotiation of DID Methods
diff --git a/full-hs.svg b/full-hs.svg
new file mode 100644
index 0000000..c667531
--- /dev/null
+++ b/full-hs.svg
@@ -0,0 +1,33 @@
+
\ No newline at end of file
diff --git a/mutual-vc.svg b/mutual-vc.svg
new file mode 100644
index 0000000..4f5260a
--- /dev/null
+++ b/mutual-vc.svg
@@ -0,0 +1,33 @@
+
\ No newline at end of file
diff --git a/srvr-vc.svg b/srvr-vc.svg
new file mode 100644
index 0000000..6c279d4
--- /dev/null
+++ b/srvr-vc.svg
@@ -0,0 +1,29 @@
+
\ No newline at end of file