Skip to content

Instantly share code, notes, and snippets.

View jddunn's full-sized avatar

Johnny Dunn jddunn

View GitHub Profile
@jddunn
jddunn / logomaker.html
Created April 10, 2025 03:09
Logomaker - LLM-written logo maker web app, in 1 HTML file
<!-- https://manic.agency/blog/logomaker-an-experiment-in-human-computer-interaction-vibe-coding -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Logo Generator</title>
<!-- Extended Google Fonts API -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Audiowide&family=Bungee+Shade&family=Bungee&family=Bungee+Outline&family=Bungee+Hairline&family=Chakra+Petch:wght@700&family=Exo+2:wght@800&family=Megrim&family=Press+Start+2P&family=Rubik+Mono+One&family=Russo+One&family=Syne+Mono&family=VT323&family=Wallpoet&family=Faster+One&family=Teko:wght@700&family=Black+Ops+One&family=Bai+Jamjuree:wght@700&family=Righteous&family=Bangers&family=Raleway+Dots&family=Monoton&family=Syncopate:wght@700&family=Lexend+Mega:wght@800&family=Michroma&family=Iceland&family=ZCOOL+QingKe+HuangYou&family=Zen+Tokyo+Zoo&family=Major
export default class Display {
constructor(html = '', elementId = 'display') {
this.html = html;
this.elementId = elementId;
}
show(html = null) {
if (html === null) {
document.getElementById(this.elementId).innerHTML = this.html;