chore/updates for new Greenwood website (#172)

* updates for new website

* updates for new website

README.md

@@ -86,6 +86,6 @@ See our [website](https://merry-caramel-524e61.netlify.app/) for API docs and ex
 
 ## Motivation
 
-**WCC** is not a static site generator, framework or bundler.  It is focused on producing raw HTML from Web Components with the intent of being easily integrated into a site generator or framework, like [**Greenwood**](https://github.com/ProjectEvergreen/greenwood/) or [**Eleventy**](https://github.com/ProjectEvergreen/eleventy-plugin-wcc/), the original motivation for creating [this project](https://github.com/ProjectEvergreen/greenwood/issues/935).
+**WCC** is not a static site generator, framework or bundler.  It is designed with the intent of being able to produce raw HTML from standards compliant Web Components and easily integrated _into_ a site generator or framework, like [**Greenwood**](https://www.greenwoodjs.dev).  The Project Evergreen team also maintains similar integrations for [**Eleventy**](https://github.com/ProjectEvergreen/eleventy-plugin-wcc/) and [Astro](https://github.com/ProjectEvergreen/astro-wcc).
 
 In addition, **WCC** hopes to provide a surface area to explore patterns around [streaming](https://github.com/ProjectEvergreen/wcc/issues/5), [serverless and edge rendering](https://github.com/thescientist13/web-components-at-the-edge), and as acting as a test bed for the [Web Components Community Groups](https://github.com/webcomponents-cg)'s discussions around community protocols, like [hydration](https://github.com/ProjectEvergreen/wcc/issues/3).

docs/pages/examples.md

@@ -6,16 +6,16 @@ Below are some example of how **WCC** is being used right now.
 
 ## Server Rendering (SSR)
 
-For the project [**Greenwood**](https://github.com/ProjectEvergreen/greenwood/), **WCC** is going to be used to provide a _Next.js_ like experience by allowing users to author [server-side routes using native custom elements](https://www.greenwoodjs.io/docs/server-rendering/#routes)!  ✨
+For the project [**Greenwood**](https://www.greenwoodjs.dev/), **WCC** is used to provide a _Next.js_ like experience by allowing users to author [server-side routes using native custom elements](https://www.greenwoodjs.dev/docs/pages/server-rendering/#web-server-components)!  ✨
 
 ```js
 import '../components/card/card.js';
-import fetch from 'node-fetch';
 
 export default class ArtistsPage extends HTMLElement {
   async connectedCallback() {
     if (!this.shadowRoot) {
-      const artists = await fetch('https://www.domain.com/api/artists').then(resp => resp.json());
+      const artists = await fetch('https://www.domain.com/api/artists')
+        .then(resp => resp.json());
       const html = artists.map(artist => {
         return `
           <wc-card>
@@ -297,4 +297,4 @@ A couple examples of using WCC + JSX are available for reference and reproductio
 * [Counter](https://github.com/thescientist13/greenwood-counter-jsx)
 * [Todo App](https://github.com/thescientist13/todo-app)
 
-Both of these examples can compile JSX for _**the client or the server**_ using [Greenwood](https://www.greenwoodjs.io/), and can even be used with great testing tools like [**@web/test-runner**](https://modern-web.dev/docs/test-runner/overview/)! 💪
+Both of these examples can compile JSX for _**the client or the server**_ using [Greenwood](https://www.greenwoodjs.dev/), and can even be used with great testing tools like [**@web/test-runner**](https://modern-web.dev/docs/test-runner/overview/)! 💪

sandbox/index.html

@@ -81,7 +81,7 @@ <h2>Declarative Shadow DOM (has JS)</h2>
     <pre>
       &lt;sb-card
         title="iPhone 9"
-        thumbnail="https://www.greenwoodjs.io/assets/greenwood-logo-og.png"
+        thumbnail="https://www.greenwoodjs.dev/assets/greenwood-logo-og.png"
       &gt;&lt;/sb-card&gt;
     </pre>
 
@@ -104,15 +104,15 @@ <h2>HTML Web Component (Light DOM + has JS)</h2>
     </style>
     <sb-picture-frame title="Greenwood Logo">
       <img
-        src="https://www.greenwoodjs.io/assets/greenwood-logo-og.png"
+        src="https://www.greenwoodjs.dev/assets/greenwood-logo-og.png"
         alt="Greenwood logo"
       />
     </sb-picture-frame>
 
     <pre>
       &lt;sb-picture-frame title="Greenwood Logo"&gt;
         &lt;img
-          src="https://www.greenwoodjs.io/assets/greenwood-logo-og.png"
+          src="https://www.greenwoodjs.dev/assets/greenwood-logo-og.png"
           alt="Greenwood logo"
         /&gt;
       &lt;/sb-picture-frame&gt;