⚡ Autonomous AI Art & Dark History Lore

Public Developer & Integration Guide

Access thousands of curated, verified dark chronicles across Music, Hollywood, History, Sports, Medicine, Fashion, and Religion. Embed zero-dependency responsive widgets or query the Daily AI Art Engine powered by gpt-5.6-luna and gpt-image-2.

✅ CORS Enabled (Public API) ⚡ No API Keys Required 🎨 4:3 High-Def Base64 PNGs ⏰ Midnight UTC Auto-Rollover

🎸 Music Theme: dark | neon | crimson

Dark Side of Music

Daily 5-flame music lore, rock scandals, and gpt-image-2 album artwork.

<script src="http://20.236.29.216:5000/daily-music-widget.js" async></script>
<darkside-daily-widget data-theme="dark"></darkside-daily-widget>

Element Tag: <darkside-daily-widget>

🎬 Hollywood Theme: noir | gold | crimson

Dark Side of Hollywood

Cursed sets, studio power plays, and cinematic AI-generated artwork.

<script src="http://20.236.29.216:5000/daily-hollywood-widget.js" async></script>
<darkside-daily-hollywood data-theme="noir"></darkside-daily-hollywood>

Element Tag: <darkside-daily-hollywood>

🏛️ History Theme: sandstone | gladiator

Dark Side of Ancient History

Ancient conspiracies, tyrant assassinations, and museum-grade AI paintings.

<script src="http://20.236.29.216:5000/daily-history-widget.js" async></script>
<darkside-daily-history data-theme="sandstone"></darkside-daily-history>

Element Tag: <darkside-daily-history>

🏆 Sports Theme: stadium | arena

Dark Side of Sports

Doping scandals, fixed matches, violent feuds, and dramatic sports AI art.

<script src="http://20.236.29.216:5000/daily-sports-widget.js" async></script>
<darkside-daily-sports data-theme="stadium"></darkside-daily-sports>

Element Tag: <darkside-daily-sports>

💉 Medicine Theme: clinical | vintage

Dark Side of Medicine

Unethical experiments, radiological accidents, and medical history AI art.

<script src="http://20.236.29.216:5000/daily-medicine-widget.js" async></script>
<darkside-daily-medicine data-theme="clinical"></darkside-daily-medicine>

Element Tag: <darkside-daily-medicine>

👗 Fashion Theme: velvet | editorial

Dark Side of Fashion

Runway disasters, haute couture assassinations, and avant-garde AI concept art.

<script src="http://20.236.29.216:5000/daily-fashion-widget.js" async></script>
<darkside-daily-fashion data-theme="velvet"></darkside-daily-fashion>

Element Tag: <darkside-daily-fashion>

⛪ Religion Theme: cathedral | parchment

Dark Side of Religion

Papal corruption, holy wars, heresy trials, and Gothic cathedral AI art.

<script src="http://20.236.29.216:5000/daily-religion-widget.js" async></script>
<darkside-daily-religion data-theme="cathedral"></darkside-daily-religion>

Element Tag: <darkside-daily-religion>

Live Widget SDK Rendering Preview

Live Web Components executing directly in this browser session.

Open Standalone Showcase →

Daily Darkside AI Art Engine REST API

Every day at 00:00 UTC, the server autonomously selects an extreme 5-flame lore chronicle from each database, executes gpt-5.6-luna to write an atmospheric concept art prompt, passes the prompt to gpt-image-2 to generate a 4:3 high-resolution painting, and stores the base64 payload into persistent storage.

GET /api/widget/daily

🎸 Dark Side of Music

GET /api/hollywood/widget/daily

🎬 Dark Side of Hollywood

GET /api/history/widget/daily

🏛️ Dark Side of Ancient History

GET /api/sports/widget/daily

🏆 Dark Side of Sports

GET /api/medicine/widget/daily

💉 Dark Side of Medicine

GET /api/fashion/widget/daily

👗 Dark Side of Fashion

GET /api/religion/widget/daily

⛪ Dark Side of Religion

Response Schema Definition

{
  "db": "music" | "hollywood" | "history" | "sports" | "medicine" | "fashion" | "religion",
  "dbLabel": "Dark Side of Music",
  "selectionDate": "2026-08-31",
  "fact": {
    "id": "e5549d90-39e3-4a81-8614-7c8e7ffa7a82",
    "headline": "Historical Title or Scandal Summary",
    "subject": "Main Figure or Group",
    "category": "Feuds",
    "era": "2020s",
    "summary": "Detailed verified historical chronicle...",
    "wildness": 5,
    "is_myth": false
  },
  "artPrompt": "A dark, cinematic concept painting...",
  "image": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB...",
  "fullAppUrl": "http://20.236.29.216:5000/?factId=...",
  "generatedAt": "2026-08-31T00:00:00.000Z"
}

Code Integration Examples

JavaScript / TypeScript (Fetch API)

async function fetchDailyLore(db = 'music') {
  const endpoints = {
    music: 'http://20.236.29.216:5000/api/widget/daily',
    hollywood: 'http://20.236.29.216:5000/api/hollywood/widget/daily',
    history: 'http://20.236.29.216:5000/api/history/widget/daily',
    sports: 'http://20.236.29.216:5000/api/sports/widget/daily',
    medicine: 'http://20.236.29.216:5000/api/medicine/widget/daily',
    fashion: 'http://20.236.29.216:5000/api/fashion/widget/daily',
    religion: 'http://20.236.29.216:5000/api/religion/widget/daily'
  };
  
  const res = await fetch(endpoints[db] || endpoints.music);
  const { fact, artPrompt, image, selectionDate } = await res.json();
  
  console.log(`[${selectionDate}] ${fact.headline}`);
  console.log(`AI Art Prompt: ${artPrompt}`);
  
  // Directly bind Base64 image to image tag
  document.getElementById('artwork').src = image;
}

Python (Requests)

import requests

def get_daily_offering(database="religion"):
    endpoints = {
        "music": "http://20.236.29.216:5000/api/widget/daily",
        "hollywood": "http://20.236.29.216:5000/api/hollywood/widget/daily",
        "history": "http://20.236.29.216:5000/api/history/widget/daily",
        "sports": "http://20.236.29.216:5000/api/sports/widget/daily",
        "medicine": "http://20.236.29.216:5000/api/medicine/widget/daily",
        "fashion": "http://20.236.29.216:5000/api/fashion/widget/daily",
        "religion": "http://20.236.29.216:5000/api/religion/widget/daily"
    }
    url = endpoints.get(database, endpoints["music"])
    res = requests.get(url)
    res.raise_for_status()
    data = res.json()
    print(f"[{data['dbLabel']}] {data['fact']['headline']}")
    return data

React Component (TypeScript + Tailwind)

import React, { useEffect, useState } from 'react';

export const DailyDarkside: React.FC<{ db?: string }> = ({ db = 'music' }) => {
  const [lore, setLore] = useState(null);

  useEffect(() => {
    const url = db === 'music' ? '/api/widget/daily' : `/api/${db}/widget/daily`;
    fetch(`http://20.236.29.216:5000${url}`)
      .then(res => res.json())
      .then(data => setLore(data));
  }, [db]);

  if (!lore) return Loading...;

  return (
    
      
      
        {lore.dbLabel}
        {lore.fact.headline}
        {lore.fact.summary}
      
    
  );
};

Public Developer & Integration Guide

Dark Side of Music

Dark Side of Hollywood

Dark Side of Ancient History

Dark Side of Sports

Dark Side of Medicine

Dark Side of Fashion

Dark Side of Religion

Live Widget SDK Rendering Preview

Daily Darkside AI Art Engine REST API

Response Schema Definition

Core Knowledge Base REST APIs

🎸 Music Database

🎬 Hollywood Database

🏛️ Ancient History Database

🏆 Sports Database

💉 Medicine Database

👗 Fashion Database

⛪ Religion Database

Code Integration Examples

{lore.fact.headline}