forked from unikong/quackoverflow
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
94 lines (91 loc) · 15 KB
/
index.html
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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Quack Overflow</title>
<link rel="stylesheet" type="text/css" href="stacks.css">
<link rel="stylesheet" type="text/css" href="quack.css">
<link rel="stylesheet" type="text/css" href="primary.css">
</head>
<body>
<script src="jquery.min.js"></script>
<script src="stub.js"></script>
<script src="quack.en.js"></script>
<div class="quackoverflow z-modal ps-fixed r24 js-quackoverflow">
<div class="r12 b64 bg-white bs-sm bar-md ba bc-black-2 quack-popover js-quack-popover">
<div class="quack-popover--arrow"></div>
<div class="p12 ws-nowrap step js-step js-step01 d-none">
Can I help?
</div>
<div class="p24 ta-center d-none has-width step js-step js-step02">
<h2 class="fw-normal mb12">Ask the duck!</h2>
<p class="fc-light mb12">
You’ll need to explain your problem.<br>
Do you have a microphone?
</p>
<div class="grid gs12 gsx jc-center">
<button class="s-btn s-btn__primary grid--cell js-yes-btn" data-pref="mic">Yes</button>
<button class="grid--cell s-btn js-no-btn" data-pref="nomic">No</button>
</div>
</div>
<div class="p24 ta-center d-none has-width step js-step js-step03">
<p class="fc-light mb12" id="listening">Quack Overflow is listening…</p>
<p class="fc-light mb12 d-none" id="mic">
Explain your problem out loud. Speak naturally.
</p>
<p class="fc-light mb12 d-none" id="nomic">
With the magic of the internet,<br>
you can just explain your problem anyway!<br />
Speak naturally.
</p>
<p class="fc-light mb12 d-none" id="uhoh">Can you speak up a little?</p>
<canvas id="waves"></canvas>
</div>
<div class="p24 ta-center d-none has-width step js-step js-step04">
<p class="fc-light mb24" id="thinking-cap">
The duck is thinking about your problem…
</p>
<p class="fc-light mb24 d-none" id="any-time-now">
The duck is typing…
</p>
<strong class="quack-loading">
<div class="ring ring01"></div>
<div class="ring ring02"></div>
<div class="ring ring03"></div>
<div class="ring ring04"></div>
<div class="loading-center"></div>
</strong>
</div>
<div class="p8 ta-center d-none step js-step js-step05">
<svg width="258" height="142" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path d="M255 113V28h-5v-4l1.3.6a5 5 0 0 0 2.1.6c1.3-.1 1.9-.4 2.3-.8.4-.4.6-1 .4-1.5-.4-1.3-1.8-1.5-2.5-1.4-.4 0-.6.3-.6.5 0 .3.4.4.7.4.2 0 .9 0 1.1.7.1.3 0 .6-.2.8-.2.2-.5.4-1 .4-.5.1-1.1-.1-1.6-.3-.5-.2-1.8-1.2-2-2 0-3.6 1-4 1.8-5 1.2-1.5 2.5-1.7 3.6-1.4 1 .3 1.8 1.1 1.3 2-.5.9-1.5 1.4-2.3 1.1a.8.8 0 0 0-.9.3c-.1.2 0 .5.4.6 1.5.5 3.2-.2 4-1.6.9-1.5-.6-2.8-2.2-3.3-2.4-.7-4.2.3-5.7 2.8V10h5c.4 0 1-.3 1-.5 0-.3-.7-.5-1-.5h-5V6h5V1h-5c-.4 0-1 .7-1 1v3h-4V2.5c-.1-.3-.2-.5-.5-.5s-.4.2-.5.5V5h-7c1.8-.8 1.9-1.4 2-1.9.2-1-.4-1.9-1.4-2.5-1-.6-2.2-.6-3.4-.3-1 .3-1.7.8-2.1 1.3-.4.6-.5 1.2-.2 1.7.1.2.5.4.9.3.3-.1.5-.4.4-.6-.2-.3 0-.7.1-.9.3-.3.8-.6 1.5-.9 1-.3 1.7 0 2 .2.7.4 1.1 1 .9 1.7-.1.7-.9 1.2-2.1 1.6-1.3.4-3 .3-5.1.3h-3c-.9 0-1.5-.2-1.7-.5-.4-.4-.5-.7-.4-1.1.1-.3.3-.5.6-.7.3-.2.7-.2 1.1-.1 1 .2 1 .7.9.8 0 .3.2.5.6.6.4 0 .7-.1.7-.4.1-.5-.2-1.6-2-1.9-.7-.1-1.5 0-2.1.3-.6.3-1 .8-1.2 1.4 0 .4.3 1 1 1.6h-6V2c0-.3-.7-1-1-1H41c-.4 0-1 .8-1 1v3h-6c.2.2.9-1.1.8-1.7-.1-.6-.5-1-1.2-1.3-.6-.3-1.4-.4-2.1-.3-1.8.3-2.1 1.3-2 1.8.1.3.4.4.7.4.4 0 .6-.3.6-.5 0-.1-.1-.6.9-.8.4-.1.8 0 1.1.2.3.2.5.4.6.7.1.4-.1.6-.4 1a2 2 0 0 1-1.7.6L28.5 5c-2.5 0-4 0-5.3-.3-1.3-.4-2-.9-2.1-1.6-.1-.6.3-1.2.9-1.6a3 3 0 0 1 2-.2c.7.2 1.2.5 1.5.8.2.2.3.5.1.8-.1.2 0 .5.4.6.3.1.7 0 .9-.3.3-.5.2-1.1-.2-1.7-.4-.5-1.1-.9-2.1-1.2a5 5 0 0 0-3.4.3c-1 .6-1.6 1.4-1.4 2.3.1.6.4 1.3 2.2 2.1h-7V2c0-.3-.1-.5-.5-.5S14 2 14 2v3H9V1H3v5h5v3H3c-.5 0-.5.3-.5.5 0 .3.1.4.5.5h5v8c-1-3-3-4-5.3-3.3-1.5.5-2.8 1.8-2 3.3.8 1.4 2.3 2.1 3.7 1.6.3-.1.4-.4.3-.6-.1-.2-.5-.4-.8-.3-.8.2-1.7-.2-2.2-1.1-.5-.9.2-1.7 1.2-2 1-.3 2.5-.2 3.4 1.4.7 1.3 1.6 3.3 1.7 5.5-.2.8-1.4 1.3-1.9 1.5a2 2 0 0 1-1.5.3c-.4-.1-.7-.2-.9-.4a.8.8 0 0 1-.2-.8c.2-.7.8-.7 1-.7.3 0 .6-.1.7-.4.1-.3-.2-.5-.5-.5-.7-.1-2 .1-2.4 1.4-.2.5 0 1.1.4 1.6.4.4 1 .7 1.7.8 1.2 0 1.8-.2 2.4-.5L8 24v2c0 .8 0 2-1 2H3.5L3 29v84h5v6l-1.2-1.6a4 4 0 0 0-2.4-.4c-.7.1-1.3.4-1.7.9-.4.5-.5 1-.4 1.6.3 1.1 1.4 1.4 2.1 1.4.6 0 .9-.3.8-.5 0-.3-.4-.4-.7-.4-.2 0-.8 0-1-.7-.1-.3 0-.6.2-.8.2-.2.5-.4.9-.4.5-.1 1 .1 1.5.3.4.2 1.7 1.3 1.9 2.1 0 2.2-1 3.6-1.7 4.9-.9 1.6-2.4 1.8-3.4 1.4-1-.3-1.7-1.1-1.2-2 .5-.9 1.4-1.4 2.2-1.1.3.1.7 0 .8-.3.1-.2 0-.5-.3-.6-1.4-.5-3 .2-3.8 1.6-.8 1.5.4 2.8 1.9 3.3a5 5 0 0 0 1.7.2c1.6 0 2.8-1.4 3.8-3.4v6.5H2.5c-.4 0-.5.2-.5.5s.2.5.5.5H8v3H3.5c-.4 0-.5.5-.5.5v4c0 .3.1.5.5.5h5c.4 0 .5-.2.5-.5V136h5v3.5c-.2.3.1.4.5.4s.5-.1.5-.4V136h8.5c-2 0-3.3 1.9-3.4 2.5-.2 1 .4 2.1 1.4 2.8.6.4 1.3.6 2 .6l1.3-.2c.9-.3 1.7-.8 2.1-1.3.4-.6.5-1.2.2-1.8-.1-.3-.5-.4-.9-.3-.3.1-.5.4-.4.7.2.4 0 .7-.1.9-.3.4-.8.7-1.5.9-1 .3-1.7 0-2-.2-.7-.4-1.1-1.1-.9-1.8.1-.8.9-1.5 2.1-1.9 1.3-.4 3-.9 5.1-.9h3c.9 0 1.5.7 1.7 1.1.4.4.5.9.4 1.3-.1.3-.3.6-.6.8-.3.2-.7.2-1.1.2-1-.2-1-.7-.9-.8 0-.3-.2-.5-.6-.6-.4 0-.7.2-.7.4-.1.6.2 1.7 2 2 1.2 0 1.7-.1 2.2-.4.6-.3 1-.8 1.2-1.4.1-.7-.1-1.5-.7-2.1a4 4 0 0 0-.9-.5H40v3.8l1 .2h177c.4 0 1-.2 1-.5V136h6.5l-.9.4c-.6.6-.8 1.3-.7 1.9.1.6.5 1 1.2 1.3.5.2 1 .3 1.6.3 2.4-.3 2.7-1.3 2.6-1.8-.1-.3-.4-.4-.7-.4-.4 0-.6.3-.6.5 0 .1.1.6-.9.8-.4.1-.8 0-1.1-.2-.3-.2-.5-.4-.6-.7-.1-.4.1-.8.4-1.2.3-.3.8-.9 1.7-.9h2.9c2.1.1 3.9.4 5.2.8 1.3.4 2 1 2.1 1.7.1.6-.3 1.3-.9 1.6-.3.2-1.1.5-2 .2-.7-.2-1.2-.5-1.5-.8-.2-.2-.3-.5-.1-.8.1-.2 0-.5-.4-.6a.8.8 0 0 0-.9.3c-.3.5-.2 1.1.2 1.7.4.5 1.1.9 2.1 1.2l1.3.2c.7 0 1.4-.2 2-.5 1-.6 1.6-1.6 1.4-2.6-.1-.6-1.6-2.4-3.4-2.4h8.5v3.5c-.3.3.2.5.6.5.4 0 .4-.5.4-.5V136h4v3c0 .3.7 1 1 1h4c.3 0 1-.2 1-.5V136c0-.3-.2-1-.5-1H250v-3h5.1c.4 0 .6-.2.6-.5s-.3-.5-.6-.5H250v-6.5c1.4 1.1 2.3 2.5 4 2.5.5 0 1.1.1 1.6 0 1.6-.5 2.9-1.8 2-3.3a3.4 3.4 0 0 0-4-1.6c-.3.1-.5.4-.3.6.1.2.5.4.9.3.8-.2 1.8.2 2.3 1.1.5.9-.2 1.7-1.3 2-1.1.3-3.8-1-4.7-2.6-.7-1.3-.5-1.3-.5-3.5 0 0 .4-1.2.5-1 .2-.8.9-1.1 1.3-1.3.5-.3 1.1-.4 1.6-.3.4.1.8.2 1 .4.2.2.3.5.2.8-.2.7-.9.7-1.1.7-.4 0-.7.1-.7.4-.1.3.2.5.6.5 1.1 0 2.2-.3 2.6-1.4.2-.5 0-1.1-.4-1.5-.4-.4-1.1-.7-1.8-.8-.8-.1-1.8.1-2.6.5l-1.2 1v-5h5zm-11 0v18h-25.4c-.4 0-.6.3-.6.6v3.4c-2.6 0-5.3 0-6.9-.5-1.5-.5-2.5-1.2-2.9-2-.4-.7-.4-1.4 0-2 .2-.4.6-1 1.5-1.4.8-.3 1.6-.3 2.6 0 .6.2 1.1.5 1.3.8.2.3.2.7 0 1.1-.1.3 0 .6.4.7.3.1.7 0 .8-.3.4-.7.4-1.3 0-1.9-.3-.6-1-1.1-1.9-1.4-1.7-.6-3-.3-3.8.1-.9.4-1.6 1.1-2 1.9-.2.4-.3.9-.3 1.4.1 1.8.6 1.8 3.2 3.5H49c2.6-1.7 3.1-1.7 3.2-3.5 0-.5-.1-1-.3-1.4a4 4 0 0 0-2-1.8c-.8-.3-2-.6-3.8-.1-.9.3-1.6.8-1.9 1.4-.4.6-.4 1.3 0 1.9.1.3.5.4.8.3.3-.1.5-.4.3-.7-.2-.4-.2-.8 0-1.1.2-.3.6-.6 1.3-.8 1-.3 1.9-.3 2.6 0 .8.4 1.3 1 1.5 1.4.3.7.3 1.4 0 2-.5.9-1.4 1.6-2.9 2-1.5.5-4.2.3-6.8.4v-3c0-.3-.6-1-1-1H15v-18c0-.3-.7-1-1-1H9v-2c0-.8.7-2 1-2.5a4.1 4.1 0 0 1 2.6-2.1c.8-.3 1.6-.3 2.4 0a3 3 0 0 1 1.6 1.1c.4.6.4 1.2 0 1.9-.2.5-.6.8-1 .9h-1.3c-.3-.1-.7 0-.8.3-.1.2 0 .5.3.6a3 3 0 0 0 2.3 0c.7-.3 1.3-.7 1.6-1.4.7-1.3.3-2.2-.1-2.7a4.9 4.9 0 0 0-2.3-1.5 5 5 0 0 0-3.2 0c-.8.2-3.1 1.9-3.1 2.9v-72c0 1 2.2 2.5 3 2.7a7 7 0 0 0 2 .3c.5 0 .9-.1 1.3-.3 1-.3 1.8-.8 2.2-1.5.4-.6.7-1.5.1-2.7-.4-.7-.9-1.2-1.6-1.4a3 3 0 0 0-2.3 0c-.3.1-.5.4-.3.6.1.2.5.4.8.3.5-.2.9-.2 1.3 0s.8.5 1 .9c.4.7.4 1.4 0 1.9-.4.6-1.2.9-1.7 1.1-.8.3-1.7.2-2.5 0-1-.3-1.6-1.1-2.2-2.1-.3-.6-1.1-.9-1.1-1.8V29h6V10h25c.4 0 1-.2 1-.5V6c2.6 0 5.5.6 7 1a5 5 0 0 1 3 2c.4.6-.2 1.3-.5 1.9-.2.3-.6 1-1.5 1.3-.8.3-1.6.3-2.6 0-.6-.2-1.1-.5-1.3-.8-.2-.3-.2-.7 0-1.1.1-.2 0-.5-.3-.6-.3-.1-.7 0-.8.3-.4.6-.4 1.3 0 1.8.3.6 1 1 1.9 1.3l1.9.3c.8 0 1.4-.2 1.9-.4a4 4 0 0 0 2-1.8c.5-.9.5-2 0-2.8-.4-.7-1.4-1.6-3.2-2.4H211a16 16 0 0 0-4.2 2.4c-.5.9-.5 1.9 0 2.8.4.8 1.2 1.5 2 1.8.5.2 1.1.4 1.9.4l1.9-.3c.9-.3 1.6-.7 1.9-1.3.4-.6.4-1.2 0-1.8-.1-.2-.5-.4-.8-.3-.3.1-.5.4-.3.6.2.4.2.7 0 1.1-.2.3-.6.6-1.3.8-1 .3-1.9.3-2.6 0a4 4 0 0 1-1.5-1.3c-.3-.6-.3-1.3 0-1.9.5-.8 1.5-1.5 3-1.9a25 25 0 0 1 7-1.1v3c0 .3.6 1 1 1h25v18c0 .3.7 1 1 1h4v4.1c0 .8-.1 1.6-.4 2.1a3.7 3.7 0 0 1-2.3 2.1c-.8.3-1.6.3-2.4 0a3 3 0 0 1-1.6-1.1c-.4-.6-.4-1.2 0-1.9.2-.5.6-.8 1-.9h1.3c.3.1.7 0 .8-.3.1-.2 0-.5-.3-.6a3 3 0 0 0-2.3 0c-.7.3-1.3.7-1.6 1.4-.7 1.3-.3 2.2.1 2.7.5.6 1.3 1.2 2.3 1.5.5.2 1.1.3 1.7.3.6 0 1-.1 1.5-.3.8-.2 2.2-1.1 2.2-2.1v70.5c0-1-1.4-1.9-2.2-2.1a4.7 4.7 0 0 0-3.3 0c-1 .3-1.8.8-2.2 1.5-.4.6-.7 1.5-.1 2.7.4.7.9 1.2 1.6 1.4a3 3 0 0 0 2.3 0c.3-.1.5-.4.3-.6-.1-.2-.5-.4-.8-.3-.5.2-.9.2-1.3 0s-.8-.5-1-.9c-.4-.7-.4-1.4 0-1.9.4-.6 1.2-.9 1.7-1.1.8-.3 1.7-.2 2.5 0 1 .3 1.7 1.1 2.3 2.1.3.6.2.9.2 1.7v3h-4c-.5.1-1 .7-1 1zm5-85h-4V10h4v18zm1-26h4v3h-4V2zm-1 4v3h-4V6h4zm-5 0v3h-25V6h25zM41 2h177v3H41V2zM28 6h12v3H15V6h13zM4 5V2h4v3H4zm5 1h5v3H9V6zm5 4v18H9V10h5zM4 112V29h4v83H4zm5 1h5v18H9v-18zm-1 26H4v-3h4v3zm1-4v-3h5v3H9zm6-3h25v3H15v-3zm203 7H41v-3h177v3zm12-4h-11v-3h25v3h-14zm24 1v3h-4v-3h4zm-5-1h-4v-3h4v3zm-4-4v-18h4v18h-4zm9-102v83h-4V29h4z" fill="#BDD5E6" /><path d="M88.4 99.9L85 97.2a19.7 19.7 0 0 1-10.1 5.2C65 104.2 57 96 57 86.2c0-9.9 8-17.8 17.9-19.5 9.9-1.7 17.9 3.7 17.9 13.7a22 22 0 0 1-3.2 11l3.6 2.3-4.8 6.2zM75 73.6c-6.1 1.1-11 6.3-11 12.4 0 6.1 4.9 10.7 11 9.6 6.1-1.1 11-7.3 11-13.3 0-6.2-4.9-9.8-11-8.7zm34 16.7a11.2 11.2 0 0 1-5.1 4.3c-3.9 1.3-6.8-.7-6.8-5.8V72.6l6.4-2.1v15c0 1.7 1 2.4 2.7 1.8a5.3 5.3 0 0 0 2.8-2.7v-16l6.4-2.3v23.5l-6.4 2.3v-1.8zm27.7-9.9a12.8 12.8 0 0 1-5.9 4.3c-5.8 2.2-11.3-1.3-11.3-8.2 0-6.9 5.6-14.5 11.3-16.7 2.7-1 4.5-.9 5.9 0v-1.5l6.4-2.3v23.5l-6.4 2.3v-1.4zm0-13.9c-1.1-1.1-2.8-1.3-4.8-.6-3.3 1.2-6 5-6 8.3 0 3.3 2.8 5 6 3.8 2-.7 3.7-2.3 4.8-4.1v-7.4zm31.6 2.7a17.3 17.3 0 0 1-8.8 5.8c-6.9 1.9-12.4-1.7-12.4-8.6 0-6.9 5.6-14.4 12.4-16.3 3.5-1 6.6-.3 8.8 1.5l-4.6 5.6a4.8 4.8 0 0 0-4.3-.6c-3.3.9-6 4.5-6 7.8s2.7 5.2 6 4.3a7.8 7.8 0 0 0 4.2-2.9c1.7 1.1 3.2 2.3 4.7 3.4zm16.2.4a171 171 0 0 0-5.2-6.7l-1 1.5v5.9l-6.4 1.1V37l6.4-1.1v18.4l5.2-8.1c2.7-.2 5.3-.4 8-.4-2.7 3.7-5.5 7.5-8.2 11.5l9.1 12c-2.6 0-5.3.1-7.9.3zM36 71v-4h7v12l-7-8zm10 0v-4h7v12l-7-8zm150-28V31h7v4l-7 8zm10 0V31h7v4l-7 8z" fill="#1E3C52" /></g></svg>
</div>
<div class="p24 ta-center d-none has-width step js-step js-step06">
<h2 class="fw-normal mb12">Quack Overflow says,</h2>
<p class="fc-light mb16">
“Whenever you’re stuck, <a class="s-link" href="https://en.wikipedia.org/wiki/Rubber_duck_debugging">rubber ducking</a> is a powerful method for solving even the most difficult problems. Insights are often found by simply describing the problem aloud.”
</p>
<button class="s-btn s-btn__primary js-again">I have another problem</button>
<button class="s-btn s-btn__muted js-enough-already">I hate this duck</button>
</div>
<div class="p24 ta-center d-none has-width step js-step js-step07">
<p class="fc-light mb16">The duck is sorry to hear that, but it understands.</p>
<button class="s-btn s-btn__primary js-goodbye">Goodbye, duck</button>
</div>
</div>
<svg class="js-quack-btn c-pointer" style="cursor: pointer;" width="56" height="49" xmlns="http://www.w3.org/2000/svg">
<g fill="none"><path d="M8.9 12v-1.6C10 4.8 15 .6 20.7 1A11 11 0 0 1 31 12.8c.3 1.2 0 2.8-.7 4.4l-.6 2.7H40c2 0 3.2-.6 4.4-1.9a6.6 6.6 0 0 1 5-2.3c2 0 3.7 2 3.7 4.5v12.5A13.4 13.4 0 0 1 39.8 46h-25c-5.6 0-10.2-3.4-12.1-9a14 14 0 0 1 3.7-14.7l1.8-1.5-2.3-.7c-2.8-1-4.9-3.4-4.9-6V12h7.9z" fill="#FFF" /><path d="M52 18.8a4 4 0 0 1 4 4v13C56 43 50.2 49 43 49H16c-5.4 0-10.4-3.5-12.3-8.8a14 14 0 0 1 4-14.8L9.5 24v-.4L7.4 23A5.6 5.6 0 0 1 3 17.4V15h7.3v-1c1-6 6.2-10.3 12-9.9a11.4 11.4 0 0 1 9.4 16.2l-1 2.7h12.2c2.9 0 4.2-1.6 5.5-2.7.8-.6 1.9-1.5 3.6-1.5zm-35.5-8.4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" fill="#FFB935" /><path d="M2 14.3c0 2 1.8 4 4.3 5l3.9 1.2-1.4 1.2L7.1 23a13 13 0 0 0-3.5 13.7c1.8 5 6 8.2 11.2 8.2h25c6.8 0 12.3-5.5 12.3-12.3V20.2c0-2-1.3-3.4-2.7-3.4a5.7 5.7 0 0 0-4.3 1.9 6.2 6.2 0 0 1-5.1 2.2H28.4l.9-4a6 6 0 0 0 .7-3.8v-.3A10 10 0 0 0 20.6 2c-5.1-.3-9.9 3.4-10.7 8.6V13H2v1.3zm-.2 23.2a15 15 0 0 1 4-15.9l.3-.3-.5-.2C2.4 20 0 17.3 0 14.3V11h7.9v-.6A12.5 12.5 0 0 1 20.8 0 12 12 0 0 1 32 12.7a8 8 0 0 1-.8 4.9l-.3 1.3h9c1.8 0 2.8-.5 3.7-1.5a8 8 0 0 1 1.7-1.4 7.6 7.6 0 0 1 4.1-1.2c2.6 0 4.7 2.4 4.7 5.4v12.5A14.3 14.3 0 0 1 39.8 47h-25c-6 0-11-3.7-13-9.5z" fill="#F48024" /><path d="M46 27v2H34a7.8 7.8 0 0 0-7.6 8c0 4.4 3.4 8 7.6 8v2a9.8 9.8 0 0 1-9.6-10c0-5.5 4.3-10 9.6-10h12zM16.5 10a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm0 2a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7zm-8.6 0l2 .1c-.2 2.2.7 4.4 2.6 6.3a1.3 1.3 0 0 1-.7 2.3c-.9.2-2.6.7-3 1L7.7 20c.5-.4 1.7-.8 2.8-1.1a9.5 9.5 0 0 1-2.5-7z" fill="#F48024" /></g>
</svg>
<svg class="js-quack-btn c-pointer d-none" style="cursor:pointer;" width="56" height="49" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs><path d="M19 25c1.7 0 3-1.8 3-3.5S19 15 19 15s-3 4.8-3 6.5c0 1.7 1.3 3.5 3 3.5z" id="a" /></defs>
<g fill="none" fill-rule="evenodd"><path d="M8.9 12v-1.6C10 4.8 15 .6 20.7 1A11 11 0 0 1 31 12.8c.3 1.2 0 2.8-.7 4.4l-.6 2.7H40c2 0 3.2-.6 4.4-1.9a6.6 6.6 0 0 1 5-2.3c2 0 3.7 2 3.7 4.5v12.5A13.4 13.4 0 0 1 39.8 46h-25c-5.6 0-10.2-3.4-12.1-9a14 14 0 0 1 3.7-14.7l1.8-1.5-2.3-.7c-2.8-1-4.9-3.4-4.9-6V12h7.9z" fill="#FFF" fill-rule="nonzero" /><path d="M52 18.8c-1.7 0-2.8.9-3.6 1.5-1.3 1.1-2.6 2.7-5.5 2.7H30.6l1.1-2.7a11.4 11.4 0 0 0-9.4-16.2c-5.8-.4-11 3.9-12 10v.9L3 17v.4c0 2.6 1.8 4.9 4.4 5.5l2.1.7v.4l-1.8 1.4a13.6 13.6 0 0 0-4 14.8c2 5.3 6.9 8.8 12.4 8.8h26.8C50.2 49 56 43 56 35.8v-13a4 4 0 0 0-4-4z" fill="#FFB935" fill-rule="nonzero" /><path d="M2 16.3c0 2 1.8 2 4.3 3l3.9 1.2-1.4 1.2L7.1 23a13 13 0 0 0-3.5 13.7c1.8 5 6 8.2 11.2 8.2h25c6.8 0 12.3-5.5 12.3-12.3V20.2c0-2-1.3-3.4-2.7-3.4a5.7 5.7 0 0 0-4.3 1.9 6.2 6.2 0 0 1-5.1 2.2H28.4l.9-4a6 6 0 0 0 .7-3.8v-.3A10 10 0 0 0 20.6 2c-5.1-.3-9.9 3.4-10.7 8.6l.1 1.9-8 3v.8zm-.2 21.2a15 15 0 0 1 4-15.9l.3-.3-.5-.2C2.4 20 0 20.3 0 17.3V14l7.9-3v-.6A12.5 12.5 0 0 1 20.8 0 12 12 0 0 1 32 12.7a8 8 0 0 1-.8 4.9l-.3 1.3h9c1.8 0 2.8-.5 3.7-1.5a8 8 0 0 1 1.7-1.4 7.6 7.6 0 0 1 4.1-1.2c2.6 0 4.7 2.4 4.7 5.4v12.5A14.3 14.3 0 0 1 39.8 47h-25c-6 0-11-3.7-13-9.5z" fill="#F48024" fill-rule="nonzero" /><path d="M46 27v2H34a7.8 7.8 0 0 0-7.6 8c0 4.4 3.4 8 7.6 8v2a9.8 9.8 0 0 1-9.6-10c0-5.5 4.3-10 9.6-10h12zM7.9 12l2 .1c-.2 2.2.7 4.4 2.6 6.3a1.3 1.3 0 0 1-.7 2.3c-.9.2-2.6.7-3 1L7.7 20c.5-.4 1.7-.8 2.8-1.1a9.5 9.5 0 0 1-2.5-7z" fill="#F48024" fill-rule="nonzero" /><path d="M12 9c1 2.3 2.2 3.7 3.5 4a9 9 0 0 0 4 0v-2c-1 .3-2 .3-3 0s-1.8-1-2.5-2h-2z" fill="#F48024" /><use fill="#FFF" xlink:href="#a" /><path stroke="#F48024" stroke-width="2" d="M19 17a45.2 45.2 0 0 0-2 4.5c0 1.2 1 2.5 2 2.5s2-1.3 2-2.5a33 33 0 0 0-2-4.5z" /></g>
</svg>
</div>
<audio id="quack-sound" src="quack.mp3" preload="auto"></audio> <script>
StackExchange.ready(function() {
setTimeout(function() {
StackExchange.quack.init();
}, 500);
});
</script>
</body>
</html>