couple of style updates, add favicon

site/assets/css/markdown.css

@@ -8,9 +8,8 @@ body {
 code, pre {
   font-family: "Roboto Mono", "Consolas", monospace;
   font-size: 14px;
-  background-color: #e5e5e5;
   border-radius: 4px;
-  padding: 1px 3px 1px 3px;
+  padding: 0px 4px 2px 4px;
 }
 
 /*

site/assets/css/tailwind.css

@@ -903,6 +903,11 @@ video {
   background-color: rgb(247 247 235 / var(--tw-bg-opacity));
 }
 
+.bg-black {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+}
+
 .bg-red-800 {
   --tw-bg-opacity: 1;
   background-color: rgb(153 27 27 / var(--tw-bg-opacity));
@@ -982,6 +987,14 @@ video {
   padding-bottom: 2rem;
 }
 
+.pb-10 {
+  padding-bottom: 2.5rem;
+}
+
+.pb-12 {
+  padding-bottom: 3rem;
+}
+
 .pl-1 {
   padding-left: 0.25rem;
 }
@@ -994,6 +1007,10 @@ video {
   padding-top: 0.5rem;
 }
 
+.pt-8 {
+  padding-top: 2rem;
+}
+
 .text-center {
   text-align: center;
 }

site/index.html

@@ -5,6 +5,7 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width,initial-scale=1">
   <title>Static Sites for the Small Web</title>
+  <link rel="icon" type="image/png" href="/assets/ecstatic.png" />
   <link rel="stylesheet" href="/assets/css/fonts.css">
   <link rel="stylesheet" href="/assets/css/tailwind.css">
   <link rel="stylesheet" href="/assets/css/markdown.css">
@@ -37,7 +38,7 @@
     <div class="w-full bg-[#302313] flex flex-row items-center justify-center">
       <div class="w-full max-w-[768px] text-[#F7F7EB] px-8 py-8">
         <h2 class="text-[#b7cb9f]">What Is It?</h2>
-          <p>Ecstatic is a platform which <b>hosts static websites</b>. You write some HTML, JS, and whatever else, then use `git push` to send it to Ecstatic, which puts that content online for you.</p>
+          <p>Ecstatic is a platform which <b>hosts static websites</b>. You write some HTML, JS, and whatever else, then use <code class="bg-black">git push</code> to send it to Ecstatic, which puts that content online for you.</p>
           <p>And that content can be anything -- you can create a simple homepage with handwritten HTML, maintain a blog using <a href="https://jekyllrb.com/">any</a> <a href="https://gohugo.io/">static</a> <a href="https://www.11ty.dev/">site</a> <a href="https://www.gitbook.com/">generator</a> <a href="https://docusaurus.io/">you</a> <a href="https://astro.build/">want</a>, or even host the frontend for a full-on web application using a JS framework like React.</p>
           <p>This landing page, and the Ecstatic web app, are both <b>hosted on Ecstatic</b>!</p>
       </div>
@@ -80,7 +81,7 @@ <h2>Features</h2>
               <div class="text-[#D08606]">▼</div>
             </div>
           </summary>
-          <div class="mt-2">If you've ever used Heroku, you know how nice it is to simply <code>git push</code> and see your code deployed. And if you haven't, it's just a single command from a tool probably already installed on your computer.</div>
+          <div class="mt-2">If you've ever used Heroku, you know how nice it is to simply <code class="bg-white">git push</code> and see your code deployed. And if you haven't, it's just a single command from a tool probably already installed on your computer.</div>
         </details>
         <details class="py-4">
           <summary>
@@ -113,7 +114,7 @@ <h2>Important</h2>
     </div>
     <!-- Links -->
     <div class="w-full bg-[#302313] flex flex-row items-center justify-center">
-      <div class="w-full max-w-[768px] px-8 py-8 flex flex-col items-center justify-center text-[#F7F7EB]">
+      <div class="w-full max-w-[768px] px-8 pt-8 pb-12 flex flex-col items-center justify-center text-[#F7F7EB]">
         <h2>Want to See More?</h2>
         <div class="w-full flex flex-row items-center justify-center">
           <a href="https://app.ecstaticsites.org/#/signin?demo=true" class="bg-[#D08606] text-[#F7F7EB] px-4 py-2 mx-2 mt-4 rounded-md no-underline">Demo</a>