Skip to content

Instantly share code, notes, and snippets.

import { marked, Renderer } from "";
async function fetchMarkdownFromGithub(repoOwner, repoName, filePath) {
const fileUrl = `${repoOwner}/${repoName}/${filePath}`;
const response = await fetch(fileUrl);
if (!response.ok) {
throw new Error(`Error fetching Markdown file: ${response.statusText}`);
return await response.text();
function createMarkdownToHtmlConverter(repoOwner, repoName) {
<link rel="stylesheet" type="text/css" href=""/>
<h1>Hello World</h1>
<div id="container" style="width: 800px; height: 600px; border: 1px solid #ccc"></div>
<script type="module">
import * as monaco from '';
"lume3d": [{
"type": "script",
"attributes": {
"src": ""
"type": "script",
"attributes": {
const div = document.createElement("div"); = "2rem"; = "flex"; = "space-between"; = "700px";
const button = document.createElement("button");
const colors = ["indigo", "purple", "gold", "khaki", "aqua"];
function getRandomColor() {
return colors[Math.floor(Math.random()*colors.length)];
import React from "";
export default function ClientModule() {
return (
<h2>Client Module A</h2>
<p>TODO: put interactive JS stuff in this component</p>
<button onClick={() => alert("hello this button is interactive!")}>
do something
<div h-screen text-center flex select-none all:transition-400>
<div ma>
<p>Very busy 🐇. No time to explain, Arseniy.</p>
<h1>Gist Quilt</h1>
Using Deno to piece together a quilt of GitHub Gists into a single HTML page.
"nav": "0f142ffa935850569a0a05e0b8064322",
"footer": "94d242d29c7b63a67acf96b64053f2ac",
"routes": {
"/": "a5a50ed1011bf5e9e2ab8941dab6cc30",
"/about": "4c7ad16e312a29f0079a226b886e5016"
"webComponents": "bc5c6697a30f413643c8529875037123"