Add agent types example to readme and library page [#36]

README.md

@@ -160,6 +160,8 @@ A <- ]: Profit!
 title "My Multiline
 Title"
 
+begin Foo, Bar
+
 note over Foo: "Also possible\nwith escapes"
 
 Foo -> Bar: "Lines of text\non this arrow"
@@ -251,6 +253,22 @@ Foo -> Bar
 Bar -> Baz
 ```
 
+### Agent Types
+
+<img src="screenshots/AgentTypes.png" alt="Agent Types preview" width="200" align="right" />
+
+```
+begin User, Application, PostgreSQL
+
+User -> +Application
+Application -> +PostgreSQL
+-PostgreSQL --> Application
+-Application --> User
+
+User is a person
+PostgreSQL is a database
+```
+
 ### Asynchronous Communication
 
 <img src="screenshots/AsynchronousCommunication.png" alt="Asynchronous Communication preview" width="200" align="right" />

library.htm

@@ -284,6 +284,8 @@ A <- ]: Profit!
 title "My Multiline
 Title"
 
+begin Foo, Bar
+
 note over Foo: "Also possible\nwith escapes"
 
 Foo -> Bar: "Lines of text\non this arrow"
@@ -380,6 +382,21 @@ Bar -> Baz
 </pre>
 </section>
 
+<section>
+<h3 id="AgentTypes">Agent Types</h3>
+<pre class="example" data-lang="sequence">
+begin User, Application, PostgreSQL
+
+User -> +Application
+Application -> +PostgreSQL
+-PostgreSQL --> Application
+-Application --> User
+
+User is a person
+PostgreSQL is a database
+</pre>
+</section>
+
 <section>
 <h3 id="AsynchronousCommunication">Asynchronous Communication</h3>
 <pre class="example" data-lang="sequence">