${it.key}
- ${getGroupLinks(it.value)}
+
+
+
+"""
+}
+
+fun getFeatures(features: List
+
+
+
+
+ ${article.title}
+ ${article.author}
+ ${article.body} +
+
+
+
+
+${article.title}
+ + ${article.author} + + +${article.title}
+ ${article.author}+ ${article.body} +
+
\n \n
\n\"\"\"\n```\n\nMaking use of the above function, we should now build another function that, given a Contact list, returns the complete HTML view.\n\n```kotlin\nfun contactsView(contacts: List${contact.name}
\n
\n\n
\n \n ![\"${contact.name}](\"${HTML5View.resourceLink(\"/img/default-avatar.jpg\")}\")
\n
\n \n \n \n \n
\n
\n | Phone: | ${contact.phone} |
| Email: | ${contact.email} |
| Address: | ${contact.address} |
\n
\n \n\n\"\"\"\n```\n\nAs you may have already spotted in the HTML template, we need references to other static files such as images, css and javascript resources.\n\nWe use an helper method called “resourceLink” that solves this problem for us.\n\nLet’s build this method into the class that is responsible to handle the window and Webview creation.\n\nIt’s really simple and takes advantage of the [Java resource system](http://docs.oracle.com/javase/7/docs/technotes/guides/lang/resources.html) to access static files that will be bundled inside the final executable Jar of our app.\n\n```kotlin\nfun resourceLink(path: String) = \"${HTML5View::class.java.getResource(path)}\"\n```\n\nIt’s time to take a look at the class that creates the JavaFX window and the WebView that will render our HTML and execute our Javascript code.\n\nUsing [TornadoFX](https://github.com/edvin/tornadofx), a lightweight JavaFX framework for Kotlin, building this class becomes really simple and natural: TornadoFX uses several language features from Kotlin to create JavaFX visual components with the most concise code as possible.\n\n```kotlin\nclass HTML5View : View() {\n companion object {\n fun resourceLink(path: String) = \"${HTML5View::class.java.getResource(path)}\"\n }\n\n override val root = WebView()\n init {\n with(root) {\n setPrefSize(800.0, 600.0)\n // Atomatically set the title of the window as the HTML document title\n titleProperty.bind(engine.titleProperty())\n // Show all the contacts\n engine.loadContent(contactsView(Contact.all()))\n }\n }\n}\n```\n\nThe last thing left to do is to create the “main” function that starts our application.\n\n```kotlin\nclass HTML5App : App(HTML5View::class)\n\nfun main(args: Array\n
\n \n ${contacts.map { contactPanel(it) }.joinToString(\"\\n\")}\n
\n