champions: add champions list

Signed-off-by: Ryan Tsien <[email protected]>
rv2036 · Oct 11, 2024 · efee011 · efee011
1 parent e0f91a7
commit efee011
Show file tree

Hide file tree

Showing 5 changed files with 216 additions and 3 deletions.
diff --git a/i18n/en/code.json b/i18n/en/code.json
@@ -27,6 +27,10 @@
     "message": "Challenges List",
     "description": "the message of the link button of challenge list"
   },
+  "common.champions": {
+    "message": "Challenge Champions",
+    "description": "the message of the challengs champions"
+  },
   "common.team.link": {
     "message": "Team List",
     "description": "the message of the link button of team list"

diff --git a/src/pages/2024/champions.css b/src/pages/2024/champions.css
@@ -0,0 +1,126 @@
+#champion-list {
+  text-align: center;
+  border: none !important;
+  width: 100%;
+}
+#champion-list a {
+  color: var(--fg) !important;
+  text-decoration: none;
+  position: relative;
+}
+#champion-list a:hover {
+  text-decoration: underline;
+}
+#champion-list tr {
+  position: relative;
+}
+#champion-list th, #champion-list td {
+  border: none !important;
+  line-height: 1.5em;
+}
+#champion-list th {
+  font-weight: normal !important;
+  font-size: 80%;
+  line-height: 3em;
+}
+#champion-list tr:nth-child(even), #champion-list tr:nth-child(odd) {
+  background-color: transparent !important;
+}
+#champion-list .challenge, #champion-list .pr {
+  font-size: 80%;
+  word-break: break-all;
+  text-align: left;
+}
+#champion-list .challenge span, #champion-list .pr span {
+  font-family: monospace;
+  font-size: 80%;
+  display: inline-block;
+  padding: 0.1em 0.5em;
+  margin-right: 0.5em;
+  background-color: var(--bg-less);
+  border-radius: 0.5em;
+  position: relative;
+  bottom: 0.1em;
+}
+#champion-list .challenge {
+  padding-top: 1em;
+}
+#champion-list .pr {
+  padding-bottom: 2em;
+}
+#champion-list .challenge:before, #champion-list .pr:before {
+  content: '赛题：';
+  font-size: 90%;
+  margin-right: 0.5em;
+  padding-left: 3em;
+  opacity: 0.8;
+}
+#champion-list .pr:before {
+  content: '提交：';
+}
+#champion-list .pr span {
+  padding: 0.05em 0.2em;
+  margin-left: 0.1em;
+  font-size: 90%;
+  border-radius: 0.2em;
+  bottom: unset;
+  text-decoration: inherit;
+}
+#champion-list .champion {
+  padding: 1em 1em 2.5em 1em !important;
+  font-size: 90%;
+  font-weight: bold;
+  letter-spacing: 1px;
+  position: relative;
+  color: white;
+  word-break: none;
+  white-space: pre;
+}
+#champion-list .champion:before {
+  content: ' ';
+  position: absolute;
+  z-index: -1;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: calc(100% - 1.5em);
+  background-color: rgb(88, 184, 232);
+}
+@media all and (max-width: 800px) {
+  #champion-list tr {
+    display: flex;
+    flex-direction: column;
+  }
+  #champion-list tr.fir td.champion {
+    padding-bottom: 1em !important;
+  }
+  #champion-list tr.fir td.champion:before {
+    height: 100%;
+  }
+  #champion-list tr.fir td.challenge {
+    padding-top: 0.8em;
+    border-left: 1px dotted #8EC5FC80 !important;
+    border-right: 1px dotted #8EC5FC80 !important;
+  }
+  #champion-list tr.tpr {
+    margin-bottom: 1em;
+  }
+  #champion-list tr.tpr td {
+    padding-bottom: 0.8em;
+    border-left: 1px dotted #8EC5FC80 !important;
+    border-right: 1px dotted #8EC5FC80 !important;
+    border-bottom: 1px dotted #8EC5FC80 !important;
+  }
+  #champion-list tr.fir td.challenge, #champion-list tr.tpr td {
+    display: flex;
+    /*background-color: #e0c3fc30;*/
+  }
+  #champion-list tr td {
+    padding-left: 1em !important;
+    padding-right: 1em !important;
+  }
+  #champion-list .challenge:before, #champion-list .pr:before {
+    white-space: pre;
+    padding-left: 1em;
+  }
+}
diff --git a/src/pages/2024/champions.js b/src/pages/2024/champions.js
@@ -0,0 +1,83 @@
+import React from 'react';
+import Layout from '@theme/Layout';
+import './champions.css';
+
+export default function Hello() {
+  return (
+    <Layout title="第二届 RISC-V 软件移植及优化锦标赛冠军名单">
+      <div style={{
+          display: 'flex',
+          flexDirection: 'column',
+          justifyContent: 'center',
+          alignItems: 'center',
+          fontSize: '20px',
+          maxWidth: '800px',
+          margin: 'auto',
+          paddingTop: '60px',
+          paddingLeft: '20px',
+          paddingRight: '20px',
+          paddingBottom: '60px',
+        }}>
+        <h1>
+          第二届 RISC-V 软件移植及优化锦标赛冠军名单
+        </h1>
+        <p>
+          本届（2024 年）锦标赛共产生 6 组冠军队伍，名单如下（排名不分先后）：         
+        </p>
+        <table id="champion-list">
+
+          <tr class="fir">
+            <td class="champion" rowspan="2">Kakaka 队</td>
+            <td class="challenge"><a href="https://rvspoc.org/S2422/" target="_blank"><span>S2422</span>Llama3 在 K230 上的优化实现</a></td>
+          </tr>
+          <tr class="tpr">
+            <td class="pr"><a href="https://github.com/rv2036/rvspoc-S2422-Llama3/pull/1" target="_blank">rv2036/rvspoc-S2422-Llama3<span>#1</span></a></td>
+          </tr>
+
+          <tr class="fir">
+            <td class="champion" rowspan="2">时间原理队</td>
+            <td class="challenge"><a href="https://rvspoc.org/S2424/" target="_blank"><span>S2424</span>TDengine 移植与优化</a></td>
+          </tr>
+          <tr class="tpr">
+            <td class="pr"><a href="https://github.com/rv2036/rvspoc-S2424-TDengine/pull/1" target="_blank">rv2036/rvspoc-S2424-TDengine<span>#1</span></a></td>
+          </tr>
+
+          <tr class="fir">
+            <td class="champion" rowspan="2">meOwall 队</td>
+            <td class="challenge"><a href="https://rvspoc.org/P2425/" target="_blank"><span>P2425</span>RetroArch 移植与优化</a></td>
+          </tr>
+          <tr class="tpr">
+            <td class="pr"><a href="https://github.com/rv2036/rvspoc-P2425-RetroArch/pull/3" target="_blank">rv2036/rvspoc-P2425-RetroArch<span>#3</span></a></td>
+          </tr>
+
+          <tr class="fir">
+            <td class="champion" rowspan="2">kube-rv 队</td>
+            <td class="challenge"><a href="https://rvspoc.org/P2426/" target="_blank"><span>P2426</span>KubeSphere 移植</a></td>
+          </tr>
+          <tr class="tpr">
+            <td class="pr"><a href="https://github.com/rv2036/rvspoc-P2426-kubesphere/pull/1" target="_blank">rv2036/rvspoc-P2426-kubesphere<span>#1</span></a></td>
+          </tr>
+
+          <tr class="fir">
+            <td class="champion" rowspan="2">Nests 队</td>
+            <td class="challenge"><a href="https://rvspoc.org/S2427/" target="_blank"><span>S2427</span>TiDB 在 2042 的移植与优化</a></td>
+          </tr>
+          <tr class="tpr">
+            <td class="pr"><a href="https://github.com/rv2036/rvspoc-S2427-tidb/pull/1" target="_blank">rv2036/rvspoc-S2427-tidb<span>#1</span></a></td>
+          </tr>
+
+          <tr class="fir">
+            <td class="champion" rowspan="2">GuoMoe 队</td>
+            <td class="challenge"><a href="https://rvspoc.org/S2428/" target="_blank"><span>S2428</span>K3s 的移植与优化</a></td>
+          </tr>
+          <tr class="tpr">
+            <td class="pr"><a href="https://github.com/rv2036/rvspoc-S2428-k3s/pull/1" target="_blank">rv2036/rvspoc-S2428-k3s<span>#1</span></a></td>
+          </tr>
+
+        </table>
+      </div>
+    </Layout>
+  );
+}
+
+
diff --git a/src/pages/index.scss b/src/pages/index.scss
@@ -48,7 +48,7 @@ div#cover {
                     font-size: 90%;
                 }
             }
-            div#registration {
+            div#registration, div#champions {
                 font-size: 1.5em;
                 a {
                     color: var(--ifm-font-color-base);

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -157,9 +157,9 @@ function HomepageHeader(): JSX.Element {
           <div id="rvspoc-description">
             <Translate id="common.description.prefix">为了推动 RISC-V 软件生态更快地发展，吸引更多的开发者加入到 RISC-V 生态中来，</Translate><Link className="host-link" to="https://kubuds.io"><Translate id="common.host.name">苦芽科技</Translate></Link><Translate id="common.description.suffix">发起了本届锦标赛。RISC-V 软件移植及优化锦标赛 (RVSPOC) 以桌面和服务器软件生态为重点，在编译器、运行时环境、AI 软件栈等多个方面公开提出一系列比赛题目，邀请全球开发者完成挑战并赢取奖金。</Translate>
           </div>
-          <div id="registration"><a className="link-button link-button-eye-catching" href="https://www.wenjuan.com/s/JFVN7fW/" target="_blank"><Translate id="common.registration">比赛报名入口</Translate></a></div>
+          <div id="champions"><Link className="link-button link-button-eye-catching" to="/2024/champions"><Translate id="common.champions">冠军名单</Translate></Link></div>
           {/*
-          <div id="champions"><Link link-button link-button-eye-catching></Link></div>
+          <div id="registration"><a className="link-button link-button-eye-catching" href="https://www.wenjuan.com/s/JFVN7fW/" target="_blank"><Translate id="common.registration">比赛报名入口</Translate></a></div>
           <div id="team-list"><Link className="link-button"><Translate id="common.team.link">团队列表</Translate></Link></div>
           */}
           <div id="challenges"><Link to='/challenges' className="link-button"><Translate id="common.challenges.link">赛题列表</Translate></Link></div>