Correct composite diagrams

src/slides/asciidoc/composite.adoc

@@ -19,7 +19,43 @@ image::composite-example.png[align=center]
 
 == Motivation - example
 
-image::composite-instances.png[align=center]
+//image::composite-instances.png[align=center]
+
+.UML Instance Diagram
+[plantuml, , svg, align=center, width=800px]
+....
+scale 800 width
+skinparam monochrome true
+
+object "__p1:Picture__" as p1 {
+}
+
+object "__p2:Picture__" as p2 {
+}
+
+object "__l1:Line__" as l1 {
+}
+
+object "__r1:Rectangle__" as r1 {
+}
+
+object "__t:Text__" as t {
+
+}
+
+object "__l2:Line__" as l2 {
+}
+
+object "__r2:Rectangle__" as r2 {
+}
+
+p1 -- p2
+p1 -- l1
+p1 -- r1
+p2 -- t
+p2 -- l2
+p2 -- r2
+....
 
 == Motivation - example
 
@@ -30,13 +66,13 @@ hide footbox
 skinparam monochrome true
 
 boundary Client
-Client -> "p1:Picture" : display()
-"p1:Picture" -> "p2:Picture" : display()
-"p2:Picture" -> ":Text" : display()
-"p2:Picture" -> "l2:Line" : display()
-"p2:Picture" -> "r2:Rectangle" : display()
-"p1:Picture" -> "l1:Line" : display()
-"p1:Picture" -> "r1Rectangle" : display()
+Client -> "p1:Picture" : draw()
+"p1:Picture" -> "p2:Picture" : draw()
+"p2:Picture" -> "t:Text" : draw()
+"p2:Picture" -> "l2:Line" : draw()
+"p2:Picture" -> "r2:Rectangle" : draw()
+"p1:Picture" -> "l1:Line" : draw()
+"p1:Picture" -> "r1Rectangle" : draw()
 ....
 
 == Applicability
@@ -136,7 +172,7 @@ scale 800 width
 skinparam monochrome true
 
 object "__doc:Folder__" as doc {
-    size = 100
+    size = 140
 }
 
 object "__resume:File__" as resume {