Burnmydays commited on
Commit
040c71a
·
1 Parent(s): a037512

ui(hero): move § logo above the divider line, centered + larger (82px)

Browse files
Files changed (2) hide show
  1. app.py +3 -2
  2. theme.py +4 -4
app.py CHANGED
@@ -767,14 +767,15 @@ def _build_demo():
767
  with _b:
768
  with gr.Column(elem_id="moses-hero"):
769
  gr.HTML(
770
- "<div style='display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; border-bottom: 2px solid #C4923A; padding: 4px 0 4px; margin-bottom: 10px;'>"
771
  " <div style='text-align: left; flex: none;'>"
772
  " <div style='color: #8a7f68; font-size: 11px; letter-spacing: 0.3em; text-transform: uppercase; margin-bottom: 2px;'>Powered by MO\u00a7ES\u2122</div>"
773
  " <h1 style='margin: 0 !important; line-height: 0.9; text-shadow: 0 0 24px rgba(196,146,58,0.25);'>SIGRANK</h1>"
774
  " </div>"
775
  " <div style='text-align: right; max-width: 470px; color:#E8E0CF; font-size: 16px; font-weight: 600; line-height: 1.45;'>Ranking AI operators on performance, production, architecture &amp; cost efficiency.</div>"
776
  "</div>"
777
- "<div style='display: flex; justify-content: center; margin: 2px 0;'><div class='moses-logo'><span class='ml-s'>§</span></div></div>"
 
778
  "<div style='text-align: center; color:#C4923A; font-size: 14px; font-weight: 700; letter-spacing: 0.02em; margin: 6px 0 10px;'>Identifying Burners, Builders, and 10×ers.</div>"
779
  )
780
  # full-width live leaderboard scroller (replaces the old static stat strip)
 
767
  with _b:
768
  with gr.Column(elem_id="moses-hero"):
769
  gr.HTML(
770
+ "<div style='display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; padding: 4px 0 0;'>"
771
  " <div style='text-align: left; flex: none;'>"
772
  " <div style='color: #8a7f68; font-size: 11px; letter-spacing: 0.3em; text-transform: uppercase; margin-bottom: 2px;'>Powered by MO\u00a7ES\u2122</div>"
773
  " <h1 style='margin: 0 !important; line-height: 0.9; text-shadow: 0 0 24px rgba(196,146,58,0.25);'>SIGRANK</h1>"
774
  " </div>"
775
  " <div style='text-align: right; max-width: 470px; color:#E8E0CF; font-size: 16px; font-weight: 600; line-height: 1.45;'>Ranking AI operators on performance, production, architecture &amp; cost efficiency.</div>"
776
  "</div>"
777
+ "<div style='display: flex; justify-content: center; margin: 8px 0 8px;'><div class='moses-logo'><span class='ml-s'>§</span></div></div>"
778
+ "<div style='border-bottom: 2px solid #C4923A; margin-bottom: 10px;'></div>"
779
  "<div style='text-align: center; color:#C4923A; font-size: 14px; font-weight: 700; letter-spacing: 0.02em; margin: 6px 0 10px;'>Identifying Burners, Builders, and 10×ers.</div>"
780
  )
781
  # full-width live leaderboard scroller (replaces the old static stat strip)
theme.py CHANGED
@@ -319,13 +319,13 @@ button.primary:hover, #compute-btn:hover { background: #d8a449 !important; }
319
  @media (max-width: 700px) { .mx-cols { grid-template-columns: 1fr; } .mx-analogy { font-size: 13px; } }
320
 
321
  /* ---------- MO§ES logo (CSS-drawn: gold § in concentric rings on a dark disc) ---------- */
322
- .moses-logo { position: relative; width: 64px; height: 64px; border-radius: 50%;
323
  background: #0F0D0A; border: 2px solid var(--moses-gold); display: flex;
324
- align-items: center; justify-content: center; box-shadow: 0 0 16px rgba(196,146,58,0.4); }
325
- .moses-logo::before { content: ''; position: absolute; inset: 5px; border-radius: 50%;
326
  border: 1px solid rgba(196,146,58,0.4); }
327
  .ml-s { color: var(--moses-gold); font-family: Georgia, "Times New Roman", serif;
328
- font-size: 38px; font-weight: 700; line-height: 1; }
329
 
330
  /* ---------- middle nav link (Leaders) emphasized ---------- */
331
  .tab-container > button:nth-child(3), .tab-nav > button:nth-child(3) {
 
319
  @media (max-width: 700px) { .mx-cols { grid-template-columns: 1fr; } .mx-analogy { font-size: 13px; } }
320
 
321
  /* ---------- MO§ES logo (CSS-drawn: gold § in concentric rings on a dark disc) ---------- */
322
+ .moses-logo { position: relative; width: 82px; height: 82px; border-radius: 50%;
323
  background: #0F0D0A; border: 2px solid var(--moses-gold); display: flex;
324
+ align-items: center; justify-content: center; box-shadow: 0 0 18px rgba(196,146,58,0.45); }
325
+ .moses-logo::before { content: ''; position: absolute; inset: 6px; border-radius: 50%;
326
  border: 1px solid rgba(196,146,58,0.4); }
327
  .ml-s { color: var(--moses-gold); font-family: Georgia, "Times New Roman", serif;
328
+ font-size: 48px; font-weight: 700; line-height: 1; }
329
 
330
  /* ---------- middle nav link (Leaders) emphasized ---------- */
331
  .tab-container > button:nth-child(3), .tab-nav > button:nth-child(3) {