-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
16 lines (12 loc) · 9.41 KB
/
about.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<!-- <link rel="icon" href="/favicon.png" />-->
<link rel="icon" href="/faviconNew.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>shuffleUnofficial</title>
<script type="module" crossorigin="" src="/assets/app-d317e521.js"></script>
<link rel="stylesheet" href="/assets/index-fd7b8fe9.css">
<link rel="modulepreload" crossorigin="" href="/assets/AboutView-f78cf0f7.js"><meta name="description" content="graphic & typeface design studio in shanghai. we make typeface as A narrative."><meta name="copyright" content="© 2023 shuffleUnofficial"><meta name="build-time" content="2023-03-24T17:30:48.000Z"><meta name="twitter:card" content="summary"><meta name="twitter:site" content="@atelier_anchor"><meta name="twitter:title" content="shuffleUnofficial"><meta name="twitter:description" content="graphic & typeface design studio in shanghai. we make typeface as A narrative."><meta property="og:type" content="website"><meta property="og:url" content="https://dddoh.github.io/"><meta property="og:title" content="shuffleUnofficial"><meta property="og:description" content="graphic & typeface design studio in shanghai. we make typeface as A narrative."></head>
<body>
<div id="app" data-server-rendered="true"><div class="relative mx-auto flex min-h-[max(100vh,480px)] min-w-[320px] max-w-[1800px] flex-col px-4 sm:flex-row sm:gap-16 lg:px-8"><header class="sticky top-0 z-10 h-fit bg-white py-4 dark:bg-black sm:mb-[var(--footer-height)] lg:py-8 tall:mb-0" style="--footer-height:0px;"><div class="flex items-center justify-between"><a href="/" class="block w-32 sm:w-40"><picture><source srcset="/assets/shuffle-unofficial.dark-cd7fbca5.svg" media="(prefers-color-scheme: dark)"><img src="/assets/shuffle-unofficial.light-3673b317.svg" alt="atelierAnchor" width="333.42" height="125.06"></picture></a><button class="font-anicons text-4xl font-normal text-primary duration-400 vf-['TIME'_1] before:content-['A'] aria-expanded:vf-['TIME'_100] sm:hidden" aria-label="Toggle navigation" aria-expanded="false"></button></div><nav style="display:none;" class="absolute max-h-48 w-full overflow-hidden bg-white dark:bg-black sm:relative sm:!block" data-v-4e8505cb=""><ul class="my-2 sm:mt-4 sm:mb-0" data-v-4e8505cb=""><!--[--><li class="text-3xl"><a href="/publications" class="">publications</a></li><li class="text-3xl"><a href="/works" class="">works</a></li><li class="text-3xl"><a href="/typefaces" class="">typefaces</a></li><li class="text-3xl"><a href="/dash" class="">dash</a></li><li class="text-primary text-3xl"><a aria-current="page" href="/about" class="router-link-active router-link-exact-active">about</a></li><!--]--></ul></nav></header><main class="relative w-full grow sm:py-4 lg:py-8"><!--[--><section class="flex flex-col gap-4 md:flex-row md:gap-8 mb-4 sm:mb-8"><div class="md:w-1/3 md:min-w-[256px] md:shrink-0"><!--[--><h2 class="text-2xl md:sticky md:top-4 lg:top-8">bio</h2><!--]--></div><div class="flex grow flex-col gap-4"><!--[--><!--[--><p>I'm Yu-Feng (Hector) Zheng, or 郑寓峰 in Chinese. Currently, I'm gearing up to start my Ph.D. in Operations Management and Statistics at the Rotman School of Management, University of Toronto. Prior to this, I obtained a Master of Science degree in Industrial Engineering & Operation Research from the University of California, Berkeley, and a Bachelor's degree in the same field from Shanghai Jiao Tong University.</p><!--]--><!--]--></div></section><section class="flex flex-col gap-4 md:flex-row md:gap-8 mb-4 sm:mb-8"><div class="md:w-1/3 md:min-w-[256px] md:shrink-0"><!--[--><h2 class="text-2xl md:sticky md:top-4 lg:top-8">prospect</h2><!--]--></div><div class="flex grow flex-col gap-4"><!--[--><!--[--><!--[--><p>The aim is to create reliable and explainable decision-making tools. Below is a non-exhaustive list of factors contributing to this objective:</p><ul class="list-disc last:mb-0 sm:mb-2"><!--[--><li class="ml-4"></li><!--]--></ul><!--]--><!--]--><!--]--></div></section><section class="flex flex-col gap-4 md:flex-row md:gap-8 mb-4 sm:mb-8"><div class="md:w-1/3 md:min-w-[256px] md:shrink-0"><!--[--><h2 class="text-2xl md:sticky md:top-4 lg:top-8">resume</h2><!--]--></div><div class="flex grow flex-col gap-4"><!--[--><div><a href="public/downloads/23_3_9_resume.pdf" target="_blank">➡ Download PDF</a></div><!--]--></div></section><section class="flex flex-col gap-4 md:flex-row md:gap-8 mb-4 sm:mb-8"><div class="md:w-1/3 md:min-w-[256px] md:shrink-0"><!--[--><h2 class="text-2xl md:sticky md:top-4 lg:top-8">mission</h2><!--]--></div><div class="flex grow flex-col gap-4"><!--[--><!--[--><p>placeholder</p><p>placeholder</p><!--]--><!--]--></div></section><section class="flex flex-col gap-4 md:flex-row md:gap-8 mb-4 sm:mb-8"><div class="md:w-1/3 md:min-w-[256px] md:shrink-0"><!--[--><h2 class="text-2xl md:sticky md:top-4 lg:top-8">service</h2><!--]--></div><div class="flex grow flex-col gap-4"><!--[--><!--[--><!--[--><p>placeholder</p><ul class="list-disc last:mb-0 sm:mb-2"><!--[--><li class="ml-4">placeholder</li><li class="ml-4">placeholder</li><li class="ml-4">placeholder</li><!--]--></ul><!--]--><!--[--><p>placeholder</p><ul class="list-disc last:mb-0 sm:mb-2"><!--[--><li class="ml-4">placeholder</li><li class="ml-4">placeholder</li><li class="ml-4">placeholder</li><!--]--></ul><!--]--><!--]--><!--]--></div></section><section class="flex flex-col gap-4 md:flex-row md:gap-8"><div class="md:w-1/3 md:min-w-[256px] md:shrink-0"><!--[--><h2 class="text-2xl md:sticky md:top-4 lg:top-8">team</h2><!--]--></div><div class="flex grow flex-col gap-4"><!--[--><div class="grid gap-4 lg:grid-cols-2"><!--[--><div class="flex items-center gap-4 sm:gap-8"><div class="clip-path-circle w-20"><picture><img src="/about/nagisa-chen.webp" alt="nagisa-chen" width="1200" height="1200"></picture></div><div><h3 class="mb-2">Nagisa Chen</h3><ul><!--[--><li>Co-founder</li><li>Art director</li><!--]--></ul></div></div><div class="flex items-center gap-4 sm:gap-8"><div class="clip-path-circle w-20"><picture><img src="/about/willie-liu.webp" alt="willie-liu" width="1200" height="1200"></picture></div><div><h3 class="mb-2">Willie Liu</h3><ul><!--[--><li>Co-founder</li><li>Art director</li><!--]--></ul></div></div><div class="flex items-center gap-4 sm:gap-8"><div class="clip-path-circle w-20"><picture><img src="/about/xiyao-du.webp" alt="xiyao-du" width="1200" height="1200"></picture></div><div><h3 class="mb-2">Xiyao Du</h3><ul><!--[--><li>Co-founder</li><li>Academic director</li><!--]--></ul></div></div><div class="flex items-center gap-4 sm:gap-8"><div class="clip-path-circle w-20"><picture><img src="/about/oooooohmygosh.webp" alt="oooooohmygosh" width="1200" height="1200"></picture></div><div><h3 class="mb-2">oooooohmygosh</h3><ul><!--[--><li>Graphic designer</li><li>Distribution director</li><!--]--></ul></div></div><div class="flex items-center gap-4 sm:gap-8"><div class="clip-path-circle w-20"><picture><img src="/about/janine-sui.webp" alt="janine-sui" width="1200" height="1200"></picture></div><div><h3 class="mb-2">Janine Sui</h3><ul><!--[--><li>Graphic designer</li><!--]--></ul></div></div><div class="flex items-center gap-4 sm:gap-8"><div class="clip-path-circle w-20"><picture><img src="/about/heda-shi.webp" alt="heda-shi" width="1200" height="1200"></picture></div><div><h3 class="mb-2">Heda Shi</h3><ul><!--[--><li>Type designer</li><!--]--></ul></div></div><div class="flex items-center gap-4 sm:gap-8"><div class="clip-path-circle w-20"><picture><img src="/about/chen-li.webp" alt="chen-li" width="1200" height="1200"></picture></div><div><h3 class="mb-2">Chen Li</h3><ul><!--[--><li>Graphic designer</li><li>Editor</li><!--]--></ul></div></div><div class="flex items-center gap-4 sm:gap-8"><div class="clip-path-circle w-20"><picture><img src="/about/xiangdong-zeng.webp" alt="xiangdong-zeng" width="1200" height="1200"></picture></div><div><h3 class="mb-2">Xiangdong Zeng</h3><ul><!--[--><li>Engineer</li><!--]--></ul></div></div><div class="flex items-center gap-4 sm:gap-8"><div class="clip-path-circle w-20"><picture><img src="/about/shacho.webp" alt="shacho" width="1200" height="1200"></picture></div><div><h3 class="mb-2">Shachō 🍗</h3><ul><!--[--><li>CEO</li><!--]--></ul></div></div><!--]--></div><!--]--></div></section><!--]--></main><footer class="relative z-10 pt-6 pb-4 sm:absolute sm:bottom-0 lg:py-8 sm:tall:fixed"><div class="transition-opacity"><h2 class="mb-2 text-3xl">contact</h2><address class="not-italic"><!--[--><!--[-->15A, Lane 141<br><!--]--><!--[-->Xing’an Road<br><!--]--><!--[-->Huangpu District<br><!--]--><!--[-->Shanghai, China<br><!--]--><!--]--><a href="mailto:[email protected]">[email protected]</a></address></div><div class="WeChatQrCode absolute bottom-12 transition-opacity lg:bottom-16 opacity-0"><img src="https://open.weixin.qq.com/qr/code?username=atelierAnchor" alt="atelierAnchor" width="400" height="400" class="h-32 w-32 -translate-x-2 translate-y-2 dark:translate-x-0 dark:translate-y-0"></div><ul class="flex gap-2"><!--[--><li><a href="https://twitter.com/atelier_anchor" title="Twitter" target="_blank" rel="noopener noreferrer">tw</a></li><li><a href="https://www.instagram.com/atelier_anchor" title="Instagram" target="_blank" rel="noopener noreferrer">ins</a></li><li><a href="https://weibo.com/u/7568137725" title="Weibo" target="_blank" rel="noopener noreferrer">wb</a></li><!--]--><li><button title="WeChat" class="QrCodeToggler">wx</button></li></ul></footer></div></div>
</body></html>