should be simpler but I want to launch :S

server/main.ts

@@ -1,8 +1,6 @@
 import { oakAdapter, etaEngine, viewEngine, Application, Router, staticFileRoutes, Status } from "./deps.ts";
 import { getLikes, updateLikes } from "./service.ts";
 
-//installGlobals();
-
 const app = new Application();
 
 app.use(
@@ -11,13 +9,11 @@ app.use(
   })
 );
 
-// deno-lint-ignore no-explicit-any
 async function updateLikesHandler(ctx: any) {
   const likes = await updateLikes(ctx);
   ctx.render("likes-done.html", {likes: likes});
 }
 
-// deno-lint-ignore no-explicit-any
 async function getLikesHandler(ctx: any) {
   const {likes, alreadyLiked} = await getLikes(ctx);
 
@@ -28,7 +24,6 @@ async function getLikesHandler(ctx: any) {
   }
 }
 
-// deno-lint-ignore no-explicit-any
 async function getUnLikesHandler(ctx: any) {
   const likes = await updateLikes(ctx);
   ctx.render("likes.html", {likes: likes});
@@ -41,7 +36,7 @@ router
   .post("/unlikes.html", getUnLikesHandler)
   .post("/likes.html", updateLikesHandler)
 
-// checks for static routes (real html files generated by 11ty in the _site directory)
+// checks for static routes (real html files generated by 11ty in the _site directory) and uses them if they exist
 app.use(staticFileRoutes);
 
 app.use(router.routes());

src/_includes/webc/c-footer.webc

@@ -7,6 +7,7 @@
 
 <style webc:scoped>
 	:host {
+		margin-top: var(--space-3);
 		padding: var(--space) calc(var(--space) * 1.5);
 		background-color: var(--foreground-100);
 		display: flex;

src/content/post.md

@@ -3,7 +3,15 @@ title: Deno
 tags: pages
 ---
 
-## What the? How do I use this
+## How do I use this?
 
-I made a blog post about this project which has [more detail](http://cssandstuff.deno.dev/writing/pairing-eleventy-with-htmx-and-deno/), you can visit.
+### Installing Deno
+
+To install Deno, follow the [docs here](https://docs.deno.com/runtime/manual/getting_started/installation),
+You can then clone or download [this starter](https://github.com/cssandstuff/11ty-deno-htmx)
+
+For local development run the deno command: <pre>deno task dev</pre>
+to deploy to deno.deploy you just need to [sign up for an account](https://deno.com/deploy), then once logged in you can create a new project and point it to your github repo.
+
+<!-- I made a blog post about this project which has [more details](http://cssandstuff.deno.dev/writing/pairing-eleventy-with-htmx-and-deno/). -->
 

src/css/style.css

@@ -56,13 +56,28 @@
     color: var(--denogrey);
     font-family: var(--fontFam);
   }
+
+  h3{
+    color: var(--pink);
+  }
+
+  pre{ 
+    display: block;
+    background: var(--black);
+    color: var(--white);
+    padding: 0.5em;
+    border-radius: 4px;
+    font-size: 1rem;
+  } 
+
+
 
   main p{
     line-height: 1.2;
     color: var(--denogreydark);
-    margin-bottom: var(--space-3);
   }
-
+
+
   a{
     text-underline-offset: 0.3em;
     text-decoration-color: var(--underline-resting);
@@ -139,8 +154,11 @@
   display: none;
 }
 #main div > *+* {
-  display: block;
-  margin-top: calc(var(--margin)/2);
+  margin-top: calc(var(--space));
+}
+
+#main div > *:not(h2)+*:is(h2,h3) {
+  margin-top: var(--space-2);
 }
 
 .visually-hidden {

src/index.md

@@ -6,7 +6,7 @@ Now that Eleventy supports ESM (from version 3.x), it means we can use it in pla
 
 ## Deno
 
-Deno is a fast, secure and great alternative to Node and now supports most of the node ecosystem, so it seems like a great time to try and bring the two together in a starter project, and that's exactly what this is. Deno.deploy is also a super great place to try out ideas and has native key-pair database for doing server-side like things.
+Deno is a fast, secure and great alternative to Node and now supports most of the node ecosystem, so it seems like a great time to try and bring the two together in a starter project, and that's exactly what this is. You can host staticly on Deno, but then there's room to do server stuff too if you want.
 
 ## Htmx