Hugging Face's logo

Spaces:
openfree
/
ZeroGPU-Leader
Running

App Files Community
openfree commited on
Commit
337a659
·
verified ·
1 Parent(s): c7d928c

Update app-backup.py

Browse files
Files changed (1) hide show
  1. app-backup.py +35 -15
app-backup.py CHANGED
@@ -882,6 +882,17 @@ if __name__ == '__main__':
882
  line-height: 1rem;
883
  color: #f56565;
884
  }
 
 
 
 
 
 
 
 
 
 
 
885
  </style>
886
  </head>
887
  <body>
@@ -899,14 +910,14 @@ if __name__ == '__main__':
899
  <div class="mac-content">
900
  <div class="header">
901
  <!-- 첫 번째 탭 제목을 Zero GPU Spaces로 변경 -->
902
- <h1>Zero GPU Spaces</h1>
903
- <p>Discover 'TOP 1,000' Zero GPU(Shared A100) spaces from Hugging Face</p>
904
  </div>
905
 
906
  <!-- Tab Navigation -->
907
  <div class="tab-nav">
908
- <button id="tabTrendingButton" class="tab-button active">Zero GPU Spaces</button>
909
- <button id="tabFixedButton" class="tab-button">Fixed Tab</button>
910
  </div>
911
 
912
  <!-- Trending(Zero GPU) Tab Content -->
@@ -1321,19 +1332,15 @@ if __name__ == '__main__':
1321
  const headerDiv = document.createElement('div');
1322
  headerDiv.className = 'grid-header';
1323
 
1324
- // space-header (아바타 + 제목 + Zero GPU 배지)
1325
  const spaceHeader = document.createElement('div');
1326
  spaceHeader.className = 'space-header';
1327
 
1328
- // 아바타
1329
- const avatarImg = document.createElement('img');
1330
- avatarImg.className = 'avatar-img';
1331
- if (avatar_url) {
1332
- avatarImg.src = avatar_url;
1333
- } else {
1334
- avatarImg.src = 'https://huggingface.co/front/thumbnails/huggingface/default-avatar.svg';
1335
- }
1336
- spaceHeader.appendChild(avatarImg);
1337
 
1338
  // 제목+배지
1339
  const titleWrapper = document.createElement('div');
@@ -1506,10 +1513,22 @@ if __name__ == '__main__':
1506
  const headerTop = document.createElement('div');
1507
  headerTop.className = 'grid-header-top';
1508
 
 
 
 
 
 
 
 
 
 
 
1509
  const titleEl = document.createElement('h3');
1510
  titleEl.textContent = title;
1511
  titleEl.title = title;
1512
- headerTop.appendChild(titleEl);
 
 
1513
 
1514
  const rankBadge = document.createElement('div');
1515
  rankBadge.className = 'rank-badge';
@@ -1658,3 +1677,4 @@ if __name__ == '__main__':
1658
 
1659
  # Flask 앱 실행 (포트 7860)
1660
  app.run(host='0.0.0.0', port=7860)
 
 
882
  line-height: 1rem;
883
  color: #f56565;
884
  }
885
+ /* 이모지 전용 스타일 (선택사항) */
886
+ .emoji-avatar {
887
+ font-size: 1.2rem;
888
+ width: 32px;
889
+ height: 32px;
890
+ border-radius: 50%;
891
+ border: 1px solid #ccc;
892
+ display: flex;
893
+ align-items: center;
894
+ justify-content: center;
895
+ }
896
  </style>
897
  </head>
898
  <body>
 
910
  <div class="mac-content">
911
  <div class="header">
912
  <!-- 첫 번째 탭 제목을 Zero GPU Spaces로 변경 -->
913
+ <h1>ZeroGPU Spaces Leaderboard</h1>
914
+ <p>Discover Zero GPU(Shared A100) spaces from Hugging Face</p>
915
  </div>
916
 
917
  <!-- Tab Navigation -->
918
  <div class="tab-nav">
919
+ <button id="tabTrendingButton" class="tab-button active">Trending</button>
920
+ <button id="tabFixedButton" class="tab-button">Picks</button>
921
  </div>
922
 
923
  <!-- Trending(Zero GPU) Tab Content -->
 
1332
  const headerDiv = document.createElement('div');
1333
  headerDiv.className = 'grid-header';
1334
 
1335
+ // space-header (로봇 이모지 + 제목 + Zero GPU 배지)
1336
  const spaceHeader = document.createElement('div');
1337
  spaceHeader.className = 'space-header';
1338
 
1339
+ // 로봇 이모지 대체
1340
+ const emojiAvatar = document.createElement('div');
1341
+ emojiAvatar.className = 'emoji-avatar';
1342
+ emojiAvatar.textContent = '🤖';
1343
+ spaceHeader.appendChild(emojiAvatar);
 
 
 
 
1344
 
1345
  // 제목+배지
1346
  const titleWrapper = document.createElement('div');
 
1513
  const headerTop = document.createElement('div');
1514
  headerTop.className = 'grid-header-top';
1515
 
1516
+ // 로봇 이모지 + 타이틀 함께 표시
1517
+ const leftWrapper = document.createElement('div');
1518
+ leftWrapper.style.display = 'flex';
1519
+ leftWrapper.style.alignItems = 'center';
1520
+
1521
+ const emojiAvatar = document.createElement('div');
1522
+ emojiAvatar.className = 'emoji-avatar';
1523
+ emojiAvatar.textContent = '🤖';
1524
+ leftWrapper.appendChild(emojiAvatar);
1525
+
1526
  const titleEl = document.createElement('h3');
1527
  titleEl.textContent = title;
1528
  titleEl.title = title;
1529
+ leftWrapper.appendChild(titleEl);
1530
+
1531
+ headerTop.appendChild(leftWrapper);
1532
 
1533
  const rankBadge = document.createElement('div');
1534
  rankBadge.className = 'rank-badge';
 
1677
 
1678
  # Flask 앱 실행 (포트 7860)
1679
  app.run(host='0.0.0.0', port=7860)
1680
+