Upload cross-market-report.html

src/templates/reports/cross-market-report.html

@@ -1 +1,36 @@
-# code goes here
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Quantified Cross-Market Crypto Analysis Report</title>
+    <meta charset="UTF-8">
+    <style>
+        $tokens_css
+    body { margin: 20px; background: var(--report-bg); font-family: Arial, sans-serif; }
+    .table-container { margin: 20px 0; background: var(--report-card); padding: 15px; border-radius: 10px; }
+    table { width: 100%; border-collapse: collapse; margin: 10px 0; }
+    thead { display: table-row-group; }
+    th, td { padding: 10px; border: 1px solid var(--report-border); text-align: left; }
+    th { background: var(--report-head); color: var(--report-card); }
+    tr:nth-child(even) { background: var(--report-zebra); }
+    .header { background: var(--report-head); color: var(--report-card); padding: 20px; border-radius: 10px; text-align: center; }
+    h2 { color: var(--report-head); border-bottom: 2px solid var(--report-accent); padding-bottom: 10px; }
+    .footer { text-align: center; margin-top: 20px; color: var(--report-muted); }
+    .oi-strong { color: var(--report-strong); font-weight: bold; }
+    .oi-weak { color: var(--report-weak); }
+    .ticker-btn { display: block; width: 100%; height: 100%; color: var(--report-ticker); text-decoration: none; font-weight: 800; box-sizing: border-box; touch-action: manipulation; -webkit-tap-highlight-color: color-mix(in srgb, var(--report-ticker) 15%, transparent); transition: background 0.15s; }
+    .ticker-btn:active { background: color-mix(in srgb, var(--report-ticker) 10%, transparent); }
+    
+</style>
+</head>
+<body class="cross-market-report">
+    <div class="header">
+        <h1>Cross-Market Crypto Analysis Report</h1>
+        <p><small>Generated on: $current_time</small></p>
+    </div>
+    $tables_body
+    $cheat_sheet_footer
+    <div class="footer">
+        <p>Generated by <a href="/" style="color:var(--report-ticker); text-decoration:none; font-weight:bold;">QuantVAT</a> | By (@heisbuba) | Not Financial Advice!</p>
+    </div>
+</body>
+</html>