Optimize images, add Green Employee

index.html

@@ -846,6 +846,51 @@ <h4 class="text-2xl text-center leading-8 font-extrabold text-gray-900 tracking-
       </div>
     </section>
 
+    <section class="relative max-w-xl mx-auto px-4 sm:px-6 lg:px-8 lg:max-w-screen-xl">
+      <div class="relative mt-24 lg:mt-24 lg:grid lg:grid-cols-2 lg:gap-8 lg:items-start">
+        <div class="relative">
+          <h4 class="text-2xl text-center leading-8 font-extrabold text-gray-900 tracking-tight sm:text-3xl sm:leading-9">
+            Green Employee
+          </h4>
+
+          <div class="overflow-hidden">
+            <div class="px-4 py-5 sm:p-0">
+              <dl>
+                <div class="sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 sm:py-5">
+                  <dt class="text-sm leading-5 font-medium text-gray-500">
+                    Status
+                  </dt>
+                  <dd class="mt-1 text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
+                    <span class="font-bold text-blue-500">Accepted</span> as of January 21, 2020
+                  </dd>
+                </div>
+                <div class="mt-8 sm:mt-0 sm:grid sm:grid-cols-3 sm:gap-4 sm:border-t sm:border-gray-200 sm:px-6 sm:py-5">
+                  <dt class="text-sm leading-5 font-medium text-gray-500">
+                    Allows in-app sign-up?
+                  </dt>
+                  <dd class="mt-1 text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
+                    No. The "Create Account" button requires joining the workspace of an already-active employer account.
+                  </dd>
+                </div>
+                <div class="mt-8 sm:mt-0 sm:grid sm:grid-cols-3 sm:gap-4 sm:border-t sm:border-gray-200 sm:px-6 sm:py-5">
+                  <dt class="text-sm leading-5 font-medium text-gray-500">
+                    Purchases possible without Apple?
+                  </dt>
+                  <dd class="mt-1 text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
+                    Yes.
+                  </dd>
+                </div>
+              </dl>
+            </div>
+          </div>
+        </div>
+
+        <div class="mt-10 -mx-4 relative lg:mt-0">
+          <img class="shadow-lg relative mx-auto rounded-lg w-auto" width="490" style="height: 32rem;" src="greenemployee.png" alt="Green Employee iOS app" />
+        </div>
+      </div>
+    </section>
+
     <div class="mt-12 border-t border-gray-200 pt-8">
       <p class="text-base leading-6 text-gray-700 xl:text-center">
         Hastily compiled overnight by <a class="text-purple-500" href="https://twitter.com/LannyBose">@LannyBose</a>.