move copyright to footer

Author: mbostock

public/style.css

@@ -47,18 +47,19 @@ body {
   margin: 0;
 }
 
-main {
+main,
+#observablehq-footer {
   margin: 2rem auto;
   max-width: 1152px;
+}
+
+main {
   min-height: calc(100vh - 17rem);
-  padding-bottom: 10rem;
 }
 
-#observablehq-center::after {
-  content: "© 2023 Observable, Inc.";
+#observablehq-footer {
   display: block;
-  margin: 2rem auto;
-  max-width: 1152px;
+  margin-top: 10rem;
   font: 12px var(--sans-serif);
   color: var(--theme-foreground-faint);
 }

src/render.ts

@@ -111,6 +111,7 @@ ${
 }<div id="observablehq-center">
 <main class="observablehq">
 ${parseResult.html}</main>
+<footer id="observablehq-footer">© ${new Date().getUTCFullYear()} Observable, Inc.</footer>
 </div>
 `;
 }