领导层自适应排版

FunnyArenaPixel · Feb 3, 2024 · e0fede4 · e0fede4
1 parent 635a613
commit e0fede4
Showing 1 changed file with 51 additions and 0 deletions.
diff --git a/docs/team/leadership.md b/docs/team/leadership.md
@@ -9,13 +9,30 @@ sidebar: false
   display: table;
   margin-left: auto;
   margin-right: auto;
+},
+.leadertable {
+  display: block;
+}
+.leadertable2 {
+  display: none;
+}
+@media screen and (max-width: 719px){
+.leadertable2 {
+  display: block;
+}
+.leadertable {
+  display: none;
+}
 }
 </style>
+
+
 # 管理层
 
 
 依据《[团队总纲](main.html)》，我们的管理层由以下成员组成。
 
+<div class="leadertable">
 <div class="center">
 <table>
   <tr>
@@ -41,6 +58,40 @@ sidebar: false
   </tr>
 </table>
 </div>
+</div>
+<div class="leadertable2">
+<div class="center">
+<table>
+  <tr>
+    <td align="center"><a href="https://space.bilibili.com/280664902/"><img src="/img/leadership/Pigeon.jpg" width="100px;" alt="从不咕咕的鸽子"/><br /><b>从不咕咕的鸽纸</b></a><br /><small>服主</small><br /><a href="mailto:pigeon@sodayo.net" title="邮箱">pigeon@sodayo.net</a></td>
+  </tr>
+</table>
+</div>
+<div class="center">
+<table>
+  <tr>
+    <td align="center"><a href="#"><img src="/img/leadership/Nissining.jpg" width="100px;" alt="Nissining"/><br /><b>Nissining</b></a><br /><small>💻开发组长</small><br /><a href="mailto:nissining@sodayo.net" title="邮箱">nissining@sodayo.net</a></td>
+    <td align="center"><a href="https://space.bilibili.com/349401599/"><img src="/img/leadership/Suda.jpg" width="100px;" alt="苏打"/><br /><b>苏打</b></a><br /><small>🛠️运维组长</small><br /><a href="mailto:42402007@qq.com" title="邮箱">42402007@qq.com</a></td>
+  </tr>
+</table>
+</div>
+<div class="center">
+<table>
+  <tr>
+    <td align="center"><a href="https://space.bilibili.com/447373541"><img src="/img/leadership/BeiNing.jpg" width="100px;" alt="北柠"/><br /><b>北柠</b></a><br /><small>🧑‍🤝‍🧑人力资源管理</small><br /><a href="beining@sodayo.net" title="邮箱">beining@sodayo.net</a></td>
+    <td align="center"><a href="https://space.bilibili.com/40170123"><img src="/img/leadership/PexEric.jpg" width="100px;" alt="PexEric"/><br /><b>PexEric</b></a><br /><small>📖策划组长</small><br /><a href="mailto:eric@fapixel.com" title="邮箱">eric@fapixel.com</a></td>
+  </tr>
+</table>
+</div>
+<div class="center">
+<table>
+  <tr>
+    <td align="center"><a href="https://space.bilibili.com/358311473"><img src="/img/leadership/XiaoSa.jpg" width="100px;" alt="小撒"/><br /><b>小撒</b></a><br /><small>📢媒体组长</small><br /><a href="mailto:xiaosa@sodayo.net" title="邮箱">xiaosa@sodayo.net</a></td>
+    <td align="center"><a href="#"><img src="/img/leadership/lemon.jpg" width="100px;" alt="柠檬"/><br /><b>柠檬</b></a><br /><small>👮管理组长</small><br /><a href="lemon@sodayo.net" title="邮箱">lemon@sodayo.net</a></td>
+  </tr>
+</table>
+</div>
+</div>
 
 如果您有任何疑问，欢迎与我们[取得联系](/contact.html)。