add webcompat.dev webcomponent to homepage (#68)

* add webcompat.dev webcomponent to homepage

* add post for webcompat

* fix caniwebview naming

* add webcompat.dev svg in readme

Author: NiklasMerz

README.md

@@ -4,6 +4,8 @@ The WebView Compatibility Data Project is an initiative driven by the [WebView C
 to [make machine-readable data more readily available for documentation platforms and other tools
 ](https://github.com/WebView-CG/charter/blob/04422d7cb3ecc80a7d0f6755135995a74deab64b/charter.md?plain=1#L26).
 
+![CanIWebView and other tools](https://webcompat.dev/assets/img/graphs/CanIWebView.svg)
+
 ## Development
 
 Prerequisites:

_posts/2025-10-15-CanIWebView-Apps-Now-Available.md

@@ -1,5 +1,5 @@
 ---
-title: "Test Your Site in Real WebViews - CanIWebview for Android & iOS"
+title: "Test Your Site in Real WebViews - CanIWebView for Android & iOS"
 date: 2025-10-15
 ---
 

_posts/2026-05-08-webcompat-dev.md

@@ -0,0 +1,8 @@
+---
+title: "CanIWebView and more tools on webcompat.dev"
+date: 2026-05-08
+---
+
+You might have noticed that the home page changed a little recently. It now shows where caniwebview.com get it's data from using the new info site [webcompat.dev](webcompat.dev). Many individuals, groups and organizations work together collecting data, documentation and more and building these awesome tools that describe the state of the web. CanIWebView is just one downstream consumer.
+
+**Please check it out and contribute!**

pages/app.html

@@ -6,7 +6,7 @@
 <div class="post">
 	<section>
 		<h2>What is this all about?</h2>
-		<p>CanIWebview is an initiative driven by the
+		<p>CanIWebView is an initiative driven by the
 			<a href="https://www.w3.org/community/webview/">WebView CG</a>
 			to make
 			machine-readable compatability data on WebViews more readily available for documentation platforms and
@@ -25,7 +25,7 @@ <h2>BCD Collector</h2>
 
 		<p>
 		You can use this app to run the <b><a
-			href="https://mdn-bcd-collector.gooborg.com/">BCD collector</a></b> and help us collect data for CanIWebview and more sources.
+			href="https://mdn-bcd-collector.gooborg.com/">BCD collector</a></b> and help us collect data for CanIWebView and more sources.
 		</p>
 
 	</section>

pages/home.html

@@ -6,6 +6,11 @@
 <h3>
 	<a href=" /about" class="about-button">What is a WebView?</a>
 </h3>
+<script src="https://webcompat.dev/assets/js/tool-graph.js"></script>
+<tool-graph
+  node-id="CanIWebView"
+  data-base="https://webcompat.dev">
+</tool-graph>
 <div class="homepage">
 	<div class="block">