-
Notifications
You must be signed in to change notification settings - Fork 0
/
dash.html
16 lines (12 loc) · 11 KB
/
dash.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/DashView-1d9e53ec.js"><link rel="stylesheet" href="/assets/DashView-599b97a9.css"><link rel="modulepreload" crossorigin="" href="/assets/LinkFigure-984a5390.js"><link rel="stylesheet" href="/assets/LinkFigure-9e83d095.css"><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-primary text-3xl"><a aria-current="page" href="/dash" class="router-link-active router-link-exact-active">dash</a></li><li class="text-3xl"><a href="/about" class="">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 lg:sticky lg:top-8">about dash</h2><!--]--></div><div class="flex grow flex-col gap-4"><!--[--><!--[--><p>dash 是关于文字的视觉文化志，不定期更新。每期我们都会择取一个主题，通过独特的编辑思路和设计形式呈现给读者。我们希望能发现司空见惯中的不同寻常，连结跨领域、跨文化的声音，为创作者提供更广泛、更巧妙、更多元的视角。</p><p>dash 通过电子版和实体书两种媒介发行。纸质版可以通过我们合作的实体书店或其网店购买，电子版在下方填写邮件地址即可订阅<span class="cjk-punct">——</span>不过，你得到的数字文件会带有某种形式的缺损，正如所有的虚拟物一样。</p><p>dash is an irregularly-published zine about type, typography, design and visual culture. Each issue is brought to you in both physical and virtual format, showcasing a selected theme through unique editorial curation and layout design. dash aims to see the unseen and speak the unspoken, connecting cross-expertise and cross-cultural voices while giving designers and creators in all fields broader, subtler, and more diverse perspectives.</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 lg:sticky lg:top-8">get dash</h2><!--]--></div><div class="flex grow flex-col gap-4"><!--[--><h3>纸质版购买 / Printed version available in:</h3><ul class="grid list-disc lg:grid-cols-2 sm:mb-2"><!--[--><li class="ml-4"><a href="https://k.youshop10.com/d8uszPSI" class="after:content-['↗']">Combo 书店（武汉）</a></li><li class="ml-4"><a href="https://k.youshop10.com/ClQ6KyGh" class="after:content-['↗']">postpostspace（北京）</a></li><li class="ml-4"><a href="https://m.tb.cn/h.fzJtERp" class="after:content-['↗']">Text&Image 梯书店（上海）</a></li><li class="ml-4"><a href="https://k.youshop10.com/d-0fYNcv" class="after:content-['↗']">半层书店（上海）</a></li><li class="ml-4"><a href="https://m.tb.cn/h.U1H7UbZ" class="after:content-['↗']">假杂志图书馆（宁波）</a></li><li class="ml-4"><a href="https://k.youshop10.com/47fxD233" class="after:content-['↗']">摸摸艺术书 </a></li><li class="ml-4"><a href="https://k.youshop10.com/iMHppbus" class="after:content-['↗']">群岛 BOOKS（上海）</a></li><li class="ml-4"><a href="https://k.youshop10.com/4m=DZw0T" class="after:content-['↗']">尚文堂（惠州）</a></li><li class="ml-4"><a href="https://k.youshop10.com/mXkRJJEL" class="after:content-['↗']">無早 nomorning（成都）</a></li><li class="ml-4"><a href="https://m.tb.cn/h.fzJHjbl" class="after:content-['↗']">香蕉鱼书店（上海）</a></li><li class="ml-4"><a href="https://k.youshop10.com/loehnj7O" class="after:content-['↗']">野狗商店（郑州）</a></li><li class="ml-4"><a href="https://m.tb.cn/h.fBthoCn" class="after:content-['↗']">一爿旧店（舟山）</a></li><li class="ml-4"><a href="https://k.youshop10.com/8c2OfXQT" class="after:content-['↗']">有个计划 LittlePlan（郑州）</a></li><li class="ml-4"><!--[-->art book in China<!--]--></li><li class="ml-4"><!--[-->Inside 艺术商店（天津）<!--]--></li><li class="ml-4"><!--[-->Protopaper（西安）<!--]--></li><li class="ml-4"><!--[-->刺鱼书店（北京）<!--]--></li><li class="ml-4"><!--[-->附近书店（昆明）<!--]--></li><li class="ml-4"><!--[-->假杂志 SeP（上海）<!--]--></li><li class="ml-4"><!--[-->乐开书店（上海）<!--]--></li><li class="ml-4"><!--[-->三克岛図書館（贵阳）<!--]--></li><li class="ml-4"><!--[-->万花筒书店（沈阳）<!--]--></li><li class="ml-4"><!--[-->一介（成都）<!--]--></li><li class="ml-4"><!--[-->脏像素 Inky Pixel（广州）<!--]--></li><!--]--></ul><h3>电子版订阅 / Digital version subscription:</h3><div id="mc_embed_signup"><form action="https://atelier-anchor.us20.list-manage.com/subscribe/post?u=1287d6bf4530c7bbdb048e4db&id=62d2899fdf&f_id=003a87e6f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_self"><div id="mc_embed_signup_scroll" class="flex items-start gap-4"><div class="-mb-1 w-full max-w-xs" data-v-3e2762f7=""><label for="mce-EMAIL" class="hidden" data-v-3e2762f7="">Email Address</label><input type="email" required="" id="mce-EMAIL" name="EMAIL" placeholder="email address" class="w-full border-b-2 border-primary bg-transparent" data-v-3e2762f7=""><p class="InvalidFeedback mt-1 max-h-0 overflow-hidden text-xs text-red-500 duration-400" data-v-3e2762f7="">should be a valid email address</p></div><div id="mce-responses" class="hidden"><div id="mce-error-response"></div><div id="mce-success-response"></div></div><div class="absolute -left-[5000px]" aria-hidden="true"><input type="text" name="b_1287d6bf4530c7bbdb048e4db_62d2899fdf" tabindex="-1" value=""></div><input type="submit" id="mc-embedded-subscribe" name="subscribe" value="subscribe" class="leading-none text-primary pt-1"></div></form><p class="mt-4 text-xs text-neutral-900/50 before:content-['*_'] dark:text-neutral-100/50">由于邮箱过滤机制可能因用户而异，建议不要使用 163、126、yeah 等邮箱。如果您没有收到邮件，请留意垃圾邮件 (spam) 文件夹或垃圾箱。如果仍然没有收到，可联络 <a href="mailto:[email protected]" style="hyphens: none">dash@<wbr>atelier-<wbr>anchor.<wbr>com</a> 解决。</p></div><!--]--></div></section><section><h2 class="mb-4 text-2xl md:hidden">previous issues</h2><!--[--><article class="flex flex-col gap-4 md:flex-row md:gap-8 items-center gap-0"><div class="md:w-1/3 md:min-w-[256px] md:shrink-0"><!--[--><!--[--><div><div class="mb-4"><h2 class="text-2xl"><a href="/dash/dash-0" class="">dash #0</a></h2><div>Self-publishing</div></div><dl><!--[--><div class="flex"><dt class="w-8 flex-shrink-0 after:content-[':']"><abbr title="Chief editor">CE</abbr></dt><dd>Xiyao Du</dd></div><div class="flex"><dt class="w-8 flex-shrink-0 after:content-[':']"><abbr title="Author">A</abbr></dt><dd>Heshan Huang, Chen Li, Willie Liu, Money Su, Zihao Tan, Yanjun Zhang</dd></div><div class="flex"><dt class="w-8 flex-shrink-0 after:content-[':']"><abbr title="Editor">E</abbr></dt><dd>Chen Li, Money Su</dd></div><div class="flex"><dt class="w-8 flex-shrink-0 after:content-[':']"><abbr title="Designer">D</abbr></dt><dd>Nagisa Chen, Chen Li, Willie Liu</dd></div><!--]--></dl></div>z <!--]--><!--]--></div><div class="flex grow flex-col gap-4"><!--[--><a href="/dash/dash-0" class="group overflow-hidden sm:h-full" title="dash #0" data-v-7db2c7f2=""><picture data-v-7db2c7f2=""><img src="/dash/dash-0/dash-0-1.webp" alt="dash-0-1" width="1920" height="1440"></picture></a><!--]--></div></article><!--]--></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>