blob: e8d401612918f8a1935d0bfa6000c647f7546e39 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
|
<!DOCTYPE html><html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
<title>Eric Zou — 074/165</title>
<link rel="stylesheet" type="text/css" href="/card.css">
<script src="card.js" defer></script>
<link rel="icon" href="/favicon.ico">
</head>
<body>
<div class="hint">drag to spin · tap to flip · tilt for holo ✦<br>full 360° spin opens my X</div>
<div class="scene"><div class="card" id="card">
<div class="face front">
<div class="inner">
<div class="hdr"><span class="badge"><span>BUILDER</span></span>
<span class="namewrap"><span class="nm">Eric Zou</span><span class="sub">EE @ WATERLOO</span></span>
<span class="hp"><small>HP</small><b>180</b><img class="fist" src="/assets/fist.webp" alt="fighting"></span></div>
<div class="art"><img src="/assets/art.webp" alt="Eric Zou"></div>
<div class="plate">Building the mathematically optimal decision making model</div>
<div class="atks">
<div class="atk a1"><span class="cost"><img class="fist" src="/assets/fist.webp" alt="fighting"></span><span class="an">/rep code</span><span class="dmg">60</span></div>
<div class="ad">Performs a set of pullups between prompts instead of scrolling.</div>
<div class="atk a1"><span class="cost"><img class="fist" src="/assets/fist.webp" alt="fighting"><span class="cl">★</span></span><span class="an">/grillme</span><span class="dmg">120</span></div>
<div class="ad">Asks endless questions about anything. Does not stop when asked.</div>
</div>
<div class="wrr">
<div><span class="lb">weakness</span><img class="leaf" src="/assets/leaf.webp" alt="grass">×2</div>
<div><span class="lb">resistance</span><span>sleep</span></div>
<div><span class="lb">retreat</span><em>never.</em></div>
</div>
<div class="foot">
<div class="ill">Illus. Eric Zou</div>
</div>
<div class="setno">074/165 ✦</div>
</div>
<div class="holo" id="holoF"></div>
</div>
<div class="face back">
<div class="inner cardback">
<div class="cbring"></div>
<div class="ball"><div class="half top"></div><div class="half botm"></div>
<div class="band"></div><div class="core">>_</div></div>
<div class="cbname">ERIC ZOU</div>
</div>
<div class="holo" id="holoB"></div>
</div>
</div></div>
<button class="chip" id="tiltBtn">✦ enable tilt effect</button>
<div class="links">
<a href="https://ericzou.dev"><svg viewBox="0 0 24 24" aria-hidden="true" width="20" height="20" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/></svg>Website<span class="handle">ericzou.dev</span></a>
<a href="https://ericzou.dev/#blog"><svg viewBox="0 0 24 24" aria-hidden="true" width="20" height="20" fill="currentColor"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z"/></svg>Blog<span class="handle">/blog</span></a>
<a href="https://x.com/sleppyeric"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>Twitter<span class="handle">@sleppyeric</span></a>
<a href="https://www.linkedin.com/in/ericzoujujian"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M20.45 20.45h-3.56v-5.57c0-1.33-.02-3.04-1.85-3.04-1.85 0-2.14 1.45-2.14 2.94v5.67H9.35V9h3.41v1.56h.05c.48-.9 1.63-1.85 3.36-1.85 3.6 0 4.27 2.37 4.27 5.45zM5.34 7.43a2.06 2.06 0 1 1 0-4.13 2.06 2.06 0 0 1 0 4.13M7.12 20.45H3.55V9h3.57zM22.22 0H1.77C.79 0 0 .77 0 1.72v20.56C0 23.23.79 24 1.77 24h20.45c.98 0 1.78-.77 1.78-1.72V1.72C24 .77 23.2 0 22.22 0"/></svg>LinkedIn<span class="handle">/ericzoujujian</span></a>
<a href="https://github.com/Ericjujianzou"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.79 23.4c.6.1.82-.26.82-.58l-.01-2.04c-3.34.73-4.04-1.61-4.04-1.61-.55-1.39-1.34-1.76-1.34-1.76-1.08-.75.09-.73.09-.73 1.2.08 1.84 1.24 1.84 1.24 1.07 1.83 2.8 1.3 3.49.99.1-.78.42-1.31.76-1.61-2.67-.3-5.47-1.33-5.47-5.93 0-1.31.47-2.38 1.24-3.22-.14-.3-.54-1.52.1-3.18 0 0 1-.32 3.3 1.23a11.5 11.5 0 0 1 6 0c2.28-1.55 3.29-1.23 3.29-1.23.65 1.66.24 2.88.12 3.18.77.84 1.23 1.91 1.23 3.22 0 4.61-2.8 5.63-5.48 5.92.43.37.81 1.1.81 2.22l-.01 3.29c0 .32.21.7.82.58A12 12 0 0 0 12 .3"/></svg>GitHub<span class="handle">/Ericjujianzou</span></a>
<a href="https://instagram.com/sleppyeric"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2.16c3.2 0 3.58.01 4.85.07 1.17.05 1.8.25 2.23.41.56.22.96.48 1.38.9s.68.82.9 1.38c.16.42.36 1.06.41 2.23.06 1.27.07 1.65.07 4.85s-.01 3.58-.07 4.85c-.05 1.17-.25 1.8-.41 2.23-.22.56-.48.96-.9 1.38s-.82.68-1.38.9c-.42.16-1.06.36-2.23.41-1.27.06-1.65.07-4.85.07s-3.58-.01-4.85-.07c-1.17-.05-1.8-.25-2.23-.41-.56-.22-.96-.48-1.38-.9s-.68-.82-.9-1.38c-.16-.42-.36-1.06-.41-2.23-.06-1.27-.07-1.65-.07-4.85s.01-3.58.07-4.85c.05-1.17.25-1.8.41-2.23.22-.56.48-.96.9-1.38s.82-.68 1.38-.9c.42-.16 1.06-.36 2.23-.41 1.27-.06 1.65-.07 4.85-.07M12 0C8.74 0 8.33.01 7.05.07S4.9.33 4.14.63c-.79.3-1.46.71-2.13 1.38S.93 3.35.63 4.14C.33 4.9.13 5.77.07 7.05.01 8.33 0 8.74 0 12s.01 3.67.07 4.95c.06 1.28.26 2.15.56 2.91.3.79.71 1.46 1.38 2.13s1.34 1.08 2.13 1.38c.76.3 1.63.5 2.91.56C8.33 23.99 8.74 24 12 24s3.67-.01 4.95-.07c1.28-.06 2.15-.26 2.91-.56.79-.3 1.46-.71 2.13-1.38s1.08-1.34 1.38-2.13c.3-.76.5-1.63.56-2.91.06-1.28.07-1.69.07-4.95s-.01-3.67-.07-4.95c-.06-1.28-.26-2.15-.56-2.91-.3-.79-.71-1.46-1.38-2.13S20.65.93 19.86.63c-.76-.3-1.63-.5-2.91-.56C15.67.01 15.26 0 12 0m0 5.84a6.16 6.16 0 1 0 0 12.32 6.16 6.16 0 0 0 0-12.32M12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8m7.85-10.41a1.44 1.44 0 1 1-2.88 0 1.44 1.44 0 0 1 2.88 0"/></svg>Instagram<span class="handle">@sleppyeric</span></a>
</div>
<div class="mail">✉ <a href="mailto:e2zou@uwaterloo.ca">e2zou@uwaterloo.ca</a></div>
<div class="toast" id="toast">full spin — opening X ✊</div>
</body>
</html>
|
