export default async function server(req: Request): Promise { return new Response( ` Kalshi Market Data

Kalshi Market Data

Select Date:

Date ↕️	Ticker Name ↕️	Report Ticker ↕️	Payout Type ↕️	Open Interest ↕️	Daily Volume ↕️	Block Volume ↕️	High ↕️	Low ↕️	Status ↕️

`, { headers: { "content-type": "text/html", }, } ); } const css = ` .container { max-width: 1200px; margin: 0 auto; padding: 20px; font-family: system-ui, -apple-system, sans-serif; } .date-picker { margin: 20px 0; display: flex; gap: 8px; align-items: center; } .date-picker input { padding: 8px; border: 1px solid #ddd; border-radius: 4px; } .fetch-button { padding: 8px 16px; background-color: #007bff; color: white; border: none; border-radius: 4px; cursor: pointer; transition: background-color 0.2s; } .fetch-button:hover { background-color: #0056b3; } .fetch-button:disabled { background-color: #ccc; cursor: not-allowed; } .loading { text-align: center; padding: 20px; font-style: italic; color: #666; } .hidden { display: none; } .table-container { overflow-x: auto; } table { width: 100%; border-collapse: collapse; margin: 20px 0; } th, td { padding: 12px; text-align: left; border-bottom: 1px solid #ddd; } th { background-color: #f5f5f5; cursor: pointer; user-select: none; } th:hover { background-color: #e5e5e5; } tr:nth-child(even) { background-color: #f9f9f9; } tr:hover { background-color: #f0f0f0; } footer { margin-top: 20px; text-align: center; color: #666; } footer a { color: #666; } .sort-icon { display: inline-block; margin-left: 4px; } `;

kalshi

Version 2