diff --git a/website/pages/index.markdown b/website/pages/index.markdown
new file mode 100644
index 000000000..34ce13823
--- /dev/null
+++ b/website/pages/index.markdown
@@ -0,0 +1,28 @@
+@title Evergreen
+
+Evergreen is an open source, productivity-style feed reader for Macs.
+
+It’s at a very early stage — we use it, but we don’t expect other people to use it yet.
+
+Nevertheless, you can:
+
+Download the latest build
+
+Report bugs and make feature requests
+
+Checkout the code
+
+Also note: [Evergreen has its own blog](https://ranchero.com/evergreen/blog/). (The blog is one of the default feeds in Evergreen.)
+
+#### To Do
+
+Again — it’s barely usable at this point. Not even that. It’s not beta — it’s not even *alpha*. It’s at 1.0d11 — the “d” stands for “development“ version.
+
+What remains to be done is pretty much obvious. Tons of stuff. It doesn’t even have an app icon yet.
+
+However, a few notes about the future:
+
+* We don’t plan on doing an iOS version ever. We might change our minds, but we doubt it.
+* We don’t plan on making a for-pay version ever, either. We might change our minds, but it’s massively unlikely. [This app is written for love](http://inessential.com/2015/06/30/love), not money.
+* Future versions will add syncing via existing services (such as [FeedBin](https://feedbin.com/), [Feedly](https://feedly.com/), [Feed Wrangler](https://feedwrangler.net/), and others), though we make no promises about which ones and when. (This means that, some time in the future, you could use Evergreen on your Mac and [Unread](http://supertop.co/unread/), [Reeder](http://reederapp.com/ios/), or other feed reader on your iPhone and iPad.)
+* You’re free to use the code and make your own feed reader, even on iOS. It’s MIT-licensed. Just call it something besides Evergreen.
diff --git a/website/snippets/header.html b/website/snippets/header.html
index 509048044..0a7d315ec 100644
--- a/website/snippets/header.html
+++ b/website/snippets/header.html
@@ -10,6 +10,6 @@
-
+
diff --git a/website/styles/styleSheet.css b/website/styles/styleSheet.css
index 0cee73840..88838b039 100644
--- a/website/styles/styleSheet.css
+++ b/website/styles/styleSheet.css
@@ -3,9 +3,9 @@ body {
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
- line-height: 1.55em;
- font-family: "Helvetica Neue", Helvetica, sans-serif;
- font-size: 18px;
+ line-height: 1.6em;
+ font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
+ font-size: 1.2em;
color: #333;
background-color: white;
}
@@ -15,7 +15,7 @@ a {
}
#banner {
line-height: 2em;
- padding-top: 34px;
+ padding-top: 17px;
padding-bottom: 1px;
background-color: #445088;
text-align: center;
@@ -64,12 +64,10 @@ a:visited {
backgrxound-color: #6A7DD4;
}
code, pre {
- font-family: Menlo, monospace;
+ font-family: "SF Mono", Menlo, "Courier", monospace;
font-size: 14px;
- color: maroon;
+ color: #666;
}
-
-
@media (max-width: 700px) {
#innerbanner {
text-align: center;
diff --git a/website/templates/page.html b/website/templates/page.html
index d89f9c7ca..68333c7fa 100644
--- a/website/templates/page.html
+++ b/website/templates/page.html
@@ -1,4 +1,5 @@
[[=header.html]]
+
[[@title]]
[[@bodytext]]
[[=footer.html]]