@@ -108,4 +127,22 @@ const sidebarSections = SIDEBAR[langCode].reduce((col, item) => {
}
}
+ .sponsors {
+ padding-left: 1rem;
+ }
+
+ .netlify {
+ color: var(--theme-text);
+ width: 104px;
+ }
+
+ .sponsors-title {
+ color: hsl(var(--color-base-gray), 50%);
+ font-size: 0.8em;
+ font-weight: 300;
+ letter-spacing: 0.0625em;
+ margin: 0 0 0.5rem;
+ padding-left: 1rem;
+ text-transform: uppercase;
+ }
diff --git a/packages/astro/README.md b/packages/astro/README.md
index 204ab6406..702ad28e4 100644
--- a/packages/astro/README.md
+++ b/packages/astro/README.md
@@ -1,6 +1,6 @@
-**Astro** is a _fresh but familiar_ approach to building websites. Astro combines decades of proven performance best practices with the DX improvements of the component-oriented era. Use your favorite JavaScript framework and automatically ship the bare-minimum amount of JavaScript—by default.
+**Astro** is a _fresh but familiar_ approach to building websites. Astro combines decades of proven performance best practices with the DX improvements of the component-oriented era. Use your favorite JavaScript framework and automatically ship the bare-minimum amount of JavaScript—by default.
### [Announcement Post →](https://astro.build/blog/introducing-astro)
@@ -21,3 +21,29 @@ npm init astro
```
### [Full Documentation Site →](https://docs.astro.build/)
+
+## Sponsors
+
+You can sponsor Astro's development on [Open Collective][oc]. Astro is generously supported by the following companies and individuals:
+
+### Platinum Sponsors
+
+
+
+
+  |
+
+
+
+
+### Sponsors
+
+
+
+
+  |
+
+
+
+
+[oc]: https://opencollective.com/astrodotbuild
diff --git a/www/public/assets/netlify.svg b/www/public/assets/netlify.svg
new file mode 100644
index 000000000..e449531d5
--- /dev/null
+++ b/www/public/assets/netlify.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/www/src/components/Article.astro b/www/src/components/Article.astro
index 283d79d91..952c4af5a 100644
--- a/www/src/components/Article.astro
+++ b/www/src/components/Article.astro
@@ -3,67 +3,67 @@
diff --git a/www/src/components/Sponsors.astro b/www/src/components/Sponsors.astro
new file mode 100644
index 000000000..b1f68476d
--- /dev/null
+++ b/www/src/components/Sponsors.astro
@@ -0,0 +1,40 @@
+
+
+
+
Sponsored by
+
+
+
+
+
diff --git a/www/src/pages/index.astro b/www/src/pages/index.astro
index ea4f8b38b..dd4a63607 100644
--- a/www/src/pages/index.astro
+++ b/www/src/pages/index.astro
@@ -6,6 +6,7 @@ import Logo from '../components/Logo.astro';
import Article from '../components/Article.astro';
import Tagline from '../components/Tagline.astro';
import MainHeader from '../components/MainHeader.astro';
+import Sponsors from '../components/Sponsors.astro';
import YouTube from '../components/YouTube.astro';
import "../components/YouTube.css";
@@ -23,7 +24,7 @@ let lang = 'en';
-
+
@@ -35,7 +36,7 @@ let lang = 'en';
For a technology built on top of three different languages, the modern web seems to focus an awful lot on JavaScript. We don’t think it has to—and that’s certainly not a revolutionary concept.
-
+
We’ll eagerly jump at the chance to sing JavaScript’s praises, but HTML and CSS are pretty great too. There aren’t enough modern tools which reflect that, which is why we're building Astro.
@@ -59,6 +60,7 @@ let lang = 'en';
Psst... get early access to new features by joining our Discord community.