Add docs badge and links to README (#192)

* Add docs badge and links to README

The documentation is now live at https://fork-tongue.github.io/collagraph/
so link to it from the README: a Docs workflow badge next to the PyPI
and CI badges, plus links in the intro and examples sections.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

* Update README counter example to text interpolation

Match examples/pyside/counter.cgx and the documentation, which use
text content with interpolation instead of the :text attribute.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

* Remove outdated mention of plain render functions from README

Since the fine-grained reactivity overhaul, single-file components
(.cgx) are the ergonomic way to write components, so describe that as
the way to write interfaces and mention that reactivity is fine-grained.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

* Mention PySide6 and Pygfx renderers in README feature list

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

---------

Co-authored-by: Claude Fable 5 <noreply@anthropic.com>

Author: berendkleinhaneveld

README.md

@@ -1,36 +1,32 @@
 [![PyPI version](https://badge.fury.io/py/collagraph.svg)](https://badge.fury.io/py/collagraph)
 [![CI status](https://github.com/fork-tongue/collagraph/workflows/CI/badge.svg)](https://github.com/fork-tongue/collagraph/actions)
+[![Docs](https://github.com/fork-tongue/collagraph/workflows/Docs/badge.svg)](https://fork-tongue.github.io/collagraph/)
 
 # Collagraph 📓
 
 Reactive user interfaces.
 
 > The word [Collagraphy](https://en.wikipedia.org/wiki/Collagraphy) is derived from the Greek word _koll_ or _kolla_, meaning glue, and graph, meaning the activity of drawing.
 
-Inspired by Vue and React.
+Inspired by Vue and React. Check out the [documentation](https://fork-tongue.github.io/collagraph/) to get started.
 
 
 ## Features
 
-Write your Python interfaces in a declarative manner with plain render functions, component classes or even single-file components using Vue-like syntax, but with Python!
+Write your Python interfaces in a declarative manner as single-file components with Vue-like syntax (`.cgx` files), but with Python!
 
-* Reactivity (made possible by leveraging [observ](https://github.com/fork-tongue/observ))
+* Fine-grained reactivity (made possible by leveraging [observ](https://github.com/fork-tongue/observ))
 * Class components with local state and life-cycle methods/hooks
 * Single-file components with Vue-like template syntax (`.cgx` files)
-* Custom renderers
+* Renderers for PySide6 and [Pygfx](https://github.com/pygfx/pygfx), with support for custom renderers
 
 Here is an example that shows a counter, made with a component with Vue-like syntax:
 
 Contents of `counter.cgx`:
 ```html
 <widget>
-  <label
-    :text="f'Count: {count}'"
-  />
-  <button
-    text="bump"
-    @clicked="bump"
-  />
+  <label>Count: {{ count }}</label>
+  <button @clicked="bump">bump</button>
 </widget>
 
 <script>
@@ -81,7 +77,7 @@ To inspect the Python code that is compiled for a component, use the `--show-cod
 uv run collagraph --show-code examples/pyside/counter.cgx
 ```
 
-For more examples, please take a look at the [examples folder](examples).
+For more examples, please take a look at the [examples folder](examples). For guides and API reference, visit the [documentation](https://fork-tongue.github.io/collagraph/).
 
 Currently there are two renderers: