add mobile page for resume

AIboy996 · Sep 11, 2023 · cf80422 · cf80422
1 parent 945d029
commit cf80422
Show file tree

Hide file tree

Showing 2 changed files with 94 additions and 0 deletions.
diff --git a/docs/About/m.resume.html b/docs/About/m.resume.html
@@ -0,0 +1,85 @@
+<html lang="zh">
+
+<head>
+    <meta charset="UTF-8">
+    <style type="text/css">
+        body {
+            text-align: left;
+            font-family: "Times New Roman"
+        }
+
+        h2 {
+            text-align: center;
+        }
+
+        a {
+            text-decoration: none
+        }
+
+        a:hover {
+            color: #F00
+        }
+
+        li {
+            margin-top: 3px;
+        }
+    </style>
+    <title>Yang Zhang</title>
+</head>
+
+<body>
+    <div style="padding-left: 8%; padding-right: 8%;">
+        <div style="text-align: center;padding-top: 30px;">
+            <!-- 4127 × 3212 -->
+            <img src="/assets/images/yangzhang.jpg" width="70%" />
+        </div>
+        <br/>
+        <div style="text-align: center;">
+            <h1 size="6px">Yang Zhang</h1>
+            <audio id="player" src="/assets/audio/zhangyang_pronounce.mp3"></audio>
+            <button style="font-size: xx-large;" onclick="document.getElementById('player').play()">
+                Pronounce Yang Zhang(张杨) in Chinese
+            </button>
+            <br><br>
+        </div>
+        <div style="padding-top: 10px;">
+            <hr>
+            <h2>About Me</h2>
+            <ul type="circle">
+                <li>M.Sc Student in <a href="https://sds.fudan.edu.cn/">School of Data Science, Fudan
+                        University</a>(since 2023.09)</li>
+                <li>Freshman in <a href="https://zmiclab.github.io/">Fudan ZMIC Lab</a>, Supervised by Prof. <a
+                        href="https://zmiclab.github.io/zxh/">Xiahai Zhuang</a></li>
+                <li>My Email: yangzhang23 [at] m [dot] fudan [dot] edu [dot] cn</li>
+                <li>My Homepage: <a href="https://yangzhang.site/">yangzhang.site</a> </li>
+            </ul>
+        </div>
+        <div style="padding-top: 10px;">
+            <hr>
+            <h2>Research Interests</h2>
+            <p>
+                Machine Learning, Computer Vision, Medical Image Computing
+            </p>
+        </div>
+        <div style="padding-top: 10px;">
+            <hr>
+            <h2>Selected Publications</h2>
+            <p>
+                ...
+            </p>
+        </div>
+        <div style="padding-top: 10px;">
+            <hr>
+            <h2>Open-source Projects</h2>
+            <p>
+                ...
+            </p>
+        </div>
+        <footer style="text-align: center;">
+            <hr>
+            <i>Last Updated on 2023.9.9</i>
+        </footer>
+    </div>
+</body>
+
+</html>
diff --git a/docs/About/resume.html b/docs/About/resume.html
@@ -22,6 +22,15 @@
             margin-top: 3px;
         }
     </style>
+    <script>
+        var width = ((typeof screen !== 'undefined') ? screen.width : null)
+        || window.innerWidth
+        || document.documentElement.clientWidth
+        || document.body.clientWidth;
+        if (width <= 800) {
+            window.location = "m.resume.html";
+        }
+    </script>
     <title>Yang Zhang</title>
 </head>