File size: 2,328 Bytes
3a357dc
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<!doctype html>
<html>
<head>
  <meta charset="utf-8" />
  <title>NEXUS Visual Weaver Operator Embed</title>
  <style>
    body { margin:0; background:#08070a; color:#eee; font-family:system-ui,sans-serif; }
    header { padding:16px 20px; border-bottom:1px solid #3a1118; }
    iframe { width:100%; height:900px; border:0; }
    .status-panel { padding:20px; background:#111; margin:20px; border-radius:8px; }
    .badge { display:inline-block; padding:4px 8px; margin:2px; border-radius:4px; font-size:12px; }
    .badge-yes { background:#2d5016; color:#fff; }
    .badge-pending { background:#b7791f; color:#fff; }
    pre { background:#1a1a1a; padding:16px; overflow:auto; max-height:400px; }
  </style>
</head>
<body>
  <header>
    <h1>🎨 NEXUS Visual Weaver β€” Operator Embed</h1>
    <p>Canonical Space: <strong>build-small-hackathon/NEXUS_Visual_Weaver</strong></p>
    <p>Track: Thousand Token Wood | Models: ~10B params (≀32B compliant)</p>
  </header>
  
  <div class="status-panel">
    <h2>πŸ† Bonus Badge Status</h2>
    <span class="badge badge-yes">βœ… Off-Brand</span>
    <span class="badge badge-yes">βœ… Best Agent</span>
    <span class="badge badge-yes">βœ… Tiny Titan</span>
    <span class="badge badge-yes">βœ… Best Use of Modal</span>
    <span class="badge badge-pending">⏳ Field Notes</span>
    <span class="badge badge-pending">⏳ Sharing is Caring</span>
    <span class="badge badge-pending">⏳ Best Demo</span>
  </div>

  <div class="status-panel">
    <h2>πŸ”§ Modal Forge Integration</h2>
    <p><strong>Role:</strong> Offline computation, LoRA experiments, artifact generation</p>
    <p><strong>Primary Runtime:</strong> Hugging Face ZeroGPU (NVIDIA RTX Pro 6000 Blackwell - 104GB VRAM)</p>
    <p><strong>Credit Usage:</strong> Hackathon Modal credits ($251 allocation)</p>
    <pre id="modal-status">Loading Modal status...</pre>
  </div>

  <iframe src="https://build-small-hackathon-nexus-visual-weaver.hf.space"></iframe>

  <script>
    fetch('examples/modal_forge_status.json')
      .then(r => r.json())
      .then(data => {
        document.getElementById('modal-status').textContent = JSON.stringify(data, null, 2);
      })
      .catch(err => {
        document.getElementById('modal-status').textContent = 'Status loading...';
      });
  </script>
</body>
</html>