import type { FC } from "hono/jsx";
import { Hono } from "npm:hono";
import { html } from "npm:hono/html";
const app = new Hono();
const Style = () =>
html`<style>
@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic);
body { font-family: 'Droid Serif'; }
h1, h2, h3 {
font-family: 'Yanone Kaffeesatz';
font-weight: normal;
}
.remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; }
</style>`;
const Content = () =>
html`<textarea id="source">
class: center, middle
# Title
---
# Agenda
1. Introduction 2. Deep-dive 3. ...
---
# Introduction
</textarea>`;
const Slides: FC = () => {
return (
<html>
<head>
<title>Title</title>
<Style></Style>
</head>
<body>
<Content></Content>
<script src="https://remarkjs.com/downloads/remark-latest.min.js">
</script>
<script>
var slideshow = remark.create();
</script>
</body>
</html>
);
};
export const ardent_astronomy = async (req: Request) => {
const app = new Hono();
app.get("/", (c) => c.html(<Slides></Slides>));
return app.fetch(req);
};