| <html><head><link href="https://cdn.jsdelivr.net/npm/daisyui@3.1.6/dist/full.css" rel="stylesheet" type="text/css" /><script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script><script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio"></script><script defer src="https://cdnjs.cloudflare.com/ajax/libs/three.js/0.156.1/three.min.js"></script><script type="module" src="main.js"></script><title>Goodreads</title></head><body><header><nav><div x-data="{ mi | |
| // In main.js: | |
| import * as THREE from 'three.js'; | |
| import Main from './Main.svelte'; | |
| new Main({ target: document.body }); | |
| // In style.css: | |
| body { | |
| margin: 0; | |
| padding: 0; | |
| font-family: Arial, sans-serif; | |
| background: #f7f7f7; | |
| } | |
| // In app.js: | |
| import { html, render } from 'https://unpkg.com/htm/preact/standalone.module.js'; | |
| import Main from './Main.js'; | |
| render(html`<${Main} />`, document.body); |