Update code on flems.io and update the link to it

This page contains a link to an example running on **flems.io**
The code on **flems.io** depends on `mithrill@1.1.6` and doesn't work with `mithril@2.0.0-rc.4`.
I added `mithril@2.0.0-rc.4` on **flems.io** as a dependancy and fixed some issues caused by `mithrill.withAttr` no longer existing.
Now code on this page and on **flems.io** are identical.
This commit is contained in:
Eugene Epifanov 2019-04-06 13:36:53 +06:00 committed by Stephan Hoyer
parent c075ac7b49
commit 7faf358e92

View file

@ -2,7 +2,7 @@
Let's develop a simple application that shows off how to do most of the major things you would need to deal with while using Mithril.
*An interactive example of the end result can be seen [here](https://flems.io/#0=N4IgzgpgNhDGAuEAmIBcIB0sxhAGhADMBLGXVAbVADsBDAWwjRAFVIAnAWQHsloMAVrgKxu1ROOYA3WuwAEbCPIC8c4AB1qc7XKjEw8VHIoBdPJp27utJABl9huYQCu1BMTEAKAJRqLlnXYIeGd2LXoMIIBHZwgDTw0tAOTGeAALXiN1EABxAFEAFWzzJOTLUKgskDT4eAAHMFQAeiag+gBaIIN22jriDDSlbgBrZ166rG56Jt7iJucOMGL-Mp0Ad2J0gGEgvnFiWihGuXh2WJLVgF9vFYCMdIhqTxc3eA8nrucoeF9E1ctFOwMHoDHJVJ9vhgkLR4LRbpZrrdLiVbrBQkFxEZgMjblBrEgjC93F5iEhfvDAsFQuFIhAYnF4AkKSlghkCXJsvkivhmQEKlUavVGi02p0GT0+gMhqNxpNprN5osmtk5ABqOSki7-bQbba7R5vQ7HU7nXmI0p3B5PIlvLwQn5+C2rQFYdEGsFye1mm4WnHUW5gWhSCCE1zEp7kp2UkJhOQRaKxeJ-bVx1mZDkgAAKLG5Wu1-IzgoazVaEA6XXgEv6g3YIzGdQmonlfUVSjAypAaoUHFd7Ax8Awmt5lmhsKMLrRfYNef+urSO2QBoORyMJogM4RPoRmkuIGRNAYTHQgPsBkEwhAonEBuksm7SlP8A9ye0YmI1E2457eJsj5nUmICA1lDV53h8R1ViCGNwk8bIMAWJR2hBeBinvIFkIwehemeMNbSeBD2EjFNPSpWN6FgkBaHgjgkIcdpNjLVDgDSIJCCqJpkE2DsuwIwckDwOQxFgIIYRDONIm4ZxEGBd9hmROReJIdgDAAOUPLsVRVdVeKgWhVMPLcymuQztEuHc9zwA9GGYQEADFuHYCIhHwS8xAkeBb3kOyHPoZ9bjfD9HBtMCpGoXgIF+F0fyQTxQvCjAYVOMA+O8P1LAAoCQPDcCXwCKDqTjCjCB8pjhzKMQwGcAAjehPycXCwIiiDiLKCAMDqIJg3EAARCBCFoL5GRMlqAR7QNgx8MrkjMqNpoEigpsK7JdKq-gVugVDsls4hlKfOhGGybwNzKcjsnfOopMHagLvgCh4AATzqCBlEQAAPeATAoOpdNgCAMigPh2GUbbdrkfaIBMUrZv+AKbqMCI5wAQVqdgKJkKBYlQ4KvHR2JIp7Sd+wwJT9MYD1cYga5ju1CmvyUXsiZJ+A1IO6HN2pgJTpAdaoGBWhVqgTaQFsPS9sPQ6OcsLnzsumXbu+2hfv+wHlBF0Fwch-BmpG2GpPhjAkZRtHDkxrXsaeCn8fpwmDT50mIHJk3KaOxb0qdumgRt8Q7eZ8W2Z0KnFq5qqpPgMQMBD2oxDux7nsqmrNk1gTsgAZSDCAJd5Exhpm3d9xAcHmBF+7JIHZyRDcm90BkeRi9LvyLQy4D6tAnGwr4IiynysiKKw98+ZLqTUIW-3tC5ugpEwx5nGH12dC5uEtdykaWL6owAHImmQ9fJZhtwRMQfXayktq9GoYY59M5PWEWQ7Fuz3ex4oyBw1QuK+CwNJSCQDFhssbOkTmXzoXdAspy6uWvJIdA8ZS5tQ6n1Ygr1PDrwAMTrx9DAk+ngkDcDRIwb2VVeD3WvlvBwUNLDZFIQYbIWJeQYkBllPCOVFrdxgnXKSAlyIngcN4P+AckQzkoZxeATRUCkhodrPKjwGEt2yu-Jqy8u6kTYbQQe8BOGeG8o5AS8iEoozALws0AidzeAslZI8mBsAXivO5ZghCkDELkFdG6AkI6hzEM1YqmIwY+UOHIAAjAANjqK9OQAA1JQ0I6AAG5-BYXYAAc3fEYAATAABhCbE6gM1NAD3rsmeJSTqBGH8Rk0JA0w5ZLHrQV67QNhIHSCUtJzTMk7k0Lk-BzhmqFOSXINJfS5AAGYylZJydQaiiFkLNWQu0Aw90YBGDCtQCAVS4yyCKUYfp-TSmtKSHUGwSB3wJM2aM9p4yCK0W6AxXyyYqqK2GAk4+1B2QoP6m82gqzCHsBkf4kJcgwDcD0EgOQKCkBgtWaIPE7AjAoMGXC1ZhywAK3ukYKqeJYDDFWT04pAztm7O0PssFRyjAAA4-n+IAKz4pOBAd67Q+CiHYDCd4iyxArLaf6c5NEZnXNQBkYM8hkxvUrAyhyzKxBGFcIDM+7LslnL5gLZqiLkWovRZiuJ6zelbLkFS16pzOXOKks1L5Py-kAqBSCsFSBPkOUBp0GwxAFhGEGdSwhtSwDEAAF7ErkCaxCbqEX6BVb6tVWLNU4u1TsvV-hCWHOoMcgJZSAm6tWfUxpia0kAFJ9W5MjmHLQtz7mPMks8mFEBy02u+UoEpZrAWkkteC-wfr2D2sOU6oZ1LIUORhXCwZgakW6RRRqagMr2hotweqpI2LNkDKjas2NPqo3JupcK+lcAxV4VZcsnN4y80Sv5UoY1RankvIgCSs9Z7RkuUgDAcM5AQCBJSagfxe4zDc1kuQKgBdDzMFqukdgpAXIVGYEWYU8xroPLlE0P9LFSAAAF-EYEQ4E6DmxYO83AQ9J6zAwDCWIHUDylwTCXCAA)*
*An interactive example of the end result can be seen [here](https://flems.io/#0=N4IgzgpgNhDGAuEAmIBcICqkBOAxA9tgLYB0AVmCADQgBmAljJagNqgB2AhkRGpjgFl8SaOUo1Y+doml8Abp2wACLBGUBeJcAA67JfqVR6YeKiUsAulV0HD+TkgAyx00toBXdgnpSAFAEotG1sDbAh4d2w9UjCAR3cIE18dPRC0nngAC2EzbRAAcQBRABU861S020ioXJBM+HgABzBUAHpWsKIAWjCTLs5G+hJMtXwAa3cBxpJJIlaB+lb3HDAy4MqDAHd6LIBhMJFpek4oFqV4bATyjYBff3WQkiyIdl8PL3gfV973KHhAlIbWyqbAkIwmJSaH5-EhITjwTgPWx3B43coPWCRMLSMzANEPKD2JBmd7ePz0JAApGhcKRaIkOIJJKAoH6DLZYlKPJFUrUalpaq1epNFrtTo9RLwfqDYajCZTGb4OYLJYrVp5JQAaiUFOurKU2z2BxenxOZwuV35ShRFUez1epM+fmh-yCto2IJmWJNkKULqtNuR6NtYE4cggJM8ZNeVPdNIiUSUMQg8UlySttnZOS5IAAChheXrWYKc8Lmm0OhBur0pQtZdhxpNGtNZvNBqq1GB1SAtSocF7sNj4CRdRmDHCEWZPZjByai0DDZl9sgTcdTmYLRB58j7rabrobiA0RxuLx0CDnCYxNQQJJpCb5Io+2pL-BfSz9FJ6OwdlP+4SHFfec5HoCBNkjD4vgCN0NjCBNol8PISGWNQunBeAymfUF0JIIgBjeKMnVeFDsFjfU-VpRMiEQkBOGQnA0JcLodirTDgEyMJaFqVpkB2btexIkckCoJQpFgMJ4QjJMGXwdxEDBb8xjRJRBIYbATAAOVPXsNQ1bVBKgThNNPXdbn8UyDH3dhD2PEAuB4PgQQIYhrwkKQZHgR9lCcwgiHfB4vx-VxHSguR2GECAAU9ACkF8MKIpIeELjAIT-HxW0QLAiDo2gj8Qjgukkxo2hfLYsc0ikMB3AAIyIX83EIqDIpg8jKggEhGjCcNpAAEQgWhOF+eAAnKoFPVDcMRrjVkrPI5SWFG6i8kM6rRBW6BMLyXB6HUt97IgPJ-G3SolpAb9Gjkkd2Au+AWHgABPRoIHURAAA94AsFhGkM2AIGyKARGwdRtt2pR9osMrpqBQKbuyoilF8ZrgCwgchxINTjJ4X12oRbAAHNwhIBQoASa1jtZYmEj-NRUZNdGdsxg6oZ3cmQlO9aoDBThVqgTaQEcIy9tPQ7WczGjzsuiXbu+zhfv+wH1AFiFwch1qDBhuS4a+BGkZRmc0cMxnsaeRQCeHSmIDJ0bbAt6nQX1unDfgLSeFGu5RYMU7qrk+ApBIb2GikO7Hueqrap2CHqBzABlMMDpAI6rQsCz9Csw8aEgGBo2YEAAEYADZUHz3OjyoE8HPQAX7tk4cKBvO8PK8pQq5r-yMtA8CGsgvx4pEMjKgKqiaLw78ueruTMIW5nPZorg5Fwl53En62Z7yREo7ytWOP6swAHJWnQ3ePY2MSJMQMwYhr9qjHYMYV9TkS8hBVYE9G5Pj6KvJIGjTDe-a2BMiMCQNiFOIRk6ogPKXcuZ5aLNlcredyD50CXzku1Tq-V6CvV8LvAAxLvXcKDEC+CQPgTEPBpD+2EPdR+IAD4uFVgYPIdCTB5FxFabEgMtZ+H7qyQeCEW5yREtRC8LhzIBlRPOJhvF4CtFQBSVhLU0gcLUFw14f8eFAj4UVAR8AhG+B8sQESf9EoNHUmIqGs1LLlDuFAuyp4+AzDAOIBB95ZDoGqlQqgV0bpeIDr7PQwASo4nCsQE4SgC6NFekoAAamoOEXAADceF8bfjMAAJgAAyRKsroMerdgDJLxqk3OWSomDV9kkzgr0ujbCQFkVAJSMmlISVZBe7B3BaEKakjJSgekAGZmk5PYPRVC6EtDoS6CYe6MBUDhXYBASpKT2CoB6T0kpkSEmNAcEgb8eMVktNySRRifQWJ+WANVWWYw8YNk8MSHBA0HmcASR47AnDc6RKUGAfARgkBKBwUgAFCTJCEmwKgHBfSIUJJ2WAGW91UDVUJLAMYiyinLNWeEjZWyAW7NQAADg+bnAArBst6UoRCSGwPCL4sypALNaUciZpzUDZHDMoYApKujksIFSqQqBblqBvnS3QuSOZaGhbC+FiLkVdLRb0pQxLXoHOGVLLQLy3kfK+T8v5AKkDPMIIDHoDh6DLFQH0jZHjqlgHoAALxxWq1CFqoXGAlQi0h0rTbdLlesxVWKdnsD2d68JCqEm1PqY0gApEq-2PspCqsudc2S7A7kQBTXq15Kj3lRM1RSbVgL7XYENTsk1ZrFXAsIGCiFfSnUwsMnC78gquiuqRSiz1azmm+pxYGolJKIDvU5XAblREaXzKjX43lLK1BxqRQm25YKIC4vnfOlpR4rAgBvmMZgbA7EVxAHVLI2BGDwOqHwMsooljXSuYqOYe6OKMAAAJpJIBkp9PRYAkAACytBvQezmdcaAPSenwMA4l6CNE8jcCwNwgA)*
First let's create an entry point for the application. Create a file `index.html`: