Skip to content

Tenzing / banners-with-skip

Go to a project
Toggle navigation
Toggle navigation pinning
3d5bef1d by Dan Rempel
Options

Bosco release ready for final approval

1 parent aab2cb43
Inline Side-by-side
Showing 125 changed files with 3161 additions and 30 deletions
1 <?xml version="1.0" encoding="utf-8"?>
2 <!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 viewBox="0 0 162 83.2" style="enable-background:new 0 0 162 83.2;" xml:space="preserve">
6 <style type="text/css">
7 .st0{fill:#C88F50;}
8 .st1{fill:#E1C19C;}
9 .st2{fill:#FFFFFF;}
10 .st3{fill:#353F4A;}
11 .st4{clip-path:url(#clipPathId);}
12 .st5{fill:#F27658;}
13 #eye-right-lash, #e-large, #e-small{
14 opacity: 0;
15 }
16
17 </style>
18 <g id="face">
19 <g>
20 <path class="st0" d="M25.1,60.2c0-6.6,4.4-12.2,10.4-14c1.4-3.2,1.7-7.4,1.5-10.7c0,0-0.3-6.1-0.4-8.9c-1.1,0.1-2.2,0.3-3.3,0.5
21 c0,0,0-0.1,0-0.1c-0.7-1.5-2.1-4.3-3.2-6.1c-1.7-2.9-3.3-5.1-5.1-6.7c-1.4-1.3-2.8-1.9-4.2-1.7c-1.6,0.2-2.7,0.8-3.3,1.8
22 c-0.6,1-1,2-1.1,3.1c-0.1,0.5-0.2,1-0.2,1.5c0,0.2,0,0.4,0,0.7c0,0.5-0.1,1-0.1,1.5c-0.1,2-0.1,3.5,0.1,4.9
23 c0.1,0.7,0.3,1.3,0.4,1.9c0.2,0.9,0.4,1.7,0.5,2.5c0,0.3-0.1,0.8-0.3,1.2c-0.1,0.3-0.2,0.7-0.3,1c-0.2,0.9-0.1,1.7,0.1,2.4
24 c0.4,1.2,1.2,2.2,1.9,3.2c0.1,0.2,0.3,0.4,0.4,0.6c0.5,0.7,0.9,1.3,1.1,1.8c0.3,0.8,0.3,1.8,0.3,2.8c0,0.2,0,0.4,0,0.6
25 c0,0.7-0.2,1.6-0.4,2.5c-0.3,1.3-0.6,2.7-0.5,3.9c0.3,2.2,2.2,6.7,2.8,7.7c0.8,1.3,1.9,2.2,3.1,2.8C25.1,60.7,25.1,60.5,25.1,60.2
26 z"/>
27 <path class="st0" d="M63.1,25.9c0.1-0.7,0.2-1.5,0.2-2.4c-0.1,0-0.2,0-0.3,0c-0.7,0-1.3-0.4-1.6-1c-0.2,0.1-0.5,0.1-0.8,0.1
28 c-1.4,0-2.5-1.1-2.5-2.5c0,0-0.1,0-0.1,0c-1.6,0-3-1.3-3-3c0-1,0.5-1.8,1.2-2.4c-0.4-0.5-0.6-1.1-0.6-1.8c-0.5,0.3-1,0.6-1.4,1.1
29 c-1.8,1.7-3.4,3.8-5.1,6.7c-1.1,1.9-2.5,4.7-3.2,6.1c0,0,0,0.1,0,0.1c-1-0.2-1.9-0.3-2.8-0.4c-0.2,2.8-0.4,8.8-0.4,8.8
30 c-0.2,3.3,0.1,7.5,1.5,10.7c6,1.8,10.4,7.4,10.4,14c0,0.2,0,0.4,0,0.6c1.3-0.8,2.1-1.8,2.6-2.7c0.7-1.1,2.5-5.5,2.8-7.7
31 c0.2-1.1-0.2-2.5-0.5-3.9c-0.2-1-0.4-1.9-0.4-2.5c0-0.2,0-0.4,0-0.6c0-1,0-2,0.3-2.8c0.2-0.5,0.5-1.1,1.1-1.8
32 c0.1-0.2,0.3-0.4,0.4-0.6c0.7-1,1.5-2,1.9-3.2c0.3-0.8,0.3-1.5,0.1-2.4c-0.1-0.3-0.2-0.7-0.3-1c-0.1-0.4-0.3-0.9-0.3-1.2
33 c0-0.8,0.2-1.6,0.5-2.5C62.8,27.2,63,26.6,63.1,25.9z"/>
34 </g>
35 <path class="st1" d="M23.8,17.7c-1.3-1.5-3.5-1.9-4.4,0.4c-0.7,1.9-0.6,4.1-0.6,6.1c0,2.3,1.5,3.9,1.8,6.2
36 c-0.5,3.5-0.2,5.1,2.2,6.1c2.3-3.7,6.6-4.3,6.9-7.2C30,26.7,25.3,19.3,23.8,17.7z"/>
37 <path class="st1" d="M60.2,22.7c-1.2-0.2-2-1.2-2-2.5c0,0-0.1,0-0.1,0c-1.5,0-2.7-1.1-2.9-2.5c-1.6,1.8-6.1,9-5.9,11.5
38 c0.3,2.9,4.6,3.5,6.9,7.2c2.4-1,2.7-2.6,2.2-6.1c0.3-2.3,1.7-3.9,1.8-6.2C60.2,23.6,60.2,23.2,60.2,22.7z"/>
39 <g id="face_x5F_crumbs">
40 <circle id="f-large" class="st0" cx="59.5" cy="12.8" r="2"/>
41 <circle id="f-small" class="st0" cx="61.2" cy="17.3" r="1.3"/>
42 </g>
43 </g>
44 <g id="eyes">
45 <path id="eye-left-white" class="st2" d="M31.9,42.7c0,2-1.6,3.6-3.6,3.6c-2,0-3.6-1.6-3.6-3.6c0-2,1.6-3.6,3.6-3.6
46 C30.3,39.1,31.9,40.7,31.9,42.7z"/>
47 <path id="eye-left-pupil" class="st3" d="M30.4,41.6c0,0,0,0.1,0,0.1c0,0.5-0.4,0.8-0.8,0.8c-0.5,0-0.8-0.4-0.8-0.8
48 c0-0.3,0.1-0.5,0.3-0.7c-0.1,0-0.2,0-0.3,0c-1.4,0-2.6,1.1-2.6,2.6c0,1.4,1.1,2.6,2.6,2.6c1.4,0,2.6-1.1,2.6-2.6
49 C31.4,42.8,31,42.1,30.4,41.6z"/>
50 <g id="eye-right-group">
51 <defs>
52 <path id="eye-right-mask" d="M54.8,42.7c0,2-1.6,3.6-3.6,3.6c-2,0-3.6-1.6-3.6-3.6c0-2,1.6-3.6,3.6-3.6
53 C53.2,39.1,54.8,40.7,54.8,42.7z"/>
54 <clipPath id="clipPathId">
55 <use xlink:href="#eye-right-mask" style="overflow:visible;"/>
56 </clipPath>
57 </defs>
58 <g id="eye-right" class="st4">
59 <use xlink:href="#eye-right-mask" style="overflow:visible;"/>
60
61 <path id="eye-right-white" class="st2" d="M54.8,42.7c0,2-1.6,3.6-3.6,3.6c-2,0-3.6-1.6-3.6-3.6c0-2,1.6-3.6,3.6-3.6
62 C53.2,39.1,54.8,40.7,54.8,42.7z"/>
63 <path id="eye-right-pupil" class="st3" d="M52.3,41.6c0,0,0,0.1,0,0.1c0,0.5-0.4,0.8-0.8,0.8c-0.5,0-0.8-0.4-0.8-0.8
64 c0-0.3,0.1-0.5,0.3-0.7c-0.1,0-0.2,0-0.3,0c-1.4,0-2.6,1.1-2.6,2.6c0,1.4,1.1,2.6,2.6,2.6c1.4,0,2.6-1.1,2.6-2.6
65 C53.3,42.8,52.9,42.1,52.3,41.6z"/>
66 </g>
67 <circle id="e-large" class="st3" cx="54" cy="42" r="0.6"/>
68 <circle id="e-small" class="st3" cx="54" cy="42" r="0.2"/>
69 <path id="eye-right-lash" class="st3" d="M48.1,43.6c-0.1,0-0.3,0-0.4-0.1c-0.3-0.2-0.5-0.7-0.2-1c0.8-1.3,2.2-2,3.7-2
70 c1.5,0,2.9,0.8,3.7,2c0.2,0.4,0.1,0.8-0.2,1c-0.4,0.2-0.8,0.1-1-0.2c-0.5-0.8-1.4-1.3-2.4-1.3s-1.9,0.5-2.4,1.3
71 C48.6,43.5,48.4,43.6,48.1,43.6z"/>
72 </g>
73 </g>
74 <g id="tongue">
75 <circle id="cheek" class="st2" cx="39.8" cy="59.8" r="14.5"/>
76 <path id="normal" class="st5" d="M39.8,57.5c0,2.7-2.2,4.9-4.9,4.9h0v0.5c0,2.7,2.2,4.9,4.9,4.9c2.7,0,4.9-2.2,4.9-4.9v-0.5
77 C42,62.4,39.8,60.2,39.8,57.5z"/>
78 <path id="pant" class="st5" d="M34.8,62.4l0,2.9v0.5c0,2.7,2.2,4.9,4.9,4.9c2.7,0,4.9-2.2,4.9-4.9v-3.4H34.8z"/>
79 <g id="nose">
80 <circle class="st3" cx="39.8" cy="52.4" r="3.2"/>
81 </g>
82 </g>
83 <g id="logo">
84 <g id="cookieclub">
85 <path class="st3" d="M80.5,54.3c0.4,0.2,0.6,0.5,0.6,0.8c0,0.2,0,0.3-0.1,0.4c-0.1,0.1-0.2,0.2-0.4,0.2c-0.1,0-0.2,0-0.3-0.1
86 c-0.1,0-0.1-0.1-0.2-0.1c-0.1-0.1-0.1-0.1-0.2-0.1c-0.1,0-0.2-0.1-0.3-0.1c-0.1,0-0.3,0-0.4,0c-0.6,0-1,0.2-1.3,0.5
87 c-0.3,0.4-0.5,0.8-0.5,1.4c0,0.5,0.2,1,0.5,1.4c0.3,0.4,0.7,0.5,1.2,0.5c0.4,0,0.6,0,0.8-0.1c0,0,0.1-0.1,0.2-0.1
88 c0.1-0.1,0.2-0.1,0.2-0.1c0.1,0,0.2,0,0.2,0c0.2,0,0.3,0.1,0.4,0.2c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2-0.1,0.4-0.3,0.5
89 c-0.2,0.2-0.5,0.3-0.8,0.4c-0.3,0.1-0.7,0.1-1.1,0.1c-0.6,0-1.1-0.1-1.5-0.4c-0.4-0.3-0.8-0.6-1-1.1c-0.2-0.5-0.4-1-0.4-1.6
90 c0-0.6,0.1-1.2,0.4-1.6c0.3-0.5,0.6-0.8,1.1-1.1c0.5-0.3,1-0.4,1.5-0.4C79.6,54,80.1,54.1,80.5,54.3z"/>
91 <path class="st3" d="M88,58.8c-0.3,0.5-0.6,0.9-1.1,1.1c-0.5,0.3-1,0.4-1.6,0.4c-0.6,0-1.1-0.1-1.6-0.4c-0.5-0.3-0.8-0.6-1.1-1.1
92 c-0.3-0.5-0.4-1-0.4-1.6c0-0.6,0.1-1.1,0.4-1.6c0.3-0.5,0.6-0.9,1.1-1.1c0.5-0.3,1-0.4,1.6-0.4c0.6,0,1.1,0.1,1.6,0.4
93 c0.5,0.3,0.8,0.6,1.1,1.1c0.3,0.5,0.4,1,0.4,1.6C88.4,57.8,88.2,58.3,88,58.8z M86.8,56.2c-0.2-0.3-0.4-0.5-0.6-0.7
94 c-0.3-0.2-0.5-0.2-0.9-0.2c-0.3,0-0.6,0.1-0.9,0.2c-0.3,0.2-0.5,0.4-0.6,0.7c-0.2,0.3-0.2,0.6-0.2,1c0,0.4,0.1,0.7,0.2,1
95 c0.2,0.3,0.4,0.5,0.6,0.7c0.3,0.2,0.5,0.2,0.9,0.2c0.3,0,0.6-0.1,0.9-0.2c0.3-0.2,0.5-0.4,0.6-0.7c0.2-0.3,0.2-0.6,0.2-1
96 C87,56.8,86.9,56.5,86.8,56.2z"/>
97 <path class="st3" d="M95.4,58.8c-0.3,0.5-0.6,0.9-1.1,1.1c-0.5,0.3-1,0.4-1.6,0.4c-0.6,0-1.1-0.1-1.6-0.4
98 c-0.5-0.3-0.8-0.6-1.1-1.1c-0.3-0.5-0.4-1-0.4-1.6c0-0.6,0.1-1.1,0.4-1.6c0.3-0.5,0.6-0.9,1.1-1.1c0.5-0.3,1-0.4,1.6-0.4
99 c0.6,0,1.1,0.1,1.6,0.4c0.5,0.3,0.8,0.6,1.1,1.1c0.3,0.5,0.4,1,0.4,1.6C95.8,57.8,95.6,58.3,95.4,58.8z M94.2,56.2
100 c-0.2-0.3-0.4-0.5-0.6-0.7s-0.5-0.2-0.9-0.2c-0.3,0-0.6,0.1-0.9,0.2c-0.3,0.2-0.5,0.4-0.6,0.7c-0.2,0.3-0.2,0.6-0.2,1
101 c0,0.4,0.1,0.7,0.2,1c0.2,0.3,0.4,0.5,0.6,0.7c0.3,0.2,0.5,0.2,0.9,0.2c0.3,0,0.6-0.1,0.9-0.2c0.3-0.2,0.5-0.4,0.6-0.7
102 c0.2-0.3,0.2-0.6,0.2-1C94.4,56.8,94.3,56.5,94.2,56.2z"/>
103 <path class="st3" d="M102.6,59.5c0,0.2-0.1,0.3-0.2,0.5c-0.1,0.1-0.3,0.2-0.5,0.2c-0.2,0-0.4-0.1-0.5-0.2l-2-2.2l-0.6,0.5v1.2
104 c0,0.2-0.1,0.4-0.2,0.5c-0.1,0.1-0.3,0.2-0.5,0.2c-0.2,0-0.4-0.1-0.5-0.2c-0.1-0.1-0.2-0.3-0.2-0.5v-7c0-0.2,0.1-0.4,0.2-0.5
105 s0.3-0.2,0.5-0.2c0.2,0,0.4,0.1,0.5,0.2s0.2,0.3,0.2,0.5v4.2l2.4-2.3c0.1-0.1,0.3-0.2,0.5-0.2c0.2,0,0.3,0.1,0.4,0.2
106 c0.1,0.1,0.2,0.3,0.2,0.4c0,0.2-0.1,0.4-0.3,0.5l-1.7,1.6l2,2.2C102.5,59.1,102.6,59.3,102.6,59.5z"/>
107 <path class="st3" d="M104.1,53.3c-0.1-0.1-0.2-0.2-0.2-0.4v-0.2c0-0.2,0.1-0.4,0.2-0.4c0.1-0.1,0.3-0.1,0.5-0.1
108 c0.3,0,0.4,0,0.6,0.1s0.2,0.2,0.2,0.4v0.2c0,0.2-0.1,0.4-0.2,0.4c-0.1,0.1-0.3,0.1-0.6,0.1C104.4,53.4,104.2,53.3,104.1,53.3z
109 M105.1,60c-0.1,0.1-0.3,0.2-0.5,0.2s-0.4-0.1-0.5-0.2c-0.1-0.1-0.2-0.3-0.2-0.5v-4.7c0-0.2,0.1-0.4,0.2-0.5
110 c0.1-0.1,0.3-0.2,0.5-0.2s0.4,0.1,0.5,0.2c0.1,0.1,0.2,0.3,0.2,0.5v4.7C105.3,59.7,105.3,59.9,105.1,60z"/>
111 <path class="st3" d="M112.4,57.5c-0.1,0.1-0.3,0.2-0.5,0.2h-3.7c0.1,0.4,0.3,0.8,0.6,1c0.3,0.3,0.7,0.4,1.1,0.4
112 c0.3,0,0.6,0,0.7-0.1c0.2-0.1,0.3-0.1,0.4-0.2c0.1-0.1,0.2-0.1,0.2-0.1c0.1-0.1,0.3-0.1,0.4-0.1c0.2,0,0.3,0.1,0.4,0.2
113 c0.1,0.1,0.2,0.2,0.2,0.4c0,0.2-0.1,0.4-0.3,0.6c-0.2,0.2-0.5,0.3-0.9,0.4c-0.4,0.1-0.7,0.2-1.1,0.2c-0.6,0-1.2-0.1-1.7-0.4
114 c-0.5-0.3-0.8-0.6-1.1-1.1c-0.3-0.5-0.4-1-0.4-1.6c0-0.6,0.1-1.2,0.4-1.7c0.3-0.5,0.6-0.9,1.1-1.1c0.4-0.3,0.9-0.4,1.4-0.4
115 c0.5,0,1,0.1,1.4,0.4c0.4,0.3,0.8,0.6,1.1,1.1c0.3,0.5,0.4,1,0.4,1.5C112.6,57.2,112.6,57.3,112.4,57.5z M108.2,56.5h3v-0.1
116 c0-0.3-0.2-0.6-0.5-0.8c-0.3-0.2-0.6-0.3-1-0.3C108.9,55.3,108.4,55.7,108.2,56.5z"/>
117 <path class="st3" d="M121.3,54.3c0.4,0.2,0.6,0.5,0.6,0.8c0,0.2,0,0.3-0.1,0.4c-0.1,0.1-0.2,0.2-0.4,0.2c-0.1,0-0.2,0-0.3-0.1
118 c-0.1,0-0.1-0.1-0.2-0.1c-0.1-0.1-0.1-0.1-0.2-0.1c-0.1,0-0.2-0.1-0.3-0.1c-0.1,0-0.3,0-0.4,0c-0.6,0-1,0.2-1.3,0.5
119 c-0.3,0.4-0.5,0.8-0.5,1.4c0,0.5,0.2,1,0.5,1.4c0.3,0.4,0.7,0.5,1.2,0.5c0.4,0,0.6,0,0.8-0.1c0,0,0.1-0.1,0.2-0.1
120 c0.1-0.1,0.2-0.1,0.2-0.1c0.1,0,0.2,0,0.2,0c0.2,0,0.3,0.1,0.4,0.2c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2-0.1,0.4-0.3,0.5
121 c-0.2,0.2-0.5,0.3-0.8,0.4c-0.3,0.1-0.7,0.1-1.1,0.1c-0.6,0-1.1-0.1-1.5-0.4c-0.4-0.3-0.8-0.6-1-1.1c-0.2-0.5-0.4-1-0.4-1.6
122 c0-0.6,0.1-1.2,0.4-1.6c0.3-0.5,0.6-0.8,1.1-1.1c0.5-0.3,1-0.4,1.5-0.4C120.3,54,120.9,54.1,121.3,54.3z"/>
123 <path class="st3" d="M124.6,60c-0.1,0.1-0.3,0.2-0.5,0.2c-0.2,0-0.3-0.1-0.5-0.2c-0.1-0.1-0.2-0.3-0.2-0.5v-7
124 c0-0.2,0.1-0.4,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2c0.2,0,0.3,0.1,0.5,0.2s0.2,0.3,0.2,0.5v7C124.8,59.7,124.7,59.9,124.6,60z"/>
125 <path class="st3" d="M131.7,54.3c0.1,0.1,0.2,0.3,0.2,0.5v2.9c0,0.8-0.2,1.5-0.7,1.9c-0.4,0.5-1.1,0.7-1.9,0.7
126 c-0.8,0-1.5-0.2-1.9-0.7c-0.4-0.5-0.7-1.1-0.7-1.9v-2.9c0-0.2,0.1-0.4,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2c0.2,0,0.4,0.1,0.5,0.2
127 c0.1,0.1,0.2,0.3,0.2,0.5v2.9c0,0.5,0.1,0.8,0.3,1c0.2,0.2,0.5,0.3,0.9,0.3c0.4,0,0.7-0.1,0.9-0.3c0.2-0.2,0.3-0.6,0.3-1v-2.9
128 c0-0.2,0.1-0.4,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2S131.6,54.2,131.7,54.3z"/>
129 <path class="st3" d="M138.4,54.4c0.4,0.3,0.8,0.6,1,1.1s0.4,1,0.4,1.6s-0.1,1.1-0.4,1.6c-0.2,0.5-0.6,0.9-1,1.1
130 c-0.4,0.3-0.9,0.4-1.4,0.4c-0.4,0-0.7-0.1-1-0.2s-0.6-0.3-0.8-0.5v0.1c0,0.2-0.1,0.4-0.2,0.5c-0.1,0.1-0.3,0.2-0.5,0.2
131 c-0.2,0-0.4-0.1-0.5-0.2c-0.1-0.1-0.2-0.3-0.2-0.5v-7.1c0-0.2,0.1-0.4,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2c0.2,0,0.4,0.1,0.5,0.2
132 c0.1,0.1,0.2,0.3,0.2,0.5v2.4c0.2-0.2,0.4-0.4,0.8-0.6c0.3-0.2,0.7-0.3,1-0.3C137.5,54,138,54.1,138.4,54.4z M138,58.5
133 c0.3-0.4,0.5-0.8,0.5-1.4c0-0.5-0.2-1-0.5-1.4c-0.3-0.4-0.7-0.5-1.2-0.5c-0.5,0-0.9,0.2-1.2,0.5c-0.3,0.4-0.5,0.8-0.5,1.4
134 c0,0.5,0.2,1,0.5,1.4c0.3,0.4,0.7,0.5,1.2,0.5C137.3,59.1,137.7,58.9,138,58.5z"/>
135 </g>
136 <g id="wufers">
137 <path class="st3" d="M98.9,35c0.3,0.3,0.4,0.6,0.4,1v6.1c0,1.7-0.5,3.1-1.4,4.1c-1,1-2.3,1.5-4.1,1.5c-1.8,0-3.1-0.5-4.1-1.5
138 c-0.9-1-1.4-2.3-1.4-4.1V36c0-0.4,0.1-0.8,0.4-1c0.3-0.3,0.6-0.4,1-0.4c0.4,0,0.8,0.1,1,0.4c0.3,0.3,0.4,0.6,0.4,1v6.1
139 c0,1,0.2,1.7,0.7,2.2c0.4,0.5,1.1,0.7,2,0.7c0.9,0,1.5-0.2,2-0.7c0.4-0.5,0.7-1.2,0.7-2.2V36c0-0.4,0.1-0.8,0.4-1
140 c0.3-0.3,0.6-0.4,1-0.4C98.3,34.6,98.6,34.7,98.9,35z"/>
141 <path class="st3" d="M107.6,32.6c-0.2,0.3-0.3,0.7-0.3,1v1.1h2.2c0.4,0,0.7,0.1,1,0.4c0.3,0.2,0.4,0.6,0.4,1c0,0.4-0.1,0.7-0.4,1
142 s-0.6,0.4-1,0.4h-2.2V46c0,0.4-0.1,0.8-0.4,1c-0.3,0.3-0.6,0.4-1,0.4c-0.4,0-0.8-0.1-1-0.4c-0.3-0.3-0.4-0.6-0.4-1v-8.5h-1.3
143 c-0.4,0-0.7-0.1-1-0.4c-0.3-0.2-0.4-0.6-0.4-1c0-0.4,0.1-0.7,0.4-1c0.3-0.2,0.6-0.4,1-0.4h1.3v-1.1c0-1.2,0.4-2.2,1.2-2.9
144 s2-1.1,3.6-1.1c0.6,0,1.1,0.1,1.6,0.4c0.4,0.2,0.7,0.6,0.7,1.1c0,0.4-0.1,0.7-0.3,0.9c-0.2,0.2-0.5,0.4-0.8,0.4
145 c-0.1,0-0.2,0-0.3,0c-0.1,0-0.2,0-0.3,0c-0.4-0.1-0.7-0.1-1-0.1C108.2,32.2,107.8,32.3,107.6,32.6z"/>
146 <path class="st3" d="M123.9,41.6c-0.3,0.2-0.6,0.4-1,0.4h-8c0.2,0.9,0.6,1.7,1.3,2.2c0.7,0.5,1.5,0.8,2.3,0.8
147 c0.7,0,1.2-0.1,1.5-0.2s0.7-0.2,0.9-0.4c0.2-0.1,0.4-0.2,0.4-0.3c0.3-0.1,0.6-0.2,0.8-0.2c0.3,0,0.6,0.1,0.9,0.4
148 c0.2,0.2,0.4,0.5,0.4,0.8c0,0.4-0.2,0.8-0.7,1.2c-0.4,0.4-1.1,0.7-1.8,0.9c-0.8,0.3-1.5,0.4-2.3,0.4c-1.3,0-2.5-0.3-3.5-0.8
149 c-1-0.6-1.8-1.3-2.3-2.3c-0.5-1-0.8-2.1-0.8-3.3c0-1.4,0.3-2.6,0.9-3.6c0.6-1,1.3-1.8,2.3-2.4c0.9-0.6,2-0.8,3-0.8
150 c1.1,0,2.1,0.3,3,0.9c0.9,0.6,1.7,1.4,2.3,2.3c0.6,1,0.8,2,0.8,3.2C124.3,41.1,124.2,41.4,123.9,41.6z M114.9,39.6h6.3v-0.2
151 c-0.1-0.7-0.4-1.3-1-1.7c-0.6-0.5-1.3-0.7-2-0.7C116.4,37,115.3,37.8,114.9,39.6z"/>
152 <path class="st3" d="M135,34.7c0.3,0.3,0.5,0.6,0.5,1c0,0.5-0.1,0.9-0.4,1.1c-0.3,0.2-0.6,0.4-0.9,0.4c-0.2,0-0.5-0.1-0.8-0.2
153 c0,0-0.2,0-0.3-0.1c-0.2,0-0.3-0.1-0.5-0.1c-0.4,0-0.8,0.1-1.2,0.4c-0.4,0.3-0.7,0.6-1,1.2c-0.2,0.5-0.4,1.1-0.4,1.9V46
154 c0,0.4-0.1,0.8-0.4,1c-0.3,0.3-0.6,0.4-1,0.4c-0.4,0-0.8-0.1-1-0.4c-0.3-0.3-0.4-0.6-0.4-1V36c0-0.4,0.1-0.8,0.4-1
155 c0.3-0.3,0.6-0.4,1-0.4c0.4,0,0.8,0.1,1,0.4c0.3,0.3,0.4,0.6,0.4,1v0.3c0.4-0.7,0.9-1.2,1.6-1.5c0.7-0.3,1.4-0.5,2.2-0.5
156 C134.3,34.3,134.7,34.5,135,34.7z"/>
157 <path class="st3" d="M136.6,44.7c0-0.4,0.2-0.8,0.6-1.1c0.2-0.1,0.5-0.2,0.7-0.2c0.3,0,0.7,0.2,1,0.5c0.5,0.5,1,0.9,1.5,1.1
158 c0.5,0.2,1.2,0.4,1.9,0.4c1.3,0,1.9-0.5,1.9-1.4c0-0.5-0.2-0.8-0.6-1.1c-0.4-0.2-1.1-0.5-2-0.7c-0.9-0.3-1.7-0.5-2.3-0.8
159 c-0.6-0.3-1.1-0.6-1.5-1.2s-0.6-1.2-0.6-2.1c0-0.8,0.2-1.4,0.7-2c0.4-0.6,1-1,1.7-1.3c0.7-0.3,1.5-0.5,2.3-0.5
160 c0.8,0,1.6,0.2,2.5,0.5c0.8,0.3,1.5,0.8,1.9,1.3c0.2,0.3,0.3,0.5,0.3,0.9c0,0.4-0.2,0.7-0.5,0.9c-0.2,0.2-0.5,0.3-0.8,0.3
161 c-0.4,0-0.6-0.1-0.9-0.3c-0.3-0.4-0.7-0.6-1.1-0.8c-0.5-0.2-1-0.3-1.6-0.3c-1.2,0-1.8,0.4-1.8,1.3c0,0.4,0.1,0.6,0.3,0.9
162 c0.2,0.2,0.5,0.4,0.9,0.5c0.3,0.1,0.8,0.3,1.5,0.4c0.9,0.2,1.6,0.5,2.2,0.7c0.6,0.3,1.1,0.7,1.5,1.2c0.4,0.5,0.6,1.2,0.6,2.1
163 c0,0.8-0.2,1.5-0.7,2.1c-0.5,0.6-1.1,1-1.8,1.3c-0.7,0.3-1.5,0.5-2.3,0.5c-1.1,0-2-0.2-3-0.5s-1.7-0.9-2.2-1.7
164 C136.7,45.3,136.6,45,136.6,44.7z"/>
165 <path class="st3" d="M83.3,34.5L83.3,34.5c-0.8,0-1.4,0.7-1.4,1.5c0,1.2,0,4.3,0,5.8c0,1.7-1.1,3.1-2.3,3.1
166 c-0.5,0-1.2-0.2-1.6-0.7c-0.4-0.4-0.6-1.1-0.6-1.6v-4.2c0-0.8-0.3-1.4-1.1-1.4c-0.9-0.1-1.4,0.5-1.4,1.4v4.3
167 c0,0.7-0.3,1.3-0.8,1.8c-0.3,0.4-1,0.5-1.4,0.5c-1.3,0-2.3-1.4-2.3-3.1c0-2.7,0-5.8,0-5.8c0-0.8-0.6-1.5-1.4-1.5c0,0,0,0,0,0
168 c-0.8,0-1.4,0.6-1.5,1.4c0,0,0,3.1,0,5.8c0,3.4,2.3,6,5.2,6c1.5,0,2.5-0.9,3.4-1.9c0.9,1,1.8,1.9,3.4,1.9c2.8,0,5.2-2.7,5.2-6
169 c0-1.4,0-4.6,0-5.8C84.8,35.1,84.1,34.5,83.3,34.5z"/>
170 </g>
171 <g id="logo-crumbs">
172 <circle id="u_x5F_large" class="st3" cx="91.8" cy="29.5" r="2.3"/>
173 <circle id="u_x5F_small" class="st3" cx="96.6" cy="31.6" r="1.5"/>
174 </g>
175 </g>
176 </svg>
177
178
1 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 114.01 32.5">
2 <defs>
3 <style>
4 .cls-1 {
5 fill: #ff7049;
6 }
7
8 .cls-2 {
9 fill: #fff;
10 }
11 </style>
12 </defs>
13 <title>subscribe</title>
14 <g id="Layer_2" data-name="Layer 2">
15 <g id="Layer_1-2" data-name="Layer 1">
16 <g>
17 <rect class="cls-1" width="114.01" height="32.5"/>
18 <g>
19 <path class="cls-2" d="M16.33,20.61a3.77,3.77,0,0,1-1.42-.79.6.6,0,0,1-.2-.46.48.48,0,0,1,.1-.31.33.33,0,0,1,.25-.14.66.66,0,0,1,.36.14,4.37,4.37,0,0,0,2.76.94,2.89,2.89,0,0,0,1.72-.43,1.41,1.41,0,0,0,.6-1.22,1,1,0,0,0-.29-.74,2.22,2.22,0,0,0-.76-.45,11.41,11.41,0,0,0-1.26-.35,10.57,10.57,0,0,1-1.74-.52,2.66,2.66,0,0,1-1.11-.78,2,2,0,0,1-.42-1.32,2.4,2.4,0,0,1,.42-1.39,2.76,2.76,0,0,1,1.18-.93,4.35,4.35,0,0,1,1.74-.33,4.87,4.87,0,0,1,1.69.28,3.59,3.59,0,0,1,1.33.79.66.66,0,0,1,.2.46.51.51,0,0,1-.1.32.3.3,0,0,1-.25.13.77.77,0,0,1-.38-.14,4.21,4.21,0,0,0-1.18-.73,3.65,3.65,0,0,0-1.31-.2,2.75,2.75,0,0,0-1.68.44,1.48,1.48,0,0,0-.6,1.26,1.15,1.15,0,0,0,.53,1,5.44,5.44,0,0,0,1.62.61c.79.19,1.41.36,1.86.52a2.78,2.78,0,0,1,1.12.72,1.83,1.83,0,0,1,.45,1.29,2.26,2.26,0,0,1-.42,1.35,2.7,2.7,0,0,1-1.19.91,4.42,4.42,0,0,1-1.76.33A6,6,0,0,1,16.33,20.61Z"/>
20 <path class="cls-2" d="M25.45,20a3.74,3.74,0,0,1-.93-2.75v-5.1a.55.55,0,0,1,.15-.4.5.5,0,0,1,.39-.15.48.48,0,0,1,.37.15.55.55,0,0,1,.15.4V17.3a2.81,2.81,0,0,0,.65,2,2.59,2.59,0,0,0,1.93.68,2.56,2.56,0,0,0,1.93-.68,2.81,2.81,0,0,0,.65-2V12.11a.55.55,0,0,1,.15-.4.52.52,0,0,1,.38-.15.5.5,0,0,1,.39.15.54.54,0,0,1,.14.4v5.1A3.73,3.73,0,0,1,30.87,20a3.65,3.65,0,0,1-2.71.94A3.61,3.61,0,0,1,25.45,20Z"/>
21 <path class="cls-2" d="M41.73,16.87a2.3,2.3,0,0,1,.44,1.43,2.25,2.25,0,0,1-.8,1.85,3.49,3.49,0,0,1-2.25.64H35.85a.53.53,0,0,1-.4-.14.49.49,0,0,1-.15-.38V12.15a.5.5,0,0,1,.15-.38.57.57,0,0,1,.4-.14H39a3.47,3.47,0,0,1,2.2.62A2.15,2.15,0,0,1,42,14a2.11,2.11,0,0,1-.39,1.28,2.3,2.3,0,0,1-1.07.79A2.19,2.19,0,0,1,41.73,16.87ZM36.36,15.7h2.47a2.45,2.45,0,0,0,1.55-.42,1.44,1.44,0,0,0,.53-1.21c0-1-.7-1.56-2.08-1.56H36.36Zm4.25,3.81a1.46,1.46,0,0,0,.52-1.24c0-1.12-.71-1.69-2.11-1.69H36.36v3.33H39A2.55,2.55,0,0,0,40.61,19.51Z"/>
22 <path class="cls-2" d="M46.42,20.61A3.85,3.85,0,0,1,45,19.82a.6.6,0,0,1-.2-.46.49.49,0,0,1,.11-.31.31.31,0,0,1,.25-.14.66.66,0,0,1,.36.14,4.35,4.35,0,0,0,2.76.94A2.88,2.88,0,0,0,50,19.56a1.41,1.41,0,0,0,.6-1.22,1,1,0,0,0-.29-.74,2.27,2.27,0,0,0-.75-.45,11.41,11.41,0,0,0-1.26-.35,11,11,0,0,1-1.75-.52,2.63,2.63,0,0,1-1.1-.78A1.94,1.94,0,0,1,45,14.18a2.34,2.34,0,0,1,.43-1.39,2.7,2.7,0,0,1,1.18-.93,4.27,4.27,0,0,1,1.73-.33,4.93,4.93,0,0,1,1.7.28,3.63,3.63,0,0,1,1.32.79.63.63,0,0,1,.21.46.52.52,0,0,1-.11.32.3.3,0,0,1-.24.13.74.74,0,0,1-.38-.14,4.52,4.52,0,0,0-1.18-.73,3.7,3.7,0,0,0-1.32-.2,2.72,2.72,0,0,0-1.67.44,1.48,1.48,0,0,0-.6,1.26,1.13,1.13,0,0,0,.53,1,5.48,5.48,0,0,0,1.61.61c.79.19,1.41.36,1.86.52a2.82,2.82,0,0,1,1.13.72,1.83,1.83,0,0,1,.45,1.29,2.26,2.26,0,0,1-.43,1.35,2.7,2.7,0,0,1-1.19.91,4.37,4.37,0,0,1-1.75.33A6.14,6.14,0,0,1,46.42,20.61Z"/>
23 <path class="cls-2" d="M56.32,20.33a3.71,3.71,0,0,1-1.46-1.62,5.72,5.72,0,0,1-.51-2.5,5.65,5.65,0,0,1,.51-2.49,3.74,3.74,0,0,1,1.46-1.63,4.27,4.27,0,0,1,2.25-.56,4.77,4.77,0,0,1,1.65.28,4,4,0,0,1,1.34.79.62.62,0,0,1,.21.46.51.51,0,0,1-.1.32.31.31,0,0,1-.25.13.71.71,0,0,1-.38-.14,4.75,4.75,0,0,0-1.2-.73,3.4,3.4,0,0,0-1.24-.2,2.82,2.82,0,0,0-2.32,1,4.26,4.26,0,0,0-.82,2.79,4.31,4.31,0,0,0,.82,2.8,2.84,2.84,0,0,0,2.32,1,3.37,3.37,0,0,0,1.23-.21A4.62,4.62,0,0,0,61,19.05a.81.81,0,0,1,.38-.14.31.31,0,0,1,.25.13.49.49,0,0,1,.1.32.6.6,0,0,1-.21.46,4,4,0,0,1-1.34.8,4.77,4.77,0,0,1-1.65.28A4.27,4.27,0,0,1,56.32,20.33Z"/>
24 <path class="cls-2" d="M71.87,20.43a.39.39,0,0,1-.15.32.52.52,0,0,1-.34.12.52.52,0,0,1-.47-.26l-1.74-2.75a2.11,2.11,0,0,0-.71-.74,2.07,2.07,0,0,0-1-.2H65.84v3.39a.57.57,0,0,1-.14.4.52.52,0,0,1-.38.15.5.5,0,0,1-.39-.15.53.53,0,0,1-.14-.4V12.15a.5.5,0,0,1,.14-.38.59.59,0,0,1,.4-.14h3.23a3.48,3.48,0,0,1,2.28.66,2.41,2.41,0,0,1,.78,2A2.45,2.45,0,0,1,71,16a2.85,2.85,0,0,1-1.8.8,1.75,1.75,0,0,1,.59.34,3.42,3.42,0,0,1,.52.65l1.48,2.34A.58.58,0,0,1,71.87,20.43ZM68.46,16a2.42,2.42,0,0,0,1.6-.45,1.63,1.63,0,0,0,.52-1.33,1.61,1.61,0,0,0-.52-1.32,2.51,2.51,0,0,0-1.6-.43H65.84V16Z"/>
25 <path class="cls-2" d="M75.15,20.71a.54.54,0,0,1-.15-.4v-8.2a.55.55,0,0,1,.15-.4.5.5,0,0,1,.39-.15.53.53,0,0,1,.39.15.59.59,0,0,1,.14.4v8.2a.57.57,0,0,1-.14.4.53.53,0,0,1-.39.15A.5.5,0,0,1,75.15,20.71Z"/>
26 <path class="cls-2" d="M86.06,16.87a2.3,2.3,0,0,1,.44,1.43,2.25,2.25,0,0,1-.8,1.85,3.49,3.49,0,0,1-2.25.64H80.18a.53.53,0,0,1-.4-.14.49.49,0,0,1-.15-.38V12.15a.5.5,0,0,1,.15-.38.57.57,0,0,1,.4-.14h3.13a3.49,3.49,0,0,1,2.2.62A2.15,2.15,0,0,1,86.29,14a2.11,2.11,0,0,1-.39,1.28,2.3,2.3,0,0,1-1.07.79A2.19,2.19,0,0,1,86.06,16.87ZM80.68,15.7h2.47a2.46,2.46,0,0,0,1.56-.42,1.44,1.44,0,0,0,.52-1.21c0-1-.69-1.56-2.08-1.56H80.68Zm4.26,3.81a1.46,1.46,0,0,0,.52-1.24c0-1.12-.71-1.69-2.11-1.69H80.68v3.33h2.67A2.55,2.55,0,0,0,84.94,19.51Z"/>
27 <path class="cls-2" d="M89.84,20.65a.49.49,0,0,1-.15-.38V12.15a.5.5,0,0,1,.15-.38.57.57,0,0,1,.4-.14H95.1a.49.49,0,0,1,.36.12.39.39,0,0,1,.14.32.42.42,0,0,1-.14.33.53.53,0,0,1-.36.11H90.75V15.7h4.09a.49.49,0,0,1,.36.12.38.38,0,0,1,.13.32.42.42,0,0,1-.13.33.53.53,0,0,1-.36.11H90.75v3.33H95.1a.53.53,0,0,1,.36.11.41.41,0,0,1,.14.33.42.42,0,0,1-.14.33.49.49,0,0,1-.36.11H90.24A.53.53,0,0,1,89.84,20.65Z"/>
28 </g>
29 </g>
30 </g>
31 </g>
32 </svg>
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5
6 <title>HTML5 Ad</title>
7
8 <!--
9
10 <script type="text/javascript">
11
12 // IAB source: modified to allow link testing
13
14 var clickTag = "https://boscoandroxys.com";
15 function getParameterByName(name)
16 {
17 var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
18 if (match == null || match == ""){
19 return clickTag;
20 } else{
21 return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
22 }
23 }
24 clickTag = getParameterByName('clickTag');
25 </script>
26 -->
27
28 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
29
30
31
32 <style>
33
34 body{
35 margin: 0;
36 padding: 0;
37 }
38 a{
39 text-decoration: none;
40 }
41 #click-tag{
42 display: block;
43 position: absolute;
44 width: 100%;
45 height: 100%;
46 }
47 #border{
48 position: relative;
49 width: 100%;
50 height: 100%;
51 border: 1px solid #323e48;
52 background-color: #FFFFFF;
53 overflow: hidden;
54 cursor: pointer;
55 box-sizing: border-box;
56 }
57 img {
58 position: absolute;
59 }
60
61
62 /* Custom per ad */
63
64 body{
65 width: 300px;
66 height: 250px;
67 }
68
69 #border{
70 border-top: 10px solid #323e48;
71 background-position: 0 -10px;
72
73 }
74 .box{
75 left:11px;
76 top:13px;
77 opacity: 0;
78 }
79 #box-xmas{
80 opacity: 1;
81 }
82 #txt{
83 left: 167px;
84 top: 21px;
85
86 -ms-transform: scale(.5); /* IE 9 */
87 -ms-transform-origin: 0% 0%; /* IE 9 */
88 -webkit-transform: scale(.5); /* Chrome, Safari, Opera */
89 -webkit-transform-origin: 0% 0%; /* Chrome, Safari, Opera */
90 transform: scale(.5);
91 transform-origin: 0% 0%;
92 }
93 #logo{
94 position: absolute;
95 left: 17px;
96 top: 168px;
97 width:131px;
98 height:157px;
99
100 }
101 #subscribe{
102
103 right: 15px;
104 bottom: 25px;
105
106 }
107
108 </style>
109
110 </head>
111
112 <body>
113 <div id="border">
114
115
116
117 <!--
118 Christmas
119 1. Christmas
120 2. Advent Calendar
121 3. Winter
122 4. Spoiled Dog
123 5. Valentines Day
124 -->
125
126
127
128
129
130 <img class="box" id="box-xmas" src="assets/box-xmas.jpg" alt="box-xmas">
131 <img class="box" id="box-advent" src="assets/box-advent.jpg" alt="box-advent">
132 <img class="box" id="box-winter" src="assets/box-winter.jpg" alt="box-winter">
133 <img class="box" id="box-spoileddog" src="assets/box-spoileddog.jpg" alt="box-spoileddog">
134 <img class="box" id="box-valentines" src="assets/box-valentines.jpg" alt="box-valentines">
135 <!--
136 <img class="box" id="box-birthday" src="assets/box-birthday.jpg" alt="box-birthday">
137 <img class="box" id="box-thanksgiving" src="assets/box-thanksgiving.jpg" alt="box-thanksgiving">
138 -->
139
140 <img id="txt" src="assets/txt.png" alt="txt">
141
142
143 <div id="logo"></div>
144 <img id="subscribe" src="assets/subscribe.svg" alt="txt" width="114" height="33">
145
146 <!-- <a id="click-tag" href="javascript:window.open(window.clickTag)"></a> -->
147 <a id="click-tag" href="javascript:eyeBuild.doClick(0)"></a>
148 </div>
149
150 <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
151 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
152 <script>
153
154 $( document ).ready(function() {
155
156 /*
157 * embed external svg using ajax
158 */
159
160 eyeBuild.initialize();
161
162 var container = $("#logo");
163 var svgUrl = "assets/logo.svg";
164
165 $.get(svgUrl)
166 .then(injectSvg);
167
168 function injectSvg(xmlDoc) {
169 var svg = $(xmlDoc).find("svg");
170 container.append(svg);
171 animate();
172 }
173
174 /*
175 * animate
176 */
177
178 function animate(){
179
180 // animate the boxes
181
182 var tl = new TimelineMax({repeat:2});
183
184 var d = 1.25;
185 var box_arr = ["#box-advent", "#box-winter", "#box-spoileddog", "#box-valentines"];
186 for (var i = 0 in box_arr) {
187 tl.to(box_arr[i], 0.6, {opacity:1, ease:Power1.easeInOut, delay:d });
188 }
189 for (var i = 0 in box_arr) {
190 tl.to(box_arr[i], 0.6, {opacity:0, delay:0 });
191 }
192 /* console.log("boxes: " + tl.totalDuration()); */
193
194
195 // animate the logo
196
197 var eye_tl = new TimelineMax({repeat:3});
198
199 var winkTime = .3;
200 // close eye
201 eye_tl.to("#cheek", winkTime, {x:3, y:-1, delay:0 });
202 eye_tl.to("#eye-right-mask", winkTime, {scaleY:.001, transformOrigin:"50% 50%", delay:-winkTime });
203 eye_tl.to("#eye-right-lash", .1, {opacity:1, delay:0 });
204 eye_tl.to(["#e-small", "#e-large"], .1, {opacity:1, delay:0 });
205
206 var crumbTime = 1;
207 eye_tl.to("#e-large", crumbTime, {scale:3, x:11, y:-4, transformOrigin:"50% 50%", delay:0 });
208 eye_tl.to("#e-small", crumbTime, {scale:6, x:11, y:1, transformOrigin:"50% 50%", delay:-crumbTime });
209 eye_tl.to("#e-large", crumbTime/4, {scale:.001, opacity:0, transformOrigin:"50% 50%", delay:-crumbTime/2 });
210 eye_tl.to("#e-small", crumbTime/4, {scale:.001, opacity:0, transformOrigin:"50% 50%", delay:-crumbTime/2 });
211
212 // open eye
213 eye_tl.to("#eye-right-lash", .1, {opacity:0, delay:-winkTime*1.9 });
214 eye_tl.to("#cheek", winkTime, {x:0, y:0, delay:-winkTime*1.9 });
215 eye_tl.to("#eye-right-mask", winkTime, {scaleY:1, transformOrigin:"50% 50%", delay:-winkTime*2});
216 eye_tl.to("#eye-right-mask", winkTime, {scaleY:1, transformOrigin:"50% 50%", delay:5});
217
218 /* console.log("eye_right: " + eye_tl.totalDuration()); */
219
220
221 var tongue_tl = new TimelineMax();
222 var pantDuration = .3;
223 var pantTongueLength = .9;
224 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:9, delay:0 });
225 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:3, delay:1 });
226 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:33, delay:1 });
227 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:3, delay:1 });
228 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:13, delay:1 });
229 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:13, delay:1 });
230 /* console.log("tongue: " + tongue_tl.totalDuration()); */
231 };
232 });
233
234
235 </script>
236
237
238 </body>
239
240 </html>
...\ No newline at end of file ...\ No newline at end of file
...@@ -76,7 +76,7 @@ ...@@ -76,7 +76,7 @@
76 top:13px; 76 top:13px;
77 opacity: 0; 77 opacity: 0;
78 } 78 }
79 #box-xmas{ 79 #box-spoileddog{
80 opacity: 1; 80 opacity: 1;
81 } 81 }
82 #txt{ 82 #txt{
...@@ -113,14 +113,24 @@ ...@@ -113,14 +113,24 @@
113 <div id="border"> 113 <div id="border">
114 114
115 115
116
117 <!--
118 General
119 1. Spoiled Dog
120 2. Thanksgiving
121 3. Christmas
122 4. Winter
123 5. Valentines Day
124 -->
125
126
127 <img class="box" id="box-spoileddog" src="assets/box-spoileddog.jpg" alt="box-spoileddog">
128 <img class="box" id="box-thanksgiving" src="assets/box-thanksgiving.jpg" alt="box-thanksgiving">
116 <img class="box" id="box-xmas" src="assets/box-xmas.jpg" alt="box-xmas"> 129 <img class="box" id="box-xmas" src="assets/box-xmas.jpg" alt="box-xmas">
117 <img class="box" id="box-advent" src="assets/box-advent.jpg" alt="box-advent">
118 <img class="box" id="box-winter" src="assets/box-winter.jpg" alt="box-winter"> 130 <img class="box" id="box-winter" src="assets/box-winter.jpg" alt="box-winter">
119 <img class="box" id="box-spoileddog" src="assets/box-spoileddog.jpg" alt="box-spoileddog">
120 <img class="box" id="box-valentines" src="assets/box-valentines.jpg" alt="box-valentines"> 131 <img class="box" id="box-valentines" src="assets/box-valentines.jpg" alt="box-valentines">
121 <!-- 132 <!--
122 <img class="box" id="box-birthday" src="assets/box-birthday.jpg" alt="box-birthday"> 133 <img class="box" id="box-birthday" src="assets/box-birthday.jpg" alt="box-birthday">
123 <img class="box" id="box-thanksgiving" src="assets/box-thanksgiving.jpg" alt="box-thanksgiving">
124 --> 134 -->
125 135
126 <img id="txt" src="assets/txt.png" alt="txt"> 136 <img id="txt" src="assets/txt.png" alt="txt">
...@@ -167,8 +177,8 @@ ...@@ -167,8 +177,8 @@
167 177
168 var tl = new TimelineMax({repeat:2}); 178 var tl = new TimelineMax({repeat:2});
169 179
170 var d = 1.25; 180 var d = 1.25;
171 var box_arr = ["#box-advent", "#box-winter", "#box-spoileddog", "#box-valentines"]; 181 var box_arr = ["#box-thanksgiving", "#box-xmas", "#box-winter", "#box-valentines"];
172 for (var i = 0 in box_arr) { 182 for (var i = 0 in box_arr) {
173 tl.to(box_arr[i], 0.6, {opacity:1, ease:Power1.easeInOut, delay:d }); 183 tl.to(box_arr[i], 0.6, {opacity:1, ease:Power1.easeInOut, delay:d });
174 } 184 }
......
1 <?xml version="1.0" encoding="utf-8"?>
2 <!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 viewBox="0 0 162 83.2" style="enable-background:new 0 0 162 83.2;" xml:space="preserve">
6 <style type="text/css">
7 .st0{fill:#C88F50;}
8 .st1{fill:#E1C19C;}
9 .st2{fill:#FFFFFF;}
10 .st3{fill:#353F4A;}
11 .st4{clip-path:url(#clipPathId);}
12 .st5{fill:#F27658;}
13 #eye-right-lash, #e-large, #e-small{
14 opacity: 0;
15 }
16
17 </style>
18 <g id="face">
19 <g>
20 <path class="st0" d="M25.1,60.2c0-6.6,4.4-12.2,10.4-14c1.4-3.2,1.7-7.4,1.5-10.7c0,0-0.3-6.1-0.4-8.9c-1.1,0.1-2.2,0.3-3.3,0.5
21 c0,0,0-0.1,0-0.1c-0.7-1.5-2.1-4.3-3.2-6.1c-1.7-2.9-3.3-5.1-5.1-6.7c-1.4-1.3-2.8-1.9-4.2-1.7c-1.6,0.2-2.7,0.8-3.3,1.8
22 c-0.6,1-1,2-1.1,3.1c-0.1,0.5-0.2,1-0.2,1.5c0,0.2,0,0.4,0,0.7c0,0.5-0.1,1-0.1,1.5c-0.1,2-0.1,3.5,0.1,4.9
23 c0.1,0.7,0.3,1.3,0.4,1.9c0.2,0.9,0.4,1.7,0.5,2.5c0,0.3-0.1,0.8-0.3,1.2c-0.1,0.3-0.2,0.7-0.3,1c-0.2,0.9-0.1,1.7,0.1,2.4
24 c0.4,1.2,1.2,2.2,1.9,3.2c0.1,0.2,0.3,0.4,0.4,0.6c0.5,0.7,0.9,1.3,1.1,1.8c0.3,0.8,0.3,1.8,0.3,2.8c0,0.2,0,0.4,0,0.6
25 c0,0.7-0.2,1.6-0.4,2.5c-0.3,1.3-0.6,2.7-0.5,3.9c0.3,2.2,2.2,6.7,2.8,7.7c0.8,1.3,1.9,2.2,3.1,2.8C25.1,60.7,25.1,60.5,25.1,60.2
26 z"/>
27 <path class="st0" d="M63.1,25.9c0.1-0.7,0.2-1.5,0.2-2.4c-0.1,0-0.2,0-0.3,0c-0.7,0-1.3-0.4-1.6-1c-0.2,0.1-0.5,0.1-0.8,0.1
28 c-1.4,0-2.5-1.1-2.5-2.5c0,0-0.1,0-0.1,0c-1.6,0-3-1.3-3-3c0-1,0.5-1.8,1.2-2.4c-0.4-0.5-0.6-1.1-0.6-1.8c-0.5,0.3-1,0.6-1.4,1.1
29 c-1.8,1.7-3.4,3.8-5.1,6.7c-1.1,1.9-2.5,4.7-3.2,6.1c0,0,0,0.1,0,0.1c-1-0.2-1.9-0.3-2.8-0.4c-0.2,2.8-0.4,8.8-0.4,8.8
30 c-0.2,3.3,0.1,7.5,1.5,10.7c6,1.8,10.4,7.4,10.4,14c0,0.2,0,0.4,0,0.6c1.3-0.8,2.1-1.8,2.6-2.7c0.7-1.1,2.5-5.5,2.8-7.7
31 c0.2-1.1-0.2-2.5-0.5-3.9c-0.2-1-0.4-1.9-0.4-2.5c0-0.2,0-0.4,0-0.6c0-1,0-2,0.3-2.8c0.2-0.5,0.5-1.1,1.1-1.8
32 c0.1-0.2,0.3-0.4,0.4-0.6c0.7-1,1.5-2,1.9-3.2c0.3-0.8,0.3-1.5,0.1-2.4c-0.1-0.3-0.2-0.7-0.3-1c-0.1-0.4-0.3-0.9-0.3-1.2
33 c0-0.8,0.2-1.6,0.5-2.5C62.8,27.2,63,26.6,63.1,25.9z"/>
34 </g>
35 <path class="st1" d="M23.8,17.7c-1.3-1.5-3.5-1.9-4.4,0.4c-0.7,1.9-0.6,4.1-0.6,6.1c0,2.3,1.5,3.9,1.8,6.2
36 c-0.5,3.5-0.2,5.1,2.2,6.1c2.3-3.7,6.6-4.3,6.9-7.2C30,26.7,25.3,19.3,23.8,17.7z"/>
37 <path class="st1" d="M60.2,22.7c-1.2-0.2-2-1.2-2-2.5c0,0-0.1,0-0.1,0c-1.5,0-2.7-1.1-2.9-2.5c-1.6,1.8-6.1,9-5.9,11.5
38 c0.3,2.9,4.6,3.5,6.9,7.2c2.4-1,2.7-2.6,2.2-6.1c0.3-2.3,1.7-3.9,1.8-6.2C60.2,23.6,60.2,23.2,60.2,22.7z"/>
39 <g id="face_x5F_crumbs">
40 <circle id="f-large" class="st0" cx="59.5" cy="12.8" r="2"/>
41 <circle id="f-small" class="st0" cx="61.2" cy="17.3" r="1.3"/>
42 </g>
43 </g>
44 <g id="eyes">
45 <path id="eye-left-white" class="st2" d="M31.9,42.7c0,2-1.6,3.6-3.6,3.6c-2,0-3.6-1.6-3.6-3.6c0-2,1.6-3.6,3.6-3.6
46 C30.3,39.1,31.9,40.7,31.9,42.7z"/>
47 <path id="eye-left-pupil" class="st3" d="M30.4,41.6c0,0,0,0.1,0,0.1c0,0.5-0.4,0.8-0.8,0.8c-0.5,0-0.8-0.4-0.8-0.8
48 c0-0.3,0.1-0.5,0.3-0.7c-0.1,0-0.2,0-0.3,0c-1.4,0-2.6,1.1-2.6,2.6c0,1.4,1.1,2.6,2.6,2.6c1.4,0,2.6-1.1,2.6-2.6
49 C31.4,42.8,31,42.1,30.4,41.6z"/>
50 <g id="eye-right-group">
51 <defs>
52 <path id="eye-right-mask" d="M54.8,42.7c0,2-1.6,3.6-3.6,3.6c-2,0-3.6-1.6-3.6-3.6c0-2,1.6-3.6,3.6-3.6
53 C53.2,39.1,54.8,40.7,54.8,42.7z"/>
54 <clipPath id="clipPathId">
55 <use xlink:href="#eye-right-mask" style="overflow:visible;"/>
56 </clipPath>
57 </defs>
58 <g id="eye-right" class="st4">
59 <use xlink:href="#eye-right-mask" style="overflow:visible;"/>
60
61 <path id="eye-right-white" class="st2" d="M54.8,42.7c0,2-1.6,3.6-3.6,3.6c-2,0-3.6-1.6-3.6-3.6c0-2,1.6-3.6,3.6-3.6
62 C53.2,39.1,54.8,40.7,54.8,42.7z"/>
63 <path id="eye-right-pupil" class="st3" d="M52.3,41.6c0,0,0,0.1,0,0.1c0,0.5-0.4,0.8-0.8,0.8c-0.5,0-0.8-0.4-0.8-0.8
64 c0-0.3,0.1-0.5,0.3-0.7c-0.1,0-0.2,0-0.3,0c-1.4,0-2.6,1.1-2.6,2.6c0,1.4,1.1,2.6,2.6,2.6c1.4,0,2.6-1.1,2.6-2.6
65 C53.3,42.8,52.9,42.1,52.3,41.6z"/>
66 </g>
67 <circle id="e-large" class="st3" cx="54" cy="42" r="0.6"/>
68 <circle id="e-small" class="st3" cx="54" cy="42" r="0.2"/>
69 <path id="eye-right-lash" class="st3" d="M48.1,43.6c-0.1,0-0.3,0-0.4-0.1c-0.3-0.2-0.5-0.7-0.2-1c0.8-1.3,2.2-2,3.7-2
70 c1.5,0,2.9,0.8,3.7,2c0.2,0.4,0.1,0.8-0.2,1c-0.4,0.2-0.8,0.1-1-0.2c-0.5-0.8-1.4-1.3-2.4-1.3s-1.9,0.5-2.4,1.3
71 C48.6,43.5,48.4,43.6,48.1,43.6z"/>
72 </g>
73 </g>
74 <g id="tongue">
75 <circle id="cheek" class="st2" cx="39.8" cy="59.8" r="14.5"/>
76 <path id="normal" class="st5" d="M39.8,57.5c0,2.7-2.2,4.9-4.9,4.9h0v0.5c0,2.7,2.2,4.9,4.9,4.9c2.7,0,4.9-2.2,4.9-4.9v-0.5
77 C42,62.4,39.8,60.2,39.8,57.5z"/>
78 <path id="pant" class="st5" d="M34.8,62.4l0,2.9v0.5c0,2.7,2.2,4.9,4.9,4.9c2.7,0,4.9-2.2,4.9-4.9v-3.4H34.8z"/>
79 <g id="nose">
80 <circle class="st3" cx="39.8" cy="52.4" r="3.2"/>
81 </g>
82 </g>
83 <g id="logo">
84 <g id="cookieclub">
85 <path class="st3" d="M80.5,54.3c0.4,0.2,0.6,0.5,0.6,0.8c0,0.2,0,0.3-0.1,0.4c-0.1,0.1-0.2,0.2-0.4,0.2c-0.1,0-0.2,0-0.3-0.1
86 c-0.1,0-0.1-0.1-0.2-0.1c-0.1-0.1-0.1-0.1-0.2-0.1c-0.1,0-0.2-0.1-0.3-0.1c-0.1,0-0.3,0-0.4,0c-0.6,0-1,0.2-1.3,0.5
87 c-0.3,0.4-0.5,0.8-0.5,1.4c0,0.5,0.2,1,0.5,1.4c0.3,0.4,0.7,0.5,1.2,0.5c0.4,0,0.6,0,0.8-0.1c0,0,0.1-0.1,0.2-0.1
88 c0.1-0.1,0.2-0.1,0.2-0.1c0.1,0,0.2,0,0.2,0c0.2,0,0.3,0.1,0.4,0.2c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2-0.1,0.4-0.3,0.5
89 c-0.2,0.2-0.5,0.3-0.8,0.4c-0.3,0.1-0.7,0.1-1.1,0.1c-0.6,0-1.1-0.1-1.5-0.4c-0.4-0.3-0.8-0.6-1-1.1c-0.2-0.5-0.4-1-0.4-1.6
90 c0-0.6,0.1-1.2,0.4-1.6c0.3-0.5,0.6-0.8,1.1-1.1c0.5-0.3,1-0.4,1.5-0.4C79.6,54,80.1,54.1,80.5,54.3z"/>
91 <path class="st3" d="M88,58.8c-0.3,0.5-0.6,0.9-1.1,1.1c-0.5,0.3-1,0.4-1.6,0.4c-0.6,0-1.1-0.1-1.6-0.4c-0.5-0.3-0.8-0.6-1.1-1.1
92 c-0.3-0.5-0.4-1-0.4-1.6c0-0.6,0.1-1.1,0.4-1.6c0.3-0.5,0.6-0.9,1.1-1.1c0.5-0.3,1-0.4,1.6-0.4c0.6,0,1.1,0.1,1.6,0.4
93 c0.5,0.3,0.8,0.6,1.1,1.1c0.3,0.5,0.4,1,0.4,1.6C88.4,57.8,88.2,58.3,88,58.8z M86.8,56.2c-0.2-0.3-0.4-0.5-0.6-0.7
94 c-0.3-0.2-0.5-0.2-0.9-0.2c-0.3,0-0.6,0.1-0.9,0.2c-0.3,0.2-0.5,0.4-0.6,0.7c-0.2,0.3-0.2,0.6-0.2,1c0,0.4,0.1,0.7,0.2,1
95 c0.2,0.3,0.4,0.5,0.6,0.7c0.3,0.2,0.5,0.2,0.9,0.2c0.3,0,0.6-0.1,0.9-0.2c0.3-0.2,0.5-0.4,0.6-0.7c0.2-0.3,0.2-0.6,0.2-1
96 C87,56.8,86.9,56.5,86.8,56.2z"/>
97 <path class="st3" d="M95.4,58.8c-0.3,0.5-0.6,0.9-1.1,1.1c-0.5,0.3-1,0.4-1.6,0.4c-0.6,0-1.1-0.1-1.6-0.4
98 c-0.5-0.3-0.8-0.6-1.1-1.1c-0.3-0.5-0.4-1-0.4-1.6c0-0.6,0.1-1.1,0.4-1.6c0.3-0.5,0.6-0.9,1.1-1.1c0.5-0.3,1-0.4,1.6-0.4
99 c0.6,0,1.1,0.1,1.6,0.4c0.5,0.3,0.8,0.6,1.1,1.1c0.3,0.5,0.4,1,0.4,1.6C95.8,57.8,95.6,58.3,95.4,58.8z M94.2,56.2
100 c-0.2-0.3-0.4-0.5-0.6-0.7s-0.5-0.2-0.9-0.2c-0.3,0-0.6,0.1-0.9,0.2c-0.3,0.2-0.5,0.4-0.6,0.7c-0.2,0.3-0.2,0.6-0.2,1
101 c0,0.4,0.1,0.7,0.2,1c0.2,0.3,0.4,0.5,0.6,0.7c0.3,0.2,0.5,0.2,0.9,0.2c0.3,0,0.6-0.1,0.9-0.2c0.3-0.2,0.5-0.4,0.6-0.7
102 c0.2-0.3,0.2-0.6,0.2-1C94.4,56.8,94.3,56.5,94.2,56.2z"/>
103 <path class="st3" d="M102.6,59.5c0,0.2-0.1,0.3-0.2,0.5c-0.1,0.1-0.3,0.2-0.5,0.2c-0.2,0-0.4-0.1-0.5-0.2l-2-2.2l-0.6,0.5v1.2
104 c0,0.2-0.1,0.4-0.2,0.5c-0.1,0.1-0.3,0.2-0.5,0.2c-0.2,0-0.4-0.1-0.5-0.2c-0.1-0.1-0.2-0.3-0.2-0.5v-7c0-0.2,0.1-0.4,0.2-0.5
105 s0.3-0.2,0.5-0.2c0.2,0,0.4,0.1,0.5,0.2s0.2,0.3,0.2,0.5v4.2l2.4-2.3c0.1-0.1,0.3-0.2,0.5-0.2c0.2,0,0.3,0.1,0.4,0.2
106 c0.1,0.1,0.2,0.3,0.2,0.4c0,0.2-0.1,0.4-0.3,0.5l-1.7,1.6l2,2.2C102.5,59.1,102.6,59.3,102.6,59.5z"/>
107 <path class="st3" d="M104.1,53.3c-0.1-0.1-0.2-0.2-0.2-0.4v-0.2c0-0.2,0.1-0.4,0.2-0.4c0.1-0.1,0.3-0.1,0.5-0.1
108 c0.3,0,0.4,0,0.6,0.1s0.2,0.2,0.2,0.4v0.2c0,0.2-0.1,0.4-0.2,0.4c-0.1,0.1-0.3,0.1-0.6,0.1C104.4,53.4,104.2,53.3,104.1,53.3z
109 M105.1,60c-0.1,0.1-0.3,0.2-0.5,0.2s-0.4-0.1-0.5-0.2c-0.1-0.1-0.2-0.3-0.2-0.5v-4.7c0-0.2,0.1-0.4,0.2-0.5
110 c0.1-0.1,0.3-0.2,0.5-0.2s0.4,0.1,0.5,0.2c0.1,0.1,0.2,0.3,0.2,0.5v4.7C105.3,59.7,105.3,59.9,105.1,60z"/>
111 <path class="st3" d="M112.4,57.5c-0.1,0.1-0.3,0.2-0.5,0.2h-3.7c0.1,0.4,0.3,0.8,0.6,1c0.3,0.3,0.7,0.4,1.1,0.4
112 c0.3,0,0.6,0,0.7-0.1c0.2-0.1,0.3-0.1,0.4-0.2c0.1-0.1,0.2-0.1,0.2-0.1c0.1-0.1,0.3-0.1,0.4-0.1c0.2,0,0.3,0.1,0.4,0.2
113 c0.1,0.1,0.2,0.2,0.2,0.4c0,0.2-0.1,0.4-0.3,0.6c-0.2,0.2-0.5,0.3-0.9,0.4c-0.4,0.1-0.7,0.2-1.1,0.2c-0.6,0-1.2-0.1-1.7-0.4
114 c-0.5-0.3-0.8-0.6-1.1-1.1c-0.3-0.5-0.4-1-0.4-1.6c0-0.6,0.1-1.2,0.4-1.7c0.3-0.5,0.6-0.9,1.1-1.1c0.4-0.3,0.9-0.4,1.4-0.4
115 c0.5,0,1,0.1,1.4,0.4c0.4,0.3,0.8,0.6,1.1,1.1c0.3,0.5,0.4,1,0.4,1.5C112.6,57.2,112.6,57.3,112.4,57.5z M108.2,56.5h3v-0.1
116 c0-0.3-0.2-0.6-0.5-0.8c-0.3-0.2-0.6-0.3-1-0.3C108.9,55.3,108.4,55.7,108.2,56.5z"/>
117 <path class="st3" d="M121.3,54.3c0.4,0.2,0.6,0.5,0.6,0.8c0,0.2,0,0.3-0.1,0.4c-0.1,0.1-0.2,0.2-0.4,0.2c-0.1,0-0.2,0-0.3-0.1
118 c-0.1,0-0.1-0.1-0.2-0.1c-0.1-0.1-0.1-0.1-0.2-0.1c-0.1,0-0.2-0.1-0.3-0.1c-0.1,0-0.3,0-0.4,0c-0.6,0-1,0.2-1.3,0.5
119 c-0.3,0.4-0.5,0.8-0.5,1.4c0,0.5,0.2,1,0.5,1.4c0.3,0.4,0.7,0.5,1.2,0.5c0.4,0,0.6,0,0.8-0.1c0,0,0.1-0.1,0.2-0.1
120 c0.1-0.1,0.2-0.1,0.2-0.1c0.1,0,0.2,0,0.2,0c0.2,0,0.3,0.1,0.4,0.2c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2-0.1,0.4-0.3,0.5
121 c-0.2,0.2-0.5,0.3-0.8,0.4c-0.3,0.1-0.7,0.1-1.1,0.1c-0.6,0-1.1-0.1-1.5-0.4c-0.4-0.3-0.8-0.6-1-1.1c-0.2-0.5-0.4-1-0.4-1.6
122 c0-0.6,0.1-1.2,0.4-1.6c0.3-0.5,0.6-0.8,1.1-1.1c0.5-0.3,1-0.4,1.5-0.4C120.3,54,120.9,54.1,121.3,54.3z"/>
123 <path class="st3" d="M124.6,60c-0.1,0.1-0.3,0.2-0.5,0.2c-0.2,0-0.3-0.1-0.5-0.2c-0.1-0.1-0.2-0.3-0.2-0.5v-7
124 c0-0.2,0.1-0.4,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2c0.2,0,0.3,0.1,0.5,0.2s0.2,0.3,0.2,0.5v7C124.8,59.7,124.7,59.9,124.6,60z"/>
125 <path class="st3" d="M131.7,54.3c0.1,0.1,0.2,0.3,0.2,0.5v2.9c0,0.8-0.2,1.5-0.7,1.9c-0.4,0.5-1.1,0.7-1.9,0.7
126 c-0.8,0-1.5-0.2-1.9-0.7c-0.4-0.5-0.7-1.1-0.7-1.9v-2.9c0-0.2,0.1-0.4,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2c0.2,0,0.4,0.1,0.5,0.2
127 c0.1,0.1,0.2,0.3,0.2,0.5v2.9c0,0.5,0.1,0.8,0.3,1c0.2,0.2,0.5,0.3,0.9,0.3c0.4,0,0.7-0.1,0.9-0.3c0.2-0.2,0.3-0.6,0.3-1v-2.9
128 c0-0.2,0.1-0.4,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2S131.6,54.2,131.7,54.3z"/>
129 <path class="st3" d="M138.4,54.4c0.4,0.3,0.8,0.6,1,1.1s0.4,1,0.4,1.6s-0.1,1.1-0.4,1.6c-0.2,0.5-0.6,0.9-1,1.1
130 c-0.4,0.3-0.9,0.4-1.4,0.4c-0.4,0-0.7-0.1-1-0.2s-0.6-0.3-0.8-0.5v0.1c0,0.2-0.1,0.4-0.2,0.5c-0.1,0.1-0.3,0.2-0.5,0.2
131 c-0.2,0-0.4-0.1-0.5-0.2c-0.1-0.1-0.2-0.3-0.2-0.5v-7.1c0-0.2,0.1-0.4,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2c0.2,0,0.4,0.1,0.5,0.2
132 c0.1,0.1,0.2,0.3,0.2,0.5v2.4c0.2-0.2,0.4-0.4,0.8-0.6c0.3-0.2,0.7-0.3,1-0.3C137.5,54,138,54.1,138.4,54.4z M138,58.5
133 c0.3-0.4,0.5-0.8,0.5-1.4c0-0.5-0.2-1-0.5-1.4c-0.3-0.4-0.7-0.5-1.2-0.5c-0.5,0-0.9,0.2-1.2,0.5c-0.3,0.4-0.5,0.8-0.5,1.4
134 c0,0.5,0.2,1,0.5,1.4c0.3,0.4,0.7,0.5,1.2,0.5C137.3,59.1,137.7,58.9,138,58.5z"/>
135 </g>
136 <g id="wufers">
137 <path class="st3" d="M98.9,35c0.3,0.3,0.4,0.6,0.4,1v6.1c0,1.7-0.5,3.1-1.4,4.1c-1,1-2.3,1.5-4.1,1.5c-1.8,0-3.1-0.5-4.1-1.5
138 c-0.9-1-1.4-2.3-1.4-4.1V36c0-0.4,0.1-0.8,0.4-1c0.3-0.3,0.6-0.4,1-0.4c0.4,0,0.8,0.1,1,0.4c0.3,0.3,0.4,0.6,0.4,1v6.1
139 c0,1,0.2,1.7,0.7,2.2c0.4,0.5,1.1,0.7,2,0.7c0.9,0,1.5-0.2,2-0.7c0.4-0.5,0.7-1.2,0.7-2.2V36c0-0.4,0.1-0.8,0.4-1
140 c0.3-0.3,0.6-0.4,1-0.4C98.3,34.6,98.6,34.7,98.9,35z"/>
141 <path class="st3" d="M107.6,32.6c-0.2,0.3-0.3,0.7-0.3,1v1.1h2.2c0.4,0,0.7,0.1,1,0.4c0.3,0.2,0.4,0.6,0.4,1c0,0.4-0.1,0.7-0.4,1
142 s-0.6,0.4-1,0.4h-2.2V46c0,0.4-0.1,0.8-0.4,1c-0.3,0.3-0.6,0.4-1,0.4c-0.4,0-0.8-0.1-1-0.4c-0.3-0.3-0.4-0.6-0.4-1v-8.5h-1.3
143 c-0.4,0-0.7-0.1-1-0.4c-0.3-0.2-0.4-0.6-0.4-1c0-0.4,0.1-0.7,0.4-1c0.3-0.2,0.6-0.4,1-0.4h1.3v-1.1c0-1.2,0.4-2.2,1.2-2.9
144 s2-1.1,3.6-1.1c0.6,0,1.1,0.1,1.6,0.4c0.4,0.2,0.7,0.6,0.7,1.1c0,0.4-0.1,0.7-0.3,0.9c-0.2,0.2-0.5,0.4-0.8,0.4
145 c-0.1,0-0.2,0-0.3,0c-0.1,0-0.2,0-0.3,0c-0.4-0.1-0.7-0.1-1-0.1C108.2,32.2,107.8,32.3,107.6,32.6z"/>
146 <path class="st3" d="M123.9,41.6c-0.3,0.2-0.6,0.4-1,0.4h-8c0.2,0.9,0.6,1.7,1.3,2.2c0.7,0.5,1.5,0.8,2.3,0.8
147 c0.7,0,1.2-0.1,1.5-0.2s0.7-0.2,0.9-0.4c0.2-0.1,0.4-0.2,0.4-0.3c0.3-0.1,0.6-0.2,0.8-0.2c0.3,0,0.6,0.1,0.9,0.4
148 c0.2,0.2,0.4,0.5,0.4,0.8c0,0.4-0.2,0.8-0.7,1.2c-0.4,0.4-1.1,0.7-1.8,0.9c-0.8,0.3-1.5,0.4-2.3,0.4c-1.3,0-2.5-0.3-3.5-0.8
149 c-1-0.6-1.8-1.3-2.3-2.3c-0.5-1-0.8-2.1-0.8-3.3c0-1.4,0.3-2.6,0.9-3.6c0.6-1,1.3-1.8,2.3-2.4c0.9-0.6,2-0.8,3-0.8
150 c1.1,0,2.1,0.3,3,0.9c0.9,0.6,1.7,1.4,2.3,2.3c0.6,1,0.8,2,0.8,3.2C124.3,41.1,124.2,41.4,123.9,41.6z M114.9,39.6h6.3v-0.2
151 c-0.1-0.7-0.4-1.3-1-1.7c-0.6-0.5-1.3-0.7-2-0.7C116.4,37,115.3,37.8,114.9,39.6z"/>
152 <path class="st3" d="M135,34.7c0.3,0.3,0.5,0.6,0.5,1c0,0.5-0.1,0.9-0.4,1.1c-0.3,0.2-0.6,0.4-0.9,0.4c-0.2,0-0.5-0.1-0.8-0.2
153 c0,0-0.2,0-0.3-0.1c-0.2,0-0.3-0.1-0.5-0.1c-0.4,0-0.8,0.1-1.2,0.4c-0.4,0.3-0.7,0.6-1,1.2c-0.2,0.5-0.4,1.1-0.4,1.9V46
154 c0,0.4-0.1,0.8-0.4,1c-0.3,0.3-0.6,0.4-1,0.4c-0.4,0-0.8-0.1-1-0.4c-0.3-0.3-0.4-0.6-0.4-1V36c0-0.4,0.1-0.8,0.4-1
155 c0.3-0.3,0.6-0.4,1-0.4c0.4,0,0.8,0.1,1,0.4c0.3,0.3,0.4,0.6,0.4,1v0.3c0.4-0.7,0.9-1.2,1.6-1.5c0.7-0.3,1.4-0.5,2.2-0.5
156 C134.3,34.3,134.7,34.5,135,34.7z"/>
157 <path class="st3" d="M136.6,44.7c0-0.4,0.2-0.8,0.6-1.1c0.2-0.1,0.5-0.2,0.7-0.2c0.3,0,0.7,0.2,1,0.5c0.5,0.5,1,0.9,1.5,1.1
158 c0.5,0.2,1.2,0.4,1.9,0.4c1.3,0,1.9-0.5,1.9-1.4c0-0.5-0.2-0.8-0.6-1.1c-0.4-0.2-1.1-0.5-2-0.7c-0.9-0.3-1.7-0.5-2.3-0.8
159 c-0.6-0.3-1.1-0.6-1.5-1.2s-0.6-1.2-0.6-2.1c0-0.8,0.2-1.4,0.7-2c0.4-0.6,1-1,1.7-1.3c0.7-0.3,1.5-0.5,2.3-0.5
160 c0.8,0,1.6,0.2,2.5,0.5c0.8,0.3,1.5,0.8,1.9,1.3c0.2,0.3,0.3,0.5,0.3,0.9c0,0.4-0.2,0.7-0.5,0.9c-0.2,0.2-0.5,0.3-0.8,0.3
161 c-0.4,0-0.6-0.1-0.9-0.3c-0.3-0.4-0.7-0.6-1.1-0.8c-0.5-0.2-1-0.3-1.6-0.3c-1.2,0-1.8,0.4-1.8,1.3c0,0.4,0.1,0.6,0.3,0.9
162 c0.2,0.2,0.5,0.4,0.9,0.5c0.3,0.1,0.8,0.3,1.5,0.4c0.9,0.2,1.6,0.5,2.2,0.7c0.6,0.3,1.1,0.7,1.5,1.2c0.4,0.5,0.6,1.2,0.6,2.1
163 c0,0.8-0.2,1.5-0.7,2.1c-0.5,0.6-1.1,1-1.8,1.3c-0.7,0.3-1.5,0.5-2.3,0.5c-1.1,0-2-0.2-3-0.5s-1.7-0.9-2.2-1.7
164 C136.7,45.3,136.6,45,136.6,44.7z"/>
165 <path class="st3" d="M83.3,34.5L83.3,34.5c-0.8,0-1.4,0.7-1.4,1.5c0,1.2,0,4.3,0,5.8c0,1.7-1.1,3.1-2.3,3.1
166 c-0.5,0-1.2-0.2-1.6-0.7c-0.4-0.4-0.6-1.1-0.6-1.6v-4.2c0-0.8-0.3-1.4-1.1-1.4c-0.9-0.1-1.4,0.5-1.4,1.4v4.3
167 c0,0.7-0.3,1.3-0.8,1.8c-0.3,0.4-1,0.5-1.4,0.5c-1.3,0-2.3-1.4-2.3-3.1c0-2.7,0-5.8,0-5.8c0-0.8-0.6-1.5-1.4-1.5c0,0,0,0,0,0
168 c-0.8,0-1.4,0.6-1.5,1.4c0,0,0,3.1,0,5.8c0,3.4,2.3,6,5.2,6c1.5,0,2.5-0.9,3.4-1.9c0.9,1,1.8,1.9,3.4,1.9c2.8,0,5.2-2.7,5.2-6
169 c0-1.4,0-4.6,0-5.8C84.8,35.1,84.1,34.5,83.3,34.5z"/>
170 </g>
171 <g id="logo-crumbs">
172 <circle id="u_x5F_large" class="st3" cx="91.8" cy="29.5" r="2.3"/>
173 <circle id="u_x5F_small" class="st3" cx="96.6" cy="31.6" r="1.5"/>
174 </g>
175 </g>
176 </svg>
177
178
1 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 114.01 32.5">
2 <defs>
3 <style>
4 .cls-1 {
5 fill: #ff7049;
6 }
7
8 .cls-2 {
9 fill: #fff;
10 }
11 </style>
12 </defs>
13 <title>subscribe</title>
14 <g id="Layer_2" data-name="Layer 2">
15 <g id="Layer_1-2" data-name="Layer 1">
16 <g>
17 <rect class="cls-1" width="114.01" height="32.5"/>
18 <g>
19 <path class="cls-2" d="M16.33,20.61a3.77,3.77,0,0,1-1.42-.79.6.6,0,0,1-.2-.46.48.48,0,0,1,.1-.31.33.33,0,0,1,.25-.14.66.66,0,0,1,.36.14,4.37,4.37,0,0,0,2.76.94,2.89,2.89,0,0,0,1.72-.43,1.41,1.41,0,0,0,.6-1.22,1,1,0,0,0-.29-.74,2.22,2.22,0,0,0-.76-.45,11.41,11.41,0,0,0-1.26-.35,10.57,10.57,0,0,1-1.74-.52,2.66,2.66,0,0,1-1.11-.78,2,2,0,0,1-.42-1.32,2.4,2.4,0,0,1,.42-1.39,2.76,2.76,0,0,1,1.18-.93,4.35,4.35,0,0,1,1.74-.33,4.87,4.87,0,0,1,1.69.28,3.59,3.59,0,0,1,1.33.79.66.66,0,0,1,.2.46.51.51,0,0,1-.1.32.3.3,0,0,1-.25.13.77.77,0,0,1-.38-.14,4.21,4.21,0,0,0-1.18-.73,3.65,3.65,0,0,0-1.31-.2,2.75,2.75,0,0,0-1.68.44,1.48,1.48,0,0,0-.6,1.26,1.15,1.15,0,0,0,.53,1,5.44,5.44,0,0,0,1.62.61c.79.19,1.41.36,1.86.52a2.78,2.78,0,0,1,1.12.72,1.83,1.83,0,0,1,.45,1.29,2.26,2.26,0,0,1-.42,1.35,2.7,2.7,0,0,1-1.19.91,4.42,4.42,0,0,1-1.76.33A6,6,0,0,1,16.33,20.61Z"/>
20 <path class="cls-2" d="M25.45,20a3.74,3.74,0,0,1-.93-2.75v-5.1a.55.55,0,0,1,.15-.4.5.5,0,0,1,.39-.15.48.48,0,0,1,.37.15.55.55,0,0,1,.15.4V17.3a2.81,2.81,0,0,0,.65,2,2.59,2.59,0,0,0,1.93.68,2.56,2.56,0,0,0,1.93-.68,2.81,2.81,0,0,0,.65-2V12.11a.55.55,0,0,1,.15-.4.52.52,0,0,1,.38-.15.5.5,0,0,1,.39.15.54.54,0,0,1,.14.4v5.1A3.73,3.73,0,0,1,30.87,20a3.65,3.65,0,0,1-2.71.94A3.61,3.61,0,0,1,25.45,20Z"/>
21 <path class="cls-2" d="M41.73,16.87a2.3,2.3,0,0,1,.44,1.43,2.25,2.25,0,0,1-.8,1.85,3.49,3.49,0,0,1-2.25.64H35.85a.53.53,0,0,1-.4-.14.49.49,0,0,1-.15-.38V12.15a.5.5,0,0,1,.15-.38.57.57,0,0,1,.4-.14H39a3.47,3.47,0,0,1,2.2.62A2.15,2.15,0,0,1,42,14a2.11,2.11,0,0,1-.39,1.28,2.3,2.3,0,0,1-1.07.79A2.19,2.19,0,0,1,41.73,16.87ZM36.36,15.7h2.47a2.45,2.45,0,0,0,1.55-.42,1.44,1.44,0,0,0,.53-1.21c0-1-.7-1.56-2.08-1.56H36.36Zm4.25,3.81a1.46,1.46,0,0,0,.52-1.24c0-1.12-.71-1.69-2.11-1.69H36.36v3.33H39A2.55,2.55,0,0,0,40.61,19.51Z"/>
22 <path class="cls-2" d="M46.42,20.61A3.85,3.85,0,0,1,45,19.82a.6.6,0,0,1-.2-.46.49.49,0,0,1,.11-.31.31.31,0,0,1,.25-.14.66.66,0,0,1,.36.14,4.35,4.35,0,0,0,2.76.94A2.88,2.88,0,0,0,50,19.56a1.41,1.41,0,0,0,.6-1.22,1,1,0,0,0-.29-.74,2.27,2.27,0,0,0-.75-.45,11.41,11.41,0,0,0-1.26-.35,11,11,0,0,1-1.75-.52,2.63,2.63,0,0,1-1.1-.78A1.94,1.94,0,0,1,45,14.18a2.34,2.34,0,0,1,.43-1.39,2.7,2.7,0,0,1,1.18-.93,4.27,4.27,0,0,1,1.73-.33,4.93,4.93,0,0,1,1.7.28,3.63,3.63,0,0,1,1.32.79.63.63,0,0,1,.21.46.52.52,0,0,1-.11.32.3.3,0,0,1-.24.13.74.74,0,0,1-.38-.14,4.52,4.52,0,0,0-1.18-.73,3.7,3.7,0,0,0-1.32-.2,2.72,2.72,0,0,0-1.67.44,1.48,1.48,0,0,0-.6,1.26,1.13,1.13,0,0,0,.53,1,5.48,5.48,0,0,0,1.61.61c.79.19,1.41.36,1.86.52a2.82,2.82,0,0,1,1.13.72,1.83,1.83,0,0,1,.45,1.29,2.26,2.26,0,0,1-.43,1.35,2.7,2.7,0,0,1-1.19.91,4.37,4.37,0,0,1-1.75.33A6.14,6.14,0,0,1,46.42,20.61Z"/>
23 <path class="cls-2" d="M56.32,20.33a3.71,3.71,0,0,1-1.46-1.62,5.72,5.72,0,0,1-.51-2.5,5.65,5.65,0,0,1,.51-2.49,3.74,3.74,0,0,1,1.46-1.63,4.27,4.27,0,0,1,2.25-.56,4.77,4.77,0,0,1,1.65.28,4,4,0,0,1,1.34.79.62.62,0,0,1,.21.46.51.51,0,0,1-.1.32.31.31,0,0,1-.25.13.71.71,0,0,1-.38-.14,4.75,4.75,0,0,0-1.2-.73,3.4,3.4,0,0,0-1.24-.2,2.82,2.82,0,0,0-2.32,1,4.26,4.26,0,0,0-.82,2.79,4.31,4.31,0,0,0,.82,2.8,2.84,2.84,0,0,0,2.32,1,3.37,3.37,0,0,0,1.23-.21A4.62,4.62,0,0,0,61,19.05a.81.81,0,0,1,.38-.14.31.31,0,0,1,.25.13.49.49,0,0,1,.1.32.6.6,0,0,1-.21.46,4,4,0,0,1-1.34.8,4.77,4.77,0,0,1-1.65.28A4.27,4.27,0,0,1,56.32,20.33Z"/>
24 <path class="cls-2" d="M71.87,20.43a.39.39,0,0,1-.15.32.52.52,0,0,1-.34.12.52.52,0,0,1-.47-.26l-1.74-2.75a2.11,2.11,0,0,0-.71-.74,2.07,2.07,0,0,0-1-.2H65.84v3.39a.57.57,0,0,1-.14.4.52.52,0,0,1-.38.15.5.5,0,0,1-.39-.15.53.53,0,0,1-.14-.4V12.15a.5.5,0,0,1,.14-.38.59.59,0,0,1,.4-.14h3.23a3.48,3.48,0,0,1,2.28.66,2.41,2.41,0,0,1,.78,2A2.45,2.45,0,0,1,71,16a2.85,2.85,0,0,1-1.8.8,1.75,1.75,0,0,1,.59.34,3.42,3.42,0,0,1,.52.65l1.48,2.34A.58.58,0,0,1,71.87,20.43ZM68.46,16a2.42,2.42,0,0,0,1.6-.45,1.63,1.63,0,0,0,.52-1.33,1.61,1.61,0,0,0-.52-1.32,2.51,2.51,0,0,0-1.6-.43H65.84V16Z"/>
25 <path class="cls-2" d="M75.15,20.71a.54.54,0,0,1-.15-.4v-8.2a.55.55,0,0,1,.15-.4.5.5,0,0,1,.39-.15.53.53,0,0,1,.39.15.59.59,0,0,1,.14.4v8.2a.57.57,0,0,1-.14.4.53.53,0,0,1-.39.15A.5.5,0,0,1,75.15,20.71Z"/>
26 <path class="cls-2" d="M86.06,16.87a2.3,2.3,0,0,1,.44,1.43,2.25,2.25,0,0,1-.8,1.85,3.49,3.49,0,0,1-2.25.64H80.18a.53.53,0,0,1-.4-.14.49.49,0,0,1-.15-.38V12.15a.5.5,0,0,1,.15-.38.57.57,0,0,1,.4-.14h3.13a3.49,3.49,0,0,1,2.2.62A2.15,2.15,0,0,1,86.29,14a2.11,2.11,0,0,1-.39,1.28,2.3,2.3,0,0,1-1.07.79A2.19,2.19,0,0,1,86.06,16.87ZM80.68,15.7h2.47a2.46,2.46,0,0,0,1.56-.42,1.44,1.44,0,0,0,.52-1.21c0-1-.69-1.56-2.08-1.56H80.68Zm4.26,3.81a1.46,1.46,0,0,0,.52-1.24c0-1.12-.71-1.69-2.11-1.69H80.68v3.33h2.67A2.55,2.55,0,0,0,84.94,19.51Z"/>
27 <path class="cls-2" d="M89.84,20.65a.49.49,0,0,1-.15-.38V12.15a.5.5,0,0,1,.15-.38.57.57,0,0,1,.4-.14H95.1a.49.49,0,0,1,.36.12.39.39,0,0,1,.14.32.42.42,0,0,1-.14.33.53.53,0,0,1-.36.11H90.75V15.7h4.09a.49.49,0,0,1,.36.12.38.38,0,0,1,.13.32.42.42,0,0,1-.13.33.53.53,0,0,1-.36.11H90.75v3.33H95.1a.53.53,0,0,1,.36.11.41.41,0,0,1,.14.33.42.42,0,0,1-.14.33.49.49,0,0,1-.36.11H90.24A.53.53,0,0,1,89.84,20.65Z"/>
28 </g>
29 </g>
30 </g>
31 </g>
32 </svg>
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5
6 <title>HTML5 Ad</title>
7
8 <!--
9
10 <script type="text/javascript">
11
12 // IAB source: modified to allow link testing
13
14 var clickTag = "https://boscoandroxys.com";
15 function getParameterByName(name)
16 {
17 var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
18 if (match == null || match == ""){
19 return clickTag;
20 } else{
21 return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
22 }
23 }
24 clickTag = getParameterByName('clickTag');
25 </script>
26 -->
27
28 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
29
30
31
32 <style>
33
34 body{
35 margin: 0;
36 padding: 0;
37 }
38 a{
39 text-decoration: none;
40 }
41 #click-tag{
42 display: block;
43 position: absolute;
44 width: 100%;
45 height: 100%;
46 }
47 #border{
48 position: relative;
49 width: 100%;
50 height: 100%;
51 border: 1px solid #323e48;
52 background-color: #FFFFFF;
53 overflow: hidden;
54 cursor: pointer;
55 box-sizing: border-box;
56 }
57 img {
58 position: absolute;
59 }
60
61
62 /* Custom per ad */
63
64 body{
65 width: 300px;
66 height: 250px;
67 }
68
69 #border{
70 border-top: 10px solid #323e48;
71 background-position: 0 -10px;
72
73 }
74 .box{
75 left:11px;
76 top:13px;
77 opacity: 0;
78 }
79 #box-spoileddog{
80 opacity: 1;
81 }
82 #txt{
83 left: 167px;
84 top: 21px;
85
86 -ms-transform: scale(.5); /* IE 9 */
87 -ms-transform-origin: 0% 0%; /* IE 9 */
88 -webkit-transform: scale(.5); /* Chrome, Safari, Opera */
89 -webkit-transform-origin: 0% 0%; /* Chrome, Safari, Opera */
90 transform: scale(.5);
91 transform-origin: 0% 0%;
92 }
93 #logo{
94 position: absolute;
95 left: 17px;
96 top: 168px;
97 width:131px;
98 height:157px;
99
100 }
101 #subscribe{
102
103 right: 15px;
104 bottom: 25px;
105
106 }
107
108 </style>
109
110 </head>
111
112 <body>
113 <div id="border">
114
115 <!--
116 Retargetting
117 1. Spoiled Dog
118 2. Thanksgiving
119 3. Christmas
120 4. Winter
121 5. Valentines Day
122 -->
123
124 <img class="box" id="box-spoileddog" src="assets/box-spoileddog.jpg" alt="box-spoileddog">
125 <img class="box" id="box-thanksgiving" src="assets/box-thanksgiving.jpg" alt="box-thanksgiving">
126 <img class="box" id="box-xmas" src="assets/box-xmas.jpg" alt="box-xmas">
127 <img class="box" id="box-winter" src="assets/box-winter.jpg" alt="box-winter">
128 <img class="box" id="box-valentines" src="assets/box-valentines.jpg" alt="box-valentines">
129 <!--
130 <img class="box" id="box-birthday" src="assets/box-birthday.jpg" alt="box-birthday">
131 <img class="box" id="box-advent" src="assets/box-advent.jpg" alt="box-advent">
132 -->
133
134 <img id="txt" src="assets/txt.png" alt="txt">
135
136
137 <div id="logo"></div>
138 <img id="subscribe" src="assets/subscribe.svg" alt="txt" width="114" height="33">
139
140 <!-- <a id="click-tag" href="javascript:window.open(window.clickTag)"></a> -->
141 <a id="click-tag" href="javascript:eyeBuild.doClick(0)"></a>
142 </div>
143
144 <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
145 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
146 <script>
147
148 $( document ).ready(function() {
149
150 /*
151 * embed external svg using ajax
152 */
153
154 eyeBuild.initialize();
155
156 var container = $("#logo");
157 var svgUrl = "assets/logo.svg";
158
159 $.get(svgUrl)
160 .then(injectSvg);
161
162 function injectSvg(xmlDoc) {
163 var svg = $(xmlDoc).find("svg");
164 container.append(svg);
165 animate();
166 }
167
168 /*
169 * animate
170 */
171
172 function animate(){
173
174 // animate the boxes
175
176 var tl = new TimelineMax({repeat:2});
177
178 var d = 1.25;
179 var box_arr = ["#box-thanksgiving", "#box-xmas", "#box-winter", "#box-valentines"];
180 for (var i = 0 in box_arr) {
181 tl.to(box_arr[i], 0.6, {opacity:1, ease:Power1.easeInOut, delay:d });
182 }
183 for (var i = 0 in box_arr) {
184 tl.to(box_arr[i], 0.6, {opacity:0, delay:0 });
185 }
186 /* console.log("boxes: " + tl.totalDuration()); */
187
188
189 // animate the logo
190
191 var eye_tl = new TimelineMax({repeat:3});
192
193 var winkTime = .3;
194 // close eye
195 eye_tl.to("#cheek", winkTime, {x:3, y:-1, delay:0 });
196 eye_tl.to("#eye-right-mask", winkTime, {scaleY:.001, transformOrigin:"50% 50%", delay:-winkTime });
197 eye_tl.to("#eye-right-lash", .1, {opacity:1, delay:0 });
198 eye_tl.to(["#e-small", "#e-large"], .1, {opacity:1, delay:0 });
199
200 var crumbTime = 1;
201 eye_tl.to("#e-large", crumbTime, {scale:3, x:11, y:-4, transformOrigin:"50% 50%", delay:0 });
202 eye_tl.to("#e-small", crumbTime, {scale:6, x:11, y:1, transformOrigin:"50% 50%", delay:-crumbTime });
203 eye_tl.to("#e-large", crumbTime/4, {scale:.001, opacity:0, transformOrigin:"50% 50%", delay:-crumbTime/2 });
204 eye_tl.to("#e-small", crumbTime/4, {scale:.001, opacity:0, transformOrigin:"50% 50%", delay:-crumbTime/2 });
205
206 // open eye
207 eye_tl.to("#eye-right-lash", .1, {opacity:0, delay:-winkTime*1.9 });
208 eye_tl.to("#cheek", winkTime, {x:0, y:0, delay:-winkTime*1.9 });
209 eye_tl.to("#eye-right-mask", winkTime, {scaleY:1, transformOrigin:"50% 50%", delay:-winkTime*2});
210 eye_tl.to("#eye-right-mask", winkTime, {scaleY:1, transformOrigin:"50% 50%", delay:5});
211
212 /* console.log("eye_right: " + eye_tl.totalDuration()); */
213
214
215 var tongue_tl = new TimelineMax();
216 var pantDuration = .3;
217 var pantTongueLength = .9;
218 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:9, delay:0 });
219 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:3, delay:1 });
220 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:33, delay:1 });
221 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:3, delay:1 });
222 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:13, delay:1 });
223 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:13, delay:1 });
224 /* console.log("tongue: " + tongue_tl.totalDuration()); */
225 };
226 });
227
228
229 </script>
230
231
232 </body>
233
234 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <?xml version="1.0" encoding="utf-8"?>
2 <!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 viewBox="0 0 162 83.2" style="enable-background:new 0 0 162 83.2;" xml:space="preserve">
6 <style type="text/css">
7 .st0{fill:#C88F50;}
8 .st1{fill:#E1C19C;}
9 .st2{fill:#FFFFFF;}
10 .st3{fill:#353F4A;}
11 .st4{clip-path:url(#clipPathId);}
12 .st5{fill:#F27658;}
13 #eye-right-lash, #e-large, #e-small{
14 opacity: 0;
15 }
16
17 </style>
18 <g id="face">
19 <g>
20 <path class="st0" d="M25.1,60.2c0-6.6,4.4-12.2,10.4-14c1.4-3.2,1.7-7.4,1.5-10.7c0,0-0.3-6.1-0.4-8.9c-1.1,0.1-2.2,0.3-3.3,0.5
21 c0,0,0-0.1,0-0.1c-0.7-1.5-2.1-4.3-3.2-6.1c-1.7-2.9-3.3-5.1-5.1-6.7c-1.4-1.3-2.8-1.9-4.2-1.7c-1.6,0.2-2.7,0.8-3.3,1.8
22 c-0.6,1-1,2-1.1,3.1c-0.1,0.5-0.2,1-0.2,1.5c0,0.2,0,0.4,0,0.7c0,0.5-0.1,1-0.1,1.5c-0.1,2-0.1,3.5,0.1,4.9
23 c0.1,0.7,0.3,1.3,0.4,1.9c0.2,0.9,0.4,1.7,0.5,2.5c0,0.3-0.1,0.8-0.3,1.2c-0.1,0.3-0.2,0.7-0.3,1c-0.2,0.9-0.1,1.7,0.1,2.4
24 c0.4,1.2,1.2,2.2,1.9,3.2c0.1,0.2,0.3,0.4,0.4,0.6c0.5,0.7,0.9,1.3,1.1,1.8c0.3,0.8,0.3,1.8,0.3,2.8c0,0.2,0,0.4,0,0.6
25 c0,0.7-0.2,1.6-0.4,2.5c-0.3,1.3-0.6,2.7-0.5,3.9c0.3,2.2,2.2,6.7,2.8,7.7c0.8,1.3,1.9,2.2,3.1,2.8C25.1,60.7,25.1,60.5,25.1,60.2
26 z"/>
27 <path class="st0" d="M63.1,25.9c0.1-0.7,0.2-1.5,0.2-2.4c-0.1,0-0.2,0-0.3,0c-0.7,0-1.3-0.4-1.6-1c-0.2,0.1-0.5,0.1-0.8,0.1
28 c-1.4,0-2.5-1.1-2.5-2.5c0,0-0.1,0-0.1,0c-1.6,0-3-1.3-3-3c0-1,0.5-1.8,1.2-2.4c-0.4-0.5-0.6-1.1-0.6-1.8c-0.5,0.3-1,0.6-1.4,1.1
29 c-1.8,1.7-3.4,3.8-5.1,6.7c-1.1,1.9-2.5,4.7-3.2,6.1c0,0,0,0.1,0,0.1c-1-0.2-1.9-0.3-2.8-0.4c-0.2,2.8-0.4,8.8-0.4,8.8
30 c-0.2,3.3,0.1,7.5,1.5,10.7c6,1.8,10.4,7.4,10.4,14c0,0.2,0,0.4,0,0.6c1.3-0.8,2.1-1.8,2.6-2.7c0.7-1.1,2.5-5.5,2.8-7.7
31 c0.2-1.1-0.2-2.5-0.5-3.9c-0.2-1-0.4-1.9-0.4-2.5c0-0.2,0-0.4,0-0.6c0-1,0-2,0.3-2.8c0.2-0.5,0.5-1.1,1.1-1.8
32 c0.1-0.2,0.3-0.4,0.4-0.6c0.7-1,1.5-2,1.9-3.2c0.3-0.8,0.3-1.5,0.1-2.4c-0.1-0.3-0.2-0.7-0.3-1c-0.1-0.4-0.3-0.9-0.3-1.2
33 c0-0.8,0.2-1.6,0.5-2.5C62.8,27.2,63,26.6,63.1,25.9z"/>
34 </g>
35 <path class="st1" d="M23.8,17.7c-1.3-1.5-3.5-1.9-4.4,0.4c-0.7,1.9-0.6,4.1-0.6,6.1c0,2.3,1.5,3.9,1.8,6.2
36 c-0.5,3.5-0.2,5.1,2.2,6.1c2.3-3.7,6.6-4.3,6.9-7.2C30,26.7,25.3,19.3,23.8,17.7z"/>
37 <path class="st1" d="M60.2,22.7c-1.2-0.2-2-1.2-2-2.5c0,0-0.1,0-0.1,0c-1.5,0-2.7-1.1-2.9-2.5c-1.6,1.8-6.1,9-5.9,11.5
38 c0.3,2.9,4.6,3.5,6.9,7.2c2.4-1,2.7-2.6,2.2-6.1c0.3-2.3,1.7-3.9,1.8-6.2C60.2,23.6,60.2,23.2,60.2,22.7z"/>
39 <g id="face_x5F_crumbs">
40 <circle id="f-large" class="st0" cx="59.5" cy="12.8" r="2"/>
41 <circle id="f-small" class="st0" cx="61.2" cy="17.3" r="1.3"/>
42 </g>
43 </g>
44 <g id="eyes">
45 <path id="eye-left-white" class="st2" d="M31.9,42.7c0,2-1.6,3.6-3.6,3.6c-2,0-3.6-1.6-3.6-3.6c0-2,1.6-3.6,3.6-3.6
46 C30.3,39.1,31.9,40.7,31.9,42.7z"/>
47 <path id="eye-left-pupil" class="st3" d="M30.4,41.6c0,0,0,0.1,0,0.1c0,0.5-0.4,0.8-0.8,0.8c-0.5,0-0.8-0.4-0.8-0.8
48 c0-0.3,0.1-0.5,0.3-0.7c-0.1,0-0.2,0-0.3,0c-1.4,0-2.6,1.1-2.6,2.6c0,1.4,1.1,2.6,2.6,2.6c1.4,0,2.6-1.1,2.6-2.6
49 C31.4,42.8,31,42.1,30.4,41.6z"/>
50 <g id="eye-right-group">
51 <defs>
52 <path id="eye-right-mask" d="M54.8,42.7c0,2-1.6,3.6-3.6,3.6c-2,0-3.6-1.6-3.6-3.6c0-2,1.6-3.6,3.6-3.6
53 C53.2,39.1,54.8,40.7,54.8,42.7z"/>
54 <clipPath id="clipPathId">
55 <use xlink:href="#eye-right-mask" style="overflow:visible;"/>
56 </clipPath>
57 </defs>
58 <g id="eye-right" class="st4">
59 <use xlink:href="#eye-right-mask" style="overflow:visible;"/>
60
61 <path id="eye-right-white" class="st2" d="M54.8,42.7c0,2-1.6,3.6-3.6,3.6c-2,0-3.6-1.6-3.6-3.6c0-2,1.6-3.6,3.6-3.6
62 C53.2,39.1,54.8,40.7,54.8,42.7z"/>
63 <path id="eye-right-pupil" class="st3" d="M52.3,41.6c0,0,0,0.1,0,0.1c0,0.5-0.4,0.8-0.8,0.8c-0.5,0-0.8-0.4-0.8-0.8
64 c0-0.3,0.1-0.5,0.3-0.7c-0.1,0-0.2,0-0.3,0c-1.4,0-2.6,1.1-2.6,2.6c0,1.4,1.1,2.6,2.6,2.6c1.4,0,2.6-1.1,2.6-2.6
65 C53.3,42.8,52.9,42.1,52.3,41.6z"/>
66 </g>
67 <circle id="e-large" class="st3" cx="54" cy="42" r="0.6"/>
68 <circle id="e-small" class="st3" cx="54" cy="42" r="0.2"/>
69 <path id="eye-right-lash" class="st3" d="M48.1,43.6c-0.1,0-0.3,0-0.4-0.1c-0.3-0.2-0.5-0.7-0.2-1c0.8-1.3,2.2-2,3.7-2
70 c1.5,0,2.9,0.8,3.7,2c0.2,0.4,0.1,0.8-0.2,1c-0.4,0.2-0.8,0.1-1-0.2c-0.5-0.8-1.4-1.3-2.4-1.3s-1.9,0.5-2.4,1.3
71 C48.6,43.5,48.4,43.6,48.1,43.6z"/>
72 </g>
73 </g>
74 <g id="tongue">
75 <circle id="cheek" class="st2" cx="39.8" cy="59.8" r="14.5"/>
76 <path id="normal" class="st5" d="M39.8,57.5c0,2.7-2.2,4.9-4.9,4.9h0v0.5c0,2.7,2.2,4.9,4.9,4.9c2.7,0,4.9-2.2,4.9-4.9v-0.5
77 C42,62.4,39.8,60.2,39.8,57.5z"/>
78 <path id="pant" class="st5" d="M34.8,62.4l0,2.9v0.5c0,2.7,2.2,4.9,4.9,4.9c2.7,0,4.9-2.2,4.9-4.9v-3.4H34.8z"/>
79 <g id="nose">
80 <circle class="st3" cx="39.8" cy="52.4" r="3.2"/>
81 </g>
82 </g>
83 <g id="logo">
84 <g id="cookieclub">
85 <path class="st3" d="M80.5,54.3c0.4,0.2,0.6,0.5,0.6,0.8c0,0.2,0,0.3-0.1,0.4c-0.1,0.1-0.2,0.2-0.4,0.2c-0.1,0-0.2,0-0.3-0.1
86 c-0.1,0-0.1-0.1-0.2-0.1c-0.1-0.1-0.1-0.1-0.2-0.1c-0.1,0-0.2-0.1-0.3-0.1c-0.1,0-0.3,0-0.4,0c-0.6,0-1,0.2-1.3,0.5
87 c-0.3,0.4-0.5,0.8-0.5,1.4c0,0.5,0.2,1,0.5,1.4c0.3,0.4,0.7,0.5,1.2,0.5c0.4,0,0.6,0,0.8-0.1c0,0,0.1-0.1,0.2-0.1
88 c0.1-0.1,0.2-0.1,0.2-0.1c0.1,0,0.2,0,0.2,0c0.2,0,0.3,0.1,0.4,0.2c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2-0.1,0.4-0.3,0.5
89 c-0.2,0.2-0.5,0.3-0.8,0.4c-0.3,0.1-0.7,0.1-1.1,0.1c-0.6,0-1.1-0.1-1.5-0.4c-0.4-0.3-0.8-0.6-1-1.1c-0.2-0.5-0.4-1-0.4-1.6
90 c0-0.6,0.1-1.2,0.4-1.6c0.3-0.5,0.6-0.8,1.1-1.1c0.5-0.3,1-0.4,1.5-0.4C79.6,54,80.1,54.1,80.5,54.3z"/>
91 <path class="st3" d="M88,58.8c-0.3,0.5-0.6,0.9-1.1,1.1c-0.5,0.3-1,0.4-1.6,0.4c-0.6,0-1.1-0.1-1.6-0.4c-0.5-0.3-0.8-0.6-1.1-1.1
92 c-0.3-0.5-0.4-1-0.4-1.6c0-0.6,0.1-1.1,0.4-1.6c0.3-0.5,0.6-0.9,1.1-1.1c0.5-0.3,1-0.4,1.6-0.4c0.6,0,1.1,0.1,1.6,0.4
93 c0.5,0.3,0.8,0.6,1.1,1.1c0.3,0.5,0.4,1,0.4,1.6C88.4,57.8,88.2,58.3,88,58.8z M86.8,56.2c-0.2-0.3-0.4-0.5-0.6-0.7
94 c-0.3-0.2-0.5-0.2-0.9-0.2c-0.3,0-0.6,0.1-0.9,0.2c-0.3,0.2-0.5,0.4-0.6,0.7c-0.2,0.3-0.2,0.6-0.2,1c0,0.4,0.1,0.7,0.2,1
95 c0.2,0.3,0.4,0.5,0.6,0.7c0.3,0.2,0.5,0.2,0.9,0.2c0.3,0,0.6-0.1,0.9-0.2c0.3-0.2,0.5-0.4,0.6-0.7c0.2-0.3,0.2-0.6,0.2-1
96 C87,56.8,86.9,56.5,86.8,56.2z"/>
97 <path class="st3" d="M95.4,58.8c-0.3,0.5-0.6,0.9-1.1,1.1c-0.5,0.3-1,0.4-1.6,0.4c-0.6,0-1.1-0.1-1.6-0.4
98 c-0.5-0.3-0.8-0.6-1.1-1.1c-0.3-0.5-0.4-1-0.4-1.6c0-0.6,0.1-1.1,0.4-1.6c0.3-0.5,0.6-0.9,1.1-1.1c0.5-0.3,1-0.4,1.6-0.4
99 c0.6,0,1.1,0.1,1.6,0.4c0.5,0.3,0.8,0.6,1.1,1.1c0.3,0.5,0.4,1,0.4,1.6C95.8,57.8,95.6,58.3,95.4,58.8z M94.2,56.2
100 c-0.2-0.3-0.4-0.5-0.6-0.7s-0.5-0.2-0.9-0.2c-0.3,0-0.6,0.1-0.9,0.2c-0.3,0.2-0.5,0.4-0.6,0.7c-0.2,0.3-0.2,0.6-0.2,1
101 c0,0.4,0.1,0.7,0.2,1c0.2,0.3,0.4,0.5,0.6,0.7c0.3,0.2,0.5,0.2,0.9,0.2c0.3,0,0.6-0.1,0.9-0.2c0.3-0.2,0.5-0.4,0.6-0.7
102 c0.2-0.3,0.2-0.6,0.2-1C94.4,56.8,94.3,56.5,94.2,56.2z"/>
103 <path class="st3" d="M102.6,59.5c0,0.2-0.1,0.3-0.2,0.5c-0.1,0.1-0.3,0.2-0.5,0.2c-0.2,0-0.4-0.1-0.5-0.2l-2-2.2l-0.6,0.5v1.2
104 c0,0.2-0.1,0.4-0.2,0.5c-0.1,0.1-0.3,0.2-0.5,0.2c-0.2,0-0.4-0.1-0.5-0.2c-0.1-0.1-0.2-0.3-0.2-0.5v-7c0-0.2,0.1-0.4,0.2-0.5
105 s0.3-0.2,0.5-0.2c0.2,0,0.4,0.1,0.5,0.2s0.2,0.3,0.2,0.5v4.2l2.4-2.3c0.1-0.1,0.3-0.2,0.5-0.2c0.2,0,0.3,0.1,0.4,0.2
106 c0.1,0.1,0.2,0.3,0.2,0.4c0,0.2-0.1,0.4-0.3,0.5l-1.7,1.6l2,2.2C102.5,59.1,102.6,59.3,102.6,59.5z"/>
107 <path class="st3" d="M104.1,53.3c-0.1-0.1-0.2-0.2-0.2-0.4v-0.2c0-0.2,0.1-0.4,0.2-0.4c0.1-0.1,0.3-0.1,0.5-0.1
108 c0.3,0,0.4,0,0.6,0.1s0.2,0.2,0.2,0.4v0.2c0,0.2-0.1,0.4-0.2,0.4c-0.1,0.1-0.3,0.1-0.6,0.1C104.4,53.4,104.2,53.3,104.1,53.3z
109 M105.1,60c-0.1,0.1-0.3,0.2-0.5,0.2s-0.4-0.1-0.5-0.2c-0.1-0.1-0.2-0.3-0.2-0.5v-4.7c0-0.2,0.1-0.4,0.2-0.5
110 c0.1-0.1,0.3-0.2,0.5-0.2s0.4,0.1,0.5,0.2c0.1,0.1,0.2,0.3,0.2,0.5v4.7C105.3,59.7,105.3,59.9,105.1,60z"/>
111 <path class="st3" d="M112.4,57.5c-0.1,0.1-0.3,0.2-0.5,0.2h-3.7c0.1,0.4,0.3,0.8,0.6,1c0.3,0.3,0.7,0.4,1.1,0.4
112 c0.3,0,0.6,0,0.7-0.1c0.2-0.1,0.3-0.1,0.4-0.2c0.1-0.1,0.2-0.1,0.2-0.1c0.1-0.1,0.3-0.1,0.4-0.1c0.2,0,0.3,0.1,0.4,0.2
113 c0.1,0.1,0.2,0.2,0.2,0.4c0,0.2-0.1,0.4-0.3,0.6c-0.2,0.2-0.5,0.3-0.9,0.4c-0.4,0.1-0.7,0.2-1.1,0.2c-0.6,0-1.2-0.1-1.7-0.4
114 c-0.5-0.3-0.8-0.6-1.1-1.1c-0.3-0.5-0.4-1-0.4-1.6c0-0.6,0.1-1.2,0.4-1.7c0.3-0.5,0.6-0.9,1.1-1.1c0.4-0.3,0.9-0.4,1.4-0.4
115 c0.5,0,1,0.1,1.4,0.4c0.4,0.3,0.8,0.6,1.1,1.1c0.3,0.5,0.4,1,0.4,1.5C112.6,57.2,112.6,57.3,112.4,57.5z M108.2,56.5h3v-0.1
116 c0-0.3-0.2-0.6-0.5-0.8c-0.3-0.2-0.6-0.3-1-0.3C108.9,55.3,108.4,55.7,108.2,56.5z"/>
117 <path class="st3" d="M121.3,54.3c0.4,0.2,0.6,0.5,0.6,0.8c0,0.2,0,0.3-0.1,0.4c-0.1,0.1-0.2,0.2-0.4,0.2c-0.1,0-0.2,0-0.3-0.1
118 c-0.1,0-0.1-0.1-0.2-0.1c-0.1-0.1-0.1-0.1-0.2-0.1c-0.1,0-0.2-0.1-0.3-0.1c-0.1,0-0.3,0-0.4,0c-0.6,0-1,0.2-1.3,0.5
119 c-0.3,0.4-0.5,0.8-0.5,1.4c0,0.5,0.2,1,0.5,1.4c0.3,0.4,0.7,0.5,1.2,0.5c0.4,0,0.6,0,0.8-0.1c0,0,0.1-0.1,0.2-0.1
120 c0.1-0.1,0.2-0.1,0.2-0.1c0.1,0,0.2,0,0.2,0c0.2,0,0.3,0.1,0.4,0.2c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2-0.1,0.4-0.3,0.5
121 c-0.2,0.2-0.5,0.3-0.8,0.4c-0.3,0.1-0.7,0.1-1.1,0.1c-0.6,0-1.1-0.1-1.5-0.4c-0.4-0.3-0.8-0.6-1-1.1c-0.2-0.5-0.4-1-0.4-1.6
122 c0-0.6,0.1-1.2,0.4-1.6c0.3-0.5,0.6-0.8,1.1-1.1c0.5-0.3,1-0.4,1.5-0.4C120.3,54,120.9,54.1,121.3,54.3z"/>
123 <path class="st3" d="M124.6,60c-0.1,0.1-0.3,0.2-0.5,0.2c-0.2,0-0.3-0.1-0.5-0.2c-0.1-0.1-0.2-0.3-0.2-0.5v-7
124 c0-0.2,0.1-0.4,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2c0.2,0,0.3,0.1,0.5,0.2s0.2,0.3,0.2,0.5v7C124.8,59.7,124.7,59.9,124.6,60z"/>
125 <path class="st3" d="M131.7,54.3c0.1,0.1,0.2,0.3,0.2,0.5v2.9c0,0.8-0.2,1.5-0.7,1.9c-0.4,0.5-1.1,0.7-1.9,0.7
126 c-0.8,0-1.5-0.2-1.9-0.7c-0.4-0.5-0.7-1.1-0.7-1.9v-2.9c0-0.2,0.1-0.4,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2c0.2,0,0.4,0.1,0.5,0.2
127 c0.1,0.1,0.2,0.3,0.2,0.5v2.9c0,0.5,0.1,0.8,0.3,1c0.2,0.2,0.5,0.3,0.9,0.3c0.4,0,0.7-0.1,0.9-0.3c0.2-0.2,0.3-0.6,0.3-1v-2.9
128 c0-0.2,0.1-0.4,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2S131.6,54.2,131.7,54.3z"/>
129 <path class="st3" d="M138.4,54.4c0.4,0.3,0.8,0.6,1,1.1s0.4,1,0.4,1.6s-0.1,1.1-0.4,1.6c-0.2,0.5-0.6,0.9-1,1.1
130 c-0.4,0.3-0.9,0.4-1.4,0.4c-0.4,0-0.7-0.1-1-0.2s-0.6-0.3-0.8-0.5v0.1c0,0.2-0.1,0.4-0.2,0.5c-0.1,0.1-0.3,0.2-0.5,0.2
131 c-0.2,0-0.4-0.1-0.5-0.2c-0.1-0.1-0.2-0.3-0.2-0.5v-7.1c0-0.2,0.1-0.4,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2c0.2,0,0.4,0.1,0.5,0.2
132 c0.1,0.1,0.2,0.3,0.2,0.5v2.4c0.2-0.2,0.4-0.4,0.8-0.6c0.3-0.2,0.7-0.3,1-0.3C137.5,54,138,54.1,138.4,54.4z M138,58.5
133 c0.3-0.4,0.5-0.8,0.5-1.4c0-0.5-0.2-1-0.5-1.4c-0.3-0.4-0.7-0.5-1.2-0.5c-0.5,0-0.9,0.2-1.2,0.5c-0.3,0.4-0.5,0.8-0.5,1.4
134 c0,0.5,0.2,1,0.5,1.4c0.3,0.4,0.7,0.5,1.2,0.5C137.3,59.1,137.7,58.9,138,58.5z"/>
135 </g>
136 <g id="wufers">
137 <path class="st3" d="M98.9,35c0.3,0.3,0.4,0.6,0.4,1v6.1c0,1.7-0.5,3.1-1.4,4.1c-1,1-2.3,1.5-4.1,1.5c-1.8,0-3.1-0.5-4.1-1.5
138 c-0.9-1-1.4-2.3-1.4-4.1V36c0-0.4,0.1-0.8,0.4-1c0.3-0.3,0.6-0.4,1-0.4c0.4,0,0.8,0.1,1,0.4c0.3,0.3,0.4,0.6,0.4,1v6.1
139 c0,1,0.2,1.7,0.7,2.2c0.4,0.5,1.1,0.7,2,0.7c0.9,0,1.5-0.2,2-0.7c0.4-0.5,0.7-1.2,0.7-2.2V36c0-0.4,0.1-0.8,0.4-1
140 c0.3-0.3,0.6-0.4,1-0.4C98.3,34.6,98.6,34.7,98.9,35z"/>
141 <path class="st3" d="M107.6,32.6c-0.2,0.3-0.3,0.7-0.3,1v1.1h2.2c0.4,0,0.7,0.1,1,0.4c0.3,0.2,0.4,0.6,0.4,1c0,0.4-0.1,0.7-0.4,1
142 s-0.6,0.4-1,0.4h-2.2V46c0,0.4-0.1,0.8-0.4,1c-0.3,0.3-0.6,0.4-1,0.4c-0.4,0-0.8-0.1-1-0.4c-0.3-0.3-0.4-0.6-0.4-1v-8.5h-1.3
143 c-0.4,0-0.7-0.1-1-0.4c-0.3-0.2-0.4-0.6-0.4-1c0-0.4,0.1-0.7,0.4-1c0.3-0.2,0.6-0.4,1-0.4h1.3v-1.1c0-1.2,0.4-2.2,1.2-2.9
144 s2-1.1,3.6-1.1c0.6,0,1.1,0.1,1.6,0.4c0.4,0.2,0.7,0.6,0.7,1.1c0,0.4-0.1,0.7-0.3,0.9c-0.2,0.2-0.5,0.4-0.8,0.4
145 c-0.1,0-0.2,0-0.3,0c-0.1,0-0.2,0-0.3,0c-0.4-0.1-0.7-0.1-1-0.1C108.2,32.2,107.8,32.3,107.6,32.6z"/>
146 <path class="st3" d="M123.9,41.6c-0.3,0.2-0.6,0.4-1,0.4h-8c0.2,0.9,0.6,1.7,1.3,2.2c0.7,0.5,1.5,0.8,2.3,0.8
147 c0.7,0,1.2-0.1,1.5-0.2s0.7-0.2,0.9-0.4c0.2-0.1,0.4-0.2,0.4-0.3c0.3-0.1,0.6-0.2,0.8-0.2c0.3,0,0.6,0.1,0.9,0.4
148 c0.2,0.2,0.4,0.5,0.4,0.8c0,0.4-0.2,0.8-0.7,1.2c-0.4,0.4-1.1,0.7-1.8,0.9c-0.8,0.3-1.5,0.4-2.3,0.4c-1.3,0-2.5-0.3-3.5-0.8
149 c-1-0.6-1.8-1.3-2.3-2.3c-0.5-1-0.8-2.1-0.8-3.3c0-1.4,0.3-2.6,0.9-3.6c0.6-1,1.3-1.8,2.3-2.4c0.9-0.6,2-0.8,3-0.8
150 c1.1,0,2.1,0.3,3,0.9c0.9,0.6,1.7,1.4,2.3,2.3c0.6,1,0.8,2,0.8,3.2C124.3,41.1,124.2,41.4,123.9,41.6z M114.9,39.6h6.3v-0.2
151 c-0.1-0.7-0.4-1.3-1-1.7c-0.6-0.5-1.3-0.7-2-0.7C116.4,37,115.3,37.8,114.9,39.6z"/>
152 <path class="st3" d="M135,34.7c0.3,0.3,0.5,0.6,0.5,1c0,0.5-0.1,0.9-0.4,1.1c-0.3,0.2-0.6,0.4-0.9,0.4c-0.2,0-0.5-0.1-0.8-0.2
153 c0,0-0.2,0-0.3-0.1c-0.2,0-0.3-0.1-0.5-0.1c-0.4,0-0.8,0.1-1.2,0.4c-0.4,0.3-0.7,0.6-1,1.2c-0.2,0.5-0.4,1.1-0.4,1.9V46
154 c0,0.4-0.1,0.8-0.4,1c-0.3,0.3-0.6,0.4-1,0.4c-0.4,0-0.8-0.1-1-0.4c-0.3-0.3-0.4-0.6-0.4-1V36c0-0.4,0.1-0.8,0.4-1
155 c0.3-0.3,0.6-0.4,1-0.4c0.4,0,0.8,0.1,1,0.4c0.3,0.3,0.4,0.6,0.4,1v0.3c0.4-0.7,0.9-1.2,1.6-1.5c0.7-0.3,1.4-0.5,2.2-0.5
156 C134.3,34.3,134.7,34.5,135,34.7z"/>
157 <path class="st3" d="M136.6,44.7c0-0.4,0.2-0.8,0.6-1.1c0.2-0.1,0.5-0.2,0.7-0.2c0.3,0,0.7,0.2,1,0.5c0.5,0.5,1,0.9,1.5,1.1
158 c0.5,0.2,1.2,0.4,1.9,0.4c1.3,0,1.9-0.5,1.9-1.4c0-0.5-0.2-0.8-0.6-1.1c-0.4-0.2-1.1-0.5-2-0.7c-0.9-0.3-1.7-0.5-2.3-0.8
159 c-0.6-0.3-1.1-0.6-1.5-1.2s-0.6-1.2-0.6-2.1c0-0.8,0.2-1.4,0.7-2c0.4-0.6,1-1,1.7-1.3c0.7-0.3,1.5-0.5,2.3-0.5
160 c0.8,0,1.6,0.2,2.5,0.5c0.8,0.3,1.5,0.8,1.9,1.3c0.2,0.3,0.3,0.5,0.3,0.9c0,0.4-0.2,0.7-0.5,0.9c-0.2,0.2-0.5,0.3-0.8,0.3
161 c-0.4,0-0.6-0.1-0.9-0.3c-0.3-0.4-0.7-0.6-1.1-0.8c-0.5-0.2-1-0.3-1.6-0.3c-1.2,0-1.8,0.4-1.8,1.3c0,0.4,0.1,0.6,0.3,0.9
162 c0.2,0.2,0.5,0.4,0.9,0.5c0.3,0.1,0.8,0.3,1.5,0.4c0.9,0.2,1.6,0.5,2.2,0.7c0.6,0.3,1.1,0.7,1.5,1.2c0.4,0.5,0.6,1.2,0.6,2.1
163 c0,0.8-0.2,1.5-0.7,2.1c-0.5,0.6-1.1,1-1.8,1.3c-0.7,0.3-1.5,0.5-2.3,0.5c-1.1,0-2-0.2-3-0.5s-1.7-0.9-2.2-1.7
164 C136.7,45.3,136.6,45,136.6,44.7z"/>
165 <path class="st3" d="M83.3,34.5L83.3,34.5c-0.8,0-1.4,0.7-1.4,1.5c0,1.2,0,4.3,0,5.8c0,1.7-1.1,3.1-2.3,3.1
166 c-0.5,0-1.2-0.2-1.6-0.7c-0.4-0.4-0.6-1.1-0.6-1.6v-4.2c0-0.8-0.3-1.4-1.1-1.4c-0.9-0.1-1.4,0.5-1.4,1.4v4.3
167 c0,0.7-0.3,1.3-0.8,1.8c-0.3,0.4-1,0.5-1.4,0.5c-1.3,0-2.3-1.4-2.3-3.1c0-2.7,0-5.8,0-5.8c0-0.8-0.6-1.5-1.4-1.5c0,0,0,0,0,0
168 c-0.8,0-1.4,0.6-1.5,1.4c0,0,0,3.1,0,5.8c0,3.4,2.3,6,5.2,6c1.5,0,2.5-0.9,3.4-1.9c0.9,1,1.8,1.9,3.4,1.9c2.8,0,5.2-2.7,5.2-6
169 c0-1.4,0-4.6,0-5.8C84.8,35.1,84.1,34.5,83.3,34.5z"/>
170 </g>
171 <g id="logo-crumbs">
172 <circle id="u_x5F_large" class="st3" cx="91.8" cy="29.5" r="2.3"/>
173 <circle id="u_x5F_small" class="st3" cx="96.6" cy="31.6" r="1.5"/>
174 </g>
175 </g>
176 </svg>
177
178
1 <?xml version="1.0" encoding="utf-8"?>
2 <!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 viewBox="0 0 83.3 83.3" style="enable-background:new 0 0 83.3 83.3;" xml:space="preserve">
6 <style type="text/css">
7 .st0{opacity:0.6;fill:#FFFFFF;}
8 </style>
9 <path class="st0" d="M41.7,4.1C20.9,4.1,4.1,20.9,4.1,41.6s16.8,37.6,37.6,37.6s37.6-16.8,37.6-37.6S62.3,4.1,41.7,4.1z M46.8,46.3
10 c1.5-2.3,1.5-5.2,0-7.4v-6.7c5.7,3.1,7.9,10.2,4.8,16c-1.1,2-2.8,3.7-4.8,4.8V46.3z M41.8,62.8L29.2,50.2H19.1V35.1h10.1l12.6-12.5
11 V62.8z M63.7,48.2C61.5,56.5,55,63,46.8,65.1v-5.4c9.5-3.1,14.6-13.2,11.6-22.7c-1.8-5.5-6.1-9.8-11.6-11.6v-5.2
12 C59.2,23.3,66.7,35.8,63.7,48.2z"/>
13 </svg>
1 <?xml version="1.0" encoding="utf-8"?>
2 <!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 viewBox="0 0 83.3 83.3" style="enable-background:new 0 0 83.3 83.3;" xml:space="preserve">
6 <style type="text/css">
7 .st0{opacity:0.6;fill:#FFFFFF;}
8 </style>
9 <title>mute</title>
10 <path class="st0" d="M41.6,4.1C20.9,4.1,4.1,20.9,4.1,41.6s16.8,37.6,37.6,37.6c20.8,0,37.6-16.8,37.6-37.6S62.4,4.1,41.6,4.1z
11 M46.8,32.6c3.9,1.8,6.4,5.8,6.3,10.1v1.8l-6.3-6.3V32.6z M41.8,22.5v10.6l-5.3-5.3L41.8,22.5z M61.1,65.5l-5-5
12 c-2.7,2.2-5.9,3.8-9.3,4.5v-5.3c2.1-0.7,4-1.7,5.8-3L41.8,46v16.8L29.2,50.2H19.1V35.1h11.8L19.1,23.3l3.3-3.3l19.4,19.7l22.6,22.6
13 L61.1,65.5z M61.9,53l-3.8-3.8c0.8-2.1,1.2-4.3,1.3-6.5c-0.1-7.8-5.1-14.7-12.6-17.1v-5.3c10.3,2.4,17.6,11.6,17.6,22.1
14 C64.5,46.1,63.6,49.8,61.9,53z"/>
15 </svg>
1 <?xml version="1.0" encoding="utf-8"?>
2 <!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 viewBox="0 0 83.3 83.3" style="enable-background:new 0 0 83.3 83.3;" xml:space="preserve">
6 <style type="text/css">
7 .st0{opacity:0.6;fill:#FFFFFF;}
8 </style>
9 <title>pause</title>
10 <path class="st0" d="M41.6,4.1C20.9,4.1,4.1,20.9,4.1,41.6s16.8,37.6,37.6,37.6s37.6-16.8,37.6-37.6S62.4,4.1,41.6,4.1z M36.6,59.9
11 H26.3V23.5h10.3V59.9z M57.2,59.9H46.9V23.5h10.3V59.9z"/>
12 </svg>
1 <?xml version="1.0" encoding="utf-8"?>
2 <!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 viewBox="0 0 83.3 83.3" style="enable-background:new 0 0 83.3 83.3;" xml:space="preserve">
6 <style type="text/css">
7 .st0{opacity:0.6;fill:#FFFFFF;}
8 </style>
9 <title>play</title>
10 <path class="st0" d="M42.3,21c-12,0-21.7,9.7-21.7,21.7s9.7,21.7,21.7,21.7c12,0,21.7-9.7,21.7-21.7S54.3,21,42.3,21z M37.3,52.6
11 V34.5l14.8,9L37.3,52.6z"/>
12 </svg>
1 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 114.01 32.5">
2 <defs>
3 <style>
4 .cls-1 {
5 fill: #ff7049;
6 }
7
8 .cls-2 {
9 fill: #fff;
10 }
11 </style>
12 </defs>
13 <title>subscribe</title>
14 <g id="Layer_2" data-name="Layer 2">
15 <g id="Layer_1-2" data-name="Layer 1">
16 <g>
17 <rect class="cls-1" width="114.01" height="32.5"/>
18 <g>
19 <path class="cls-2" d="M16.33,20.61a3.77,3.77,0,0,1-1.42-.79.6.6,0,0,1-.2-.46.48.48,0,0,1,.1-.31.33.33,0,0,1,.25-.14.66.66,0,0,1,.36.14,4.37,4.37,0,0,0,2.76.94,2.89,2.89,0,0,0,1.72-.43,1.41,1.41,0,0,0,.6-1.22,1,1,0,0,0-.29-.74,2.22,2.22,0,0,0-.76-.45,11.41,11.41,0,0,0-1.26-.35,10.57,10.57,0,0,1-1.74-.52,2.66,2.66,0,0,1-1.11-.78,2,2,0,0,1-.42-1.32,2.4,2.4,0,0,1,.42-1.39,2.76,2.76,0,0,1,1.18-.93,4.35,4.35,0,0,1,1.74-.33,4.87,4.87,0,0,1,1.69.28,3.59,3.59,0,0,1,1.33.79.66.66,0,0,1,.2.46.51.51,0,0,1-.1.32.3.3,0,0,1-.25.13.77.77,0,0,1-.38-.14,4.21,4.21,0,0,0-1.18-.73,3.65,3.65,0,0,0-1.31-.2,2.75,2.75,0,0,0-1.68.44,1.48,1.48,0,0,0-.6,1.26,1.15,1.15,0,0,0,.53,1,5.44,5.44,0,0,0,1.62.61c.79.19,1.41.36,1.86.52a2.78,2.78,0,0,1,1.12.72,1.83,1.83,0,0,1,.45,1.29,2.26,2.26,0,0,1-.42,1.35,2.7,2.7,0,0,1-1.19.91,4.42,4.42,0,0,1-1.76.33A6,6,0,0,1,16.33,20.61Z"/>
20 <path class="cls-2" d="M25.45,20a3.74,3.74,0,0,1-.93-2.75v-5.1a.55.55,0,0,1,.15-.4.5.5,0,0,1,.39-.15.48.48,0,0,1,.37.15.55.55,0,0,1,.15.4V17.3a2.81,2.81,0,0,0,.65,2,2.59,2.59,0,0,0,1.93.68,2.56,2.56,0,0,0,1.93-.68,2.81,2.81,0,0,0,.65-2V12.11a.55.55,0,0,1,.15-.4.52.52,0,0,1,.38-.15.5.5,0,0,1,.39.15.54.54,0,0,1,.14.4v5.1A3.73,3.73,0,0,1,30.87,20a3.65,3.65,0,0,1-2.71.94A3.61,3.61,0,0,1,25.45,20Z"/>
21 <path class="cls-2" d="M41.73,16.87a2.3,2.3,0,0,1,.44,1.43,2.25,2.25,0,0,1-.8,1.85,3.49,3.49,0,0,1-2.25.64H35.85a.53.53,0,0,1-.4-.14.49.49,0,0,1-.15-.38V12.15a.5.5,0,0,1,.15-.38.57.57,0,0,1,.4-.14H39a3.47,3.47,0,0,1,2.2.62A2.15,2.15,0,0,1,42,14a2.11,2.11,0,0,1-.39,1.28,2.3,2.3,0,0,1-1.07.79A2.19,2.19,0,0,1,41.73,16.87ZM36.36,15.7h2.47a2.45,2.45,0,0,0,1.55-.42,1.44,1.44,0,0,0,.53-1.21c0-1-.7-1.56-2.08-1.56H36.36Zm4.25,3.81a1.46,1.46,0,0,0,.52-1.24c0-1.12-.71-1.69-2.11-1.69H36.36v3.33H39A2.55,2.55,0,0,0,40.61,19.51Z"/>
22 <path class="cls-2" d="M46.42,20.61A3.85,3.85,0,0,1,45,19.82a.6.6,0,0,1-.2-.46.49.49,0,0,1,.11-.31.31.31,0,0,1,.25-.14.66.66,0,0,1,.36.14,4.35,4.35,0,0,0,2.76.94A2.88,2.88,0,0,0,50,19.56a1.41,1.41,0,0,0,.6-1.22,1,1,0,0,0-.29-.74,2.27,2.27,0,0,0-.75-.45,11.41,11.41,0,0,0-1.26-.35,11,11,0,0,1-1.75-.52,2.63,2.63,0,0,1-1.1-.78A1.94,1.94,0,0,1,45,14.18a2.34,2.34,0,0,1,.43-1.39,2.7,2.7,0,0,1,1.18-.93,4.27,4.27,0,0,1,1.73-.33,4.93,4.93,0,0,1,1.7.28,3.63,3.63,0,0,1,1.32.79.63.63,0,0,1,.21.46.52.52,0,0,1-.11.32.3.3,0,0,1-.24.13.74.74,0,0,1-.38-.14,4.52,4.52,0,0,0-1.18-.73,3.7,3.7,0,0,0-1.32-.2,2.72,2.72,0,0,0-1.67.44,1.48,1.48,0,0,0-.6,1.26,1.13,1.13,0,0,0,.53,1,5.48,5.48,0,0,0,1.61.61c.79.19,1.41.36,1.86.52a2.82,2.82,0,0,1,1.13.72,1.83,1.83,0,0,1,.45,1.29,2.26,2.26,0,0,1-.43,1.35,2.7,2.7,0,0,1-1.19.91,4.37,4.37,0,0,1-1.75.33A6.14,6.14,0,0,1,46.42,20.61Z"/>
23 <path class="cls-2" d="M56.32,20.33a3.71,3.71,0,0,1-1.46-1.62,5.72,5.72,0,0,1-.51-2.5,5.65,5.65,0,0,1,.51-2.49,3.74,3.74,0,0,1,1.46-1.63,4.27,4.27,0,0,1,2.25-.56,4.77,4.77,0,0,1,1.65.28,4,4,0,0,1,1.34.79.62.62,0,0,1,.21.46.51.51,0,0,1-.1.32.31.31,0,0,1-.25.13.71.71,0,0,1-.38-.14,4.75,4.75,0,0,0-1.2-.73,3.4,3.4,0,0,0-1.24-.2,2.82,2.82,0,0,0-2.32,1,4.26,4.26,0,0,0-.82,2.79,4.31,4.31,0,0,0,.82,2.8,2.84,2.84,0,0,0,2.32,1,3.37,3.37,0,0,0,1.23-.21A4.62,4.62,0,0,0,61,19.05a.81.81,0,0,1,.38-.14.31.31,0,0,1,.25.13.49.49,0,0,1,.1.32.6.6,0,0,1-.21.46,4,4,0,0,1-1.34.8,4.77,4.77,0,0,1-1.65.28A4.27,4.27,0,0,1,56.32,20.33Z"/>
24 <path class="cls-2" d="M71.87,20.43a.39.39,0,0,1-.15.32.52.52,0,0,1-.34.12.52.52,0,0,1-.47-.26l-1.74-2.75a2.11,2.11,0,0,0-.71-.74,2.07,2.07,0,0,0-1-.2H65.84v3.39a.57.57,0,0,1-.14.4.52.52,0,0,1-.38.15.5.5,0,0,1-.39-.15.53.53,0,0,1-.14-.4V12.15a.5.5,0,0,1,.14-.38.59.59,0,0,1,.4-.14h3.23a3.48,3.48,0,0,1,2.28.66,2.41,2.41,0,0,1,.78,2A2.45,2.45,0,0,1,71,16a2.85,2.85,0,0,1-1.8.8,1.75,1.75,0,0,1,.59.34,3.42,3.42,0,0,1,.52.65l1.48,2.34A.58.58,0,0,1,71.87,20.43ZM68.46,16a2.42,2.42,0,0,0,1.6-.45,1.63,1.63,0,0,0,.52-1.33,1.61,1.61,0,0,0-.52-1.32,2.51,2.51,0,0,0-1.6-.43H65.84V16Z"/>
25 <path class="cls-2" d="M75.15,20.71a.54.54,0,0,1-.15-.4v-8.2a.55.55,0,0,1,.15-.4.5.5,0,0,1,.39-.15.53.53,0,0,1,.39.15.59.59,0,0,1,.14.4v8.2a.57.57,0,0,1-.14.4.53.53,0,0,1-.39.15A.5.5,0,0,1,75.15,20.71Z"/>
26 <path class="cls-2" d="M86.06,16.87a2.3,2.3,0,0,1,.44,1.43,2.25,2.25,0,0,1-.8,1.85,3.49,3.49,0,0,1-2.25.64H80.18a.53.53,0,0,1-.4-.14.49.49,0,0,1-.15-.38V12.15a.5.5,0,0,1,.15-.38.57.57,0,0,1,.4-.14h3.13a3.49,3.49,0,0,1,2.2.62A2.15,2.15,0,0,1,86.29,14a2.11,2.11,0,0,1-.39,1.28,2.3,2.3,0,0,1-1.07.79A2.19,2.19,0,0,1,86.06,16.87ZM80.68,15.7h2.47a2.46,2.46,0,0,0,1.56-.42,1.44,1.44,0,0,0,.52-1.21c0-1-.69-1.56-2.08-1.56H80.68Zm4.26,3.81a1.46,1.46,0,0,0,.52-1.24c0-1.12-.71-1.69-2.11-1.69H80.68v3.33h2.67A2.55,2.55,0,0,0,84.94,19.51Z"/>
27 <path class="cls-2" d="M89.84,20.65a.49.49,0,0,1-.15-.38V12.15a.5.5,0,0,1,.15-.38.57.57,0,0,1,.4-.14H95.1a.49.49,0,0,1,.36.12.39.39,0,0,1,.14.32.42.42,0,0,1-.14.33.53.53,0,0,1-.36.11H90.75V15.7h4.09a.49.49,0,0,1,.36.12.38.38,0,0,1,.13.32.42.42,0,0,1-.13.33.53.53,0,0,1-.36.11H90.75v3.33H95.1a.53.53,0,0,1,.36.11.41.41,0,0,1,.14.33.42.42,0,0,1-.14.33.49.49,0,0,1-.36.11H90.24A.53.53,0,0,1,89.84,20.65Z"/>
28 </g>
29 </g>
30 </g>
31 </g>
32 </svg>
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <!--
7 <script type="text/javascript">
8
9 // IAB source: modified to allow link testing
10 var clickTag = "http://thecommonwell.ca/wave";
11 function getParameterByName(name)
12 {
13 var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
14 if (match == null || match == ""){
15 return clickTag;
16 } else{
17 return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
18 }
19 }
20 clickTag = getParameterByName('clickTag');
21 </script>
22 -->
23 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
24 <script type="text/javascript">
25 window.onload = function() {
26 eyeBuild.initialize();
27 window.isVideoClick = false;
28
29 var videoPlays = 0;
30 var v0 = false;
31 var v25 = false;
32 var v50 = false;
33 var v75 = false;
34
35 var video = document.getElementById("video");
36 var videoControls = document.getElementById("video-controls");
37 var playButton = document.getElementById("play-pause");
38 var muteButton = document.getElementById("mute");
39
40 playButton.addEventListener("click", function(e) {
41 if (video.paused == true) {
42 play();
43 eyeBuild.doIAT(0);
44 } else {
45 pause();
46 eyeBuild.doIAT(1);
47 }
48 });
49 var play = function(){
50 video.play();
51 videoPlays++;
52 videoControls.className = ""
53 toggleClass(videoControls, "playing");
54 toggleClass(playButton, "playing");
55 }
56 var pause = function(){
57 video.pause();
58 toggleClass(videoControls, "playing");
59 toggleClass(playButton, "playing");
60 }
61 video.addEventListener('ended', function(e){
62 video.currentTime = 0;
63 pause();
64 videoControls.className = "start"
65 v0 = false;
66 v25 = false;
67 v50 = false;
68 v75 = false;
69 eyeBuild.doIAT(9);
70 }, false);
71
72 muteButton.addEventListener("click", function(e) {
73 if (video.muted == true) {
74 eyeBuild.doIAT(4);
75 } else {
76 eyeBuild.doIAT(3);
77 }
78 video.muted = !video.muted;
79 toggleClass(muteButton, "muted");
80 });
81
82 // track video plays
83 video.addEventListener('timeupdate', function(e){
84 var pct = video.currentTime / video.duration *100;
85 if (pct > 75 && !v75){
86 v75 = true;
87 eyeBuild.doIAT(8);
88 }else if (pct > 50 && !v50){
89 v50 = true;
90 eyeBuild.doIAT(7);
91 }else if (pct > 25 && !v25){
92 v25 = true;
93 eyeBuild.doIAT(6);
94 }else if (pct > 0 && !v0){
95 v0 = true;
96 eyeBuild.doIAT(5);
97 if(videoPlays>1){
98 eyeBuild.doIAT(10);
99 }
100 }
101 }, false);
102
103 }
104
105
106 function toggleClass(element, toggleClass){
107 var currentClass = element.className;
108 if(currentClass.indexOf(toggleClass) > -1){ //has class
109 newClass = currentClass.replace(toggleClass,"")
110 }else{
111 newClass = currentClass + " " + toggleClass;
112 }
113 element.className = newClass;
114 }
115
116 </script>
117
118
119 <style>
120
121 body{
122 margin: 0;
123 padding: 0;
124 }
125 a{
126 text-decoration: none;
127 }
128 #click-tag{
129 display: block;
130 position: absolute;
131 width: 100%;
132 height: 100%;
133 }
134 #border{
135 position: relative;
136 width: 100%;
137 height: 100%;
138 border: 1px solid #323e48;
139 background-color: #FFFFFF;
140 overflow: hidden;
141 cursor: pointer;
142 box-sizing: border-box;
143 }
144 img {
145 position: absolute;
146 }
147
148
149 /* Custom per ad */
150 body{
151 width: 300px;
152 height: 600px;
153 }
154
155 #click-tag{
156 top:0px;
157 }
158
159 #border{
160 border-top: 10px solid #323e48;
161 background-position: 0 -10px;
162 }
163
164 #border:hover #cta{
165 background-color: #666666;
166 }
167
168 #border:active #cta{
169 background-color: #000000;
170 }
171
172 #video, #video-controls{
173 position: absolute;
174 width: 300px;
175 height: 169px;
176 left:0px;
177 top:140px;
178 }
179 #video-controls.start{
180 background: url(assets/video-poster.jpg) no-repeat center center;
181 opacity:1;
182 }
183 #video-controls.playing {
184 opacity:0;
185 }
186
187 #video-controls:hover {
188 opacity:1;
189 }
190
191 #video-controls button{
192 border: none;
193 cursor: pointer;
194 width: 100%;
195 height: 100%;
196 }
197
198 button#play-pause{
199 background: url(assets/play.svg) no-repeat center center;
200 background-size: 83px 83px;
201 }
202 button#play-pause.playing{
203 background: url(assets/pause.svg) no-repeat 30px 143px;
204 background-size: 20px 20px;
205 }
206 button#play-pause:hover{
207 background-size: 85px 85px;
208 }
209 button#play-pause.playing:hover{
210 background-position: 29px 142px;
211 background-size: 21px 21px;
212 }
213
214
215 button#mute{
216 background: url(assets/mute-un.svg) no-repeat center center;
217 background-size: 20px 20px;
218 position: absolute;
219 width: 22px;
220 height: 22px;
221 left:5px;
222 bottom: 5px;
223 }
224 button#mute.muted{
225 background: url(assets/mute.svg) no-repeat center center;
226 background-size: 20px 20px;
227 }
228
229 button#mute:hover{
230 background-size: 22px 22px;
231 }
232
233 /* no video stuff */
234
235 .box{
236 left:18px;
237 bottom:7px;
238 opacity: 0;
239 }
240
241 #box-xmas{
242 opacity: 1;
243 }
244
245 #txta, #txtb, #txtc{
246 left: 23px;
247 top: 105px;
248
249 -ms-transform: scale(.5); /* IE 9 */
250 -ms-transform-origin: 0% 0%; /* IE 9 */
251 -webkit-transform: scale(.5); /* Chrome, Safari, Opera */
252 -webkit-transform-origin: 0% 0%; /* Chrome, Safari, Opera */
253 transform: scale(.5);
254 transform-origin: 0% 0%;
255 }
256 #txtb{
257 top: 328px;
258 }
259 #txtc{
260 left:169px;
261 top: 447px;
262 }
263
264 #logo{
265 position: absolute;
266 left: 6px;
267 top: 3px;
268 width:182px;
269 height:auto;
270
271 }
272
273 #subscribe{
274
275 right: 15px;
276 bottom: 25px;
277
278 }
279
280 </style>
281
282 </head>
283
284 <body>
285 <div id="border">
286
287
288 <!--
289 Christmas
290 1. Christmas
291 2. Advent Calendar
292 3. Winter
293 4. Spoiled Dog
294 5. Valentines Day
295 -->
296
297
298
299 <img class="box" id="box-xmas" src="assets/box-xmas.jpg" alt="box-xmas">
300 <img class="box" id="box-advent" src="assets/box-advent.jpg" alt="box-advent">
301 <img class="box" id="box-winter" src="assets/box-winter.jpg" alt="box-winter">
302 <img class="box" id="box-spoileddog" src="assets/box-spoileddog.jpg" alt="box-spoileddog">
303 <img class="box" id="box-valentines" src="assets/box-valentines.jpg" alt="box-valentines">
304 <!--
305 <img class="box" id="box-birthday" src="assets/box-birthday.jpg" alt="box-birthday">
306 <img class="box" id="box-thanksgiving" src="assets/box-thanksgiving.jpg" alt="box-thanksgiving">
307 -->
308
309
310 <img id="txta" src="assets/txta.png" alt="At any given moment...">
311 <img id="txtb" src="assets/txtb.png" alt="your dog could be more adorbs than usual.">
312 <img id="txtc" src="assets/txtc.png" alt="Get your treats ready, with Wufers Cookie Club.">
313
314
315 <div id="logo"></div>
316 <img id="subscribe" src="assets/subscribe.svg" alt="txt" width="114" height="33">
317
318 <a id="click-tag" href="javascript:eyeBuild.doClick(0)"></a>
319 <!--<a id="click-tag" href="javascript:window.open(window.clickTag)"></a>-->
320
321 <video id="video" width="272" height="152">
322 <source src="https://player.vimeo.com/external/244123349.sd.mp4?s=444bda85839ff525f37df4627e29c08454fa0348&profile_id=164" type="video/mp4" class="A">
323 Your browser doesn't support HTML5 video.
324 </video>
325 <div id="video-controls" class="start">
326 <button type="button" id="play-pause" class=""></button>
327 <button type="button" id="mute" class=""></button>
328 </div>
329
330 </div>
331
332 <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
333 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
334 <script>
335
336 $( document ).ready(function() {
337
338 /*
339 * embed external svg using ajax
340 */
341
342 var container = $("#logo");
343 var svgUrl = "assets/logo.svg";
344
345 $.get(svgUrl)
346 .then(injectSvg);
347
348 function injectSvg(xmlDoc) {
349 var svg = $(xmlDoc).find("svg");
350 container.append(svg);
351 animate();
352 }
353
354 /*
355 * animate
356 */
357
358 function animate(){
359
360 // animate the boxes
361
362 var tl = new TimelineMax({repeat:2});
363
364 var d = 1.25;
365 var box_arr = ["#box-advent", "#box-winter", "#box-spoileddog", "#box-valentines"];
366 for (var i = 0 in box_arr) {
367 tl.to(box_arr[i], 0.6, {opacity:1, ease:Power1.easeInOut, delay:d });
368 }
369 for (var i = 0 in box_arr) {
370 tl.to(box_arr[i], 0.6, {opacity:0, delay:0 });
371 }
372 /* console.log("boxes: " + tl.totalDuration()); */
373
374
375 // animate the logo
376
377 var eye_tl = new TimelineMax({repeat:3});
378
379 var winkTime = .3;
380 // close eye
381 eye_tl.to("#cheek", winkTime, {x:3, y:-1, delay:0 });
382 eye_tl.to("#eye-right-mask", winkTime, {scaleY:.001, transformOrigin:"50% 50%", delay:-winkTime });
383 eye_tl.to("#eye-right-lash", .1, {opacity:1, delay:0 });
384 eye_tl.to(["#e-small", "#e-large"], .1, {opacity:1, delay:0 });
385
386 var crumbTime = 1;
387 eye_tl.to("#e-large", crumbTime, {scale:3, x:11, y:-4, transformOrigin:"50% 50%", delay:0 });
388 eye_tl.to("#e-small", crumbTime, {scale:6, x:11, y:1, transformOrigin:"50% 50%", delay:-crumbTime });
389 eye_tl.to("#e-large", crumbTime/4, {scale:.001, opacity:0, transformOrigin:"50% 50%", delay:-crumbTime/2 });
390 eye_tl.to("#e-small", crumbTime/4, {scale:.001, opacity:0, transformOrigin:"50% 50%", delay:-crumbTime/2 });
391
392 // open eye
393 eye_tl.to("#eye-right-lash", .1, {opacity:0, delay:-winkTime*1.9 });
394 eye_tl.to("#cheek", winkTime, {x:0, y:0, delay:-winkTime*1.9 });
395 eye_tl.to("#eye-right-mask", winkTime, {scaleY:1, transformOrigin:"50% 50%", delay:-winkTime*2});
396 eye_tl.to("#eye-right-mask", winkTime, {scaleY:1, transformOrigin:"50% 50%", delay:5});
397
398 /* console.log("eye_right: " + eye_tl.totalDuration()); */
399
400
401 var tongue_tl = new TimelineMax();
402 var pantDuration = .3;
403 var pantTongueLength = .9;
404 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:9, delay:0 });
405 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:3, delay:1 });
406 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:33, delay:1 });
407 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:3, delay:1 });
408 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:13, delay:1 });
409 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:13, delay:1 });
410 /* console.log("tongue: " + tongue_tl.totalDuration()); */
411 };
412 });
413
414
415 </script>
416
417
418 </body>
419
420 </html>
...\ No newline at end of file ...\ No newline at end of file
...@@ -238,7 +238,7 @@ ...@@ -238,7 +238,7 @@
238 opacity: 0; 238 opacity: 0;
239 } 239 }
240 240
241 #box-xmas{ 241 #box-spoileddog{
242 opacity: 1; 242 opacity: 1;
243 } 243 }
244 244
...@@ -284,14 +284,25 @@ ...@@ -284,14 +284,25 @@
284 <body> 284 <body>
285 <div id="border"> 285 <div id="border">
286 286
287
288
289 <!--
290 General
291 1. Spoiled Dog
292 2. Thanksgiving
293 3. Christmas
294 4. Winter
295 5. Valentines Day
296 -->
297
298 <img class="box" id="box-spoileddog" src="assets/box-spoileddog.jpg" alt="box-spoileddog">
299 <img class="box" id="box-thanksgiving" src="assets/box-thanksgiving.jpg" alt="box-thanksgiving">
287 <img class="box" id="box-xmas" src="assets/box-xmas.jpg" alt="box-xmas"> 300 <img class="box" id="box-xmas" src="assets/box-xmas.jpg" alt="box-xmas">
288 <img class="box" id="box-advent" src="assets/box-advent.jpg" alt="box-advent">
289 <img class="box" id="box-winter" src="assets/box-winter.jpg" alt="box-winter"> 301 <img class="box" id="box-winter" src="assets/box-winter.jpg" alt="box-winter">
290 <img class="box" id="box-spoileddog" src="assets/box-spoileddog.jpg" alt="box-spoileddog">
291 <img class="box" id="box-valentines" src="assets/box-valentines.jpg" alt="box-valentines"> 302 <img class="box" id="box-valentines" src="assets/box-valentines.jpg" alt="box-valentines">
292 <!-- 303 <!--
293 <img class="box" id="box-birthday" src="assets/box-birthday.jpg" alt="box-birthday"> 304 <img class="box" id="box-birthday" src="assets/box-birthday.jpg" alt="box-birthday">
294 <img class="box" id="box-thanksgiving" src="assets/box-thanksgiving.jpg" alt="box-thanksgiving"> 305 <img class="box" id="box-advent" src="assets/box-advent.jpg" alt="box-advent">
295 --> 306 -->
296 307
297 308
...@@ -350,7 +361,7 @@ ...@@ -350,7 +361,7 @@
350 var tl = new TimelineMax({repeat:2}); 361 var tl = new TimelineMax({repeat:2});
351 362
352 var d = 1.25; 363 var d = 1.25;
353 var box_arr = ["#box-advent", "#box-winter", "#box-spoileddog", "#box-valentines"]; 364 var box_arr = ["#box-thanksgiving", "#box-xmas", "#box-winter", "#box-valentines"];
354 for (var i = 0 in box_arr) { 365 for (var i = 0 in box_arr) {
355 tl.to(box_arr[i], 0.6, {opacity:1, ease:Power1.easeInOut, delay:d }); 366 tl.to(box_arr[i], 0.6, {opacity:1, ease:Power1.easeInOut, delay:d });
356 } 367 }
......
1 <?xml version="1.0" encoding="utf-8"?>
2 <!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 viewBox="0 0 162 83.2" style="enable-background:new 0 0 162 83.2;" xml:space="preserve">
6 <style type="text/css">
7 .st0{fill:#C88F50;}
8 .st1{fill:#E1C19C;}
9 .st2{fill:#FFFFFF;}
10 .st3{fill:#353F4A;}
11 .st4{clip-path:url(#clipPathId);}
12 .st5{fill:#F27658;}
13 #eye-right-lash, #e-large, #e-small{
14 opacity: 0;
15 }
16
17 </style>
18 <g id="face">
19 <g>
20 <path class="st0" d="M25.1,60.2c0-6.6,4.4-12.2,10.4-14c1.4-3.2,1.7-7.4,1.5-10.7c0,0-0.3-6.1-0.4-8.9c-1.1,0.1-2.2,0.3-3.3,0.5
21 c0,0,0-0.1,0-0.1c-0.7-1.5-2.1-4.3-3.2-6.1c-1.7-2.9-3.3-5.1-5.1-6.7c-1.4-1.3-2.8-1.9-4.2-1.7c-1.6,0.2-2.7,0.8-3.3,1.8
22 c-0.6,1-1,2-1.1,3.1c-0.1,0.5-0.2,1-0.2,1.5c0,0.2,0,0.4,0,0.7c0,0.5-0.1,1-0.1,1.5c-0.1,2-0.1,3.5,0.1,4.9
23 c0.1,0.7,0.3,1.3,0.4,1.9c0.2,0.9,0.4,1.7,0.5,2.5c0,0.3-0.1,0.8-0.3,1.2c-0.1,0.3-0.2,0.7-0.3,1c-0.2,0.9-0.1,1.7,0.1,2.4
24 c0.4,1.2,1.2,2.2,1.9,3.2c0.1,0.2,0.3,0.4,0.4,0.6c0.5,0.7,0.9,1.3,1.1,1.8c0.3,0.8,0.3,1.8,0.3,2.8c0,0.2,0,0.4,0,0.6
25 c0,0.7-0.2,1.6-0.4,2.5c-0.3,1.3-0.6,2.7-0.5,3.9c0.3,2.2,2.2,6.7,2.8,7.7c0.8,1.3,1.9,2.2,3.1,2.8C25.1,60.7,25.1,60.5,25.1,60.2
26 z"/>
27 <path class="st0" d="M63.1,25.9c0.1-0.7,0.2-1.5,0.2-2.4c-0.1,0-0.2,0-0.3,0c-0.7,0-1.3-0.4-1.6-1c-0.2,0.1-0.5,0.1-0.8,0.1
28 c-1.4,0-2.5-1.1-2.5-2.5c0,0-0.1,0-0.1,0c-1.6,0-3-1.3-3-3c0-1,0.5-1.8,1.2-2.4c-0.4-0.5-0.6-1.1-0.6-1.8c-0.5,0.3-1,0.6-1.4,1.1
29 c-1.8,1.7-3.4,3.8-5.1,6.7c-1.1,1.9-2.5,4.7-3.2,6.1c0,0,0,0.1,0,0.1c-1-0.2-1.9-0.3-2.8-0.4c-0.2,2.8-0.4,8.8-0.4,8.8
30 c-0.2,3.3,0.1,7.5,1.5,10.7c6,1.8,10.4,7.4,10.4,14c0,0.2,0,0.4,0,0.6c1.3-0.8,2.1-1.8,2.6-2.7c0.7-1.1,2.5-5.5,2.8-7.7
31 c0.2-1.1-0.2-2.5-0.5-3.9c-0.2-1-0.4-1.9-0.4-2.5c0-0.2,0-0.4,0-0.6c0-1,0-2,0.3-2.8c0.2-0.5,0.5-1.1,1.1-1.8
32 c0.1-0.2,0.3-0.4,0.4-0.6c0.7-1,1.5-2,1.9-3.2c0.3-0.8,0.3-1.5,0.1-2.4c-0.1-0.3-0.2-0.7-0.3-1c-0.1-0.4-0.3-0.9-0.3-1.2
33 c0-0.8,0.2-1.6,0.5-2.5C62.8,27.2,63,26.6,63.1,25.9z"/>
34 </g>
35 <path class="st1" d="M23.8,17.7c-1.3-1.5-3.5-1.9-4.4,0.4c-0.7,1.9-0.6,4.1-0.6,6.1c0,2.3,1.5,3.9,1.8,6.2
36 c-0.5,3.5-0.2,5.1,2.2,6.1c2.3-3.7,6.6-4.3,6.9-7.2C30,26.7,25.3,19.3,23.8,17.7z"/>
37 <path class="st1" d="M60.2,22.7c-1.2-0.2-2-1.2-2-2.5c0,0-0.1,0-0.1,0c-1.5,0-2.7-1.1-2.9-2.5c-1.6,1.8-6.1,9-5.9,11.5
38 c0.3,2.9,4.6,3.5,6.9,7.2c2.4-1,2.7-2.6,2.2-6.1c0.3-2.3,1.7-3.9,1.8-6.2C60.2,23.6,60.2,23.2,60.2,22.7z"/>
39 <g id="face_x5F_crumbs">
40 <circle id="f-large" class="st0" cx="59.5" cy="12.8" r="2"/>
41 <circle id="f-small" class="st0" cx="61.2" cy="17.3" r="1.3"/>
42 </g>
43 </g>
44 <g id="eyes">
45 <path id="eye-left-white" class="st2" d="M31.9,42.7c0,2-1.6,3.6-3.6,3.6c-2,0-3.6-1.6-3.6-3.6c0-2,1.6-3.6,3.6-3.6
46 C30.3,39.1,31.9,40.7,31.9,42.7z"/>
47 <path id="eye-left-pupil" class="st3" d="M30.4,41.6c0,0,0,0.1,0,0.1c0,0.5-0.4,0.8-0.8,0.8c-0.5,0-0.8-0.4-0.8-0.8
48 c0-0.3,0.1-0.5,0.3-0.7c-0.1,0-0.2,0-0.3,0c-1.4,0-2.6,1.1-2.6,2.6c0,1.4,1.1,2.6,2.6,2.6c1.4,0,2.6-1.1,2.6-2.6
49 C31.4,42.8,31,42.1,30.4,41.6z"/>
50 <g id="eye-right-group">
51 <defs>
52 <path id="eye-right-mask" d="M54.8,42.7c0,2-1.6,3.6-3.6,3.6c-2,0-3.6-1.6-3.6-3.6c0-2,1.6-3.6,3.6-3.6
53 C53.2,39.1,54.8,40.7,54.8,42.7z"/>
54 <clipPath id="clipPathId">
55 <use xlink:href="#eye-right-mask" style="overflow:visible;"/>
56 </clipPath>
57 </defs>
58 <g id="eye-right" class="st4">
59 <use xlink:href="#eye-right-mask" style="overflow:visible;"/>
60
61 <path id="eye-right-white" class="st2" d="M54.8,42.7c0,2-1.6,3.6-3.6,3.6c-2,0-3.6-1.6-3.6-3.6c0-2,1.6-3.6,3.6-3.6
62 C53.2,39.1,54.8,40.7,54.8,42.7z"/>
63 <path id="eye-right-pupil" class="st3" d="M52.3,41.6c0,0,0,0.1,0,0.1c0,0.5-0.4,0.8-0.8,0.8c-0.5,0-0.8-0.4-0.8-0.8
64 c0-0.3,0.1-0.5,0.3-0.7c-0.1,0-0.2,0-0.3,0c-1.4,0-2.6,1.1-2.6,2.6c0,1.4,1.1,2.6,2.6,2.6c1.4,0,2.6-1.1,2.6-2.6
65 C53.3,42.8,52.9,42.1,52.3,41.6z"/>
66 </g>
67 <circle id="e-large" class="st3" cx="54" cy="42" r="0.6"/>
68 <circle id="e-small" class="st3" cx="54" cy="42" r="0.2"/>
69 <path id="eye-right-lash" class="st3" d="M48.1,43.6c-0.1,0-0.3,0-0.4-0.1c-0.3-0.2-0.5-0.7-0.2-1c0.8-1.3,2.2-2,3.7-2
70 c1.5,0,2.9,0.8,3.7,2c0.2,0.4,0.1,0.8-0.2,1c-0.4,0.2-0.8,0.1-1-0.2c-0.5-0.8-1.4-1.3-2.4-1.3s-1.9,0.5-2.4,1.3
71 C48.6,43.5,48.4,43.6,48.1,43.6z"/>
72 </g>
73 </g>
74 <g id="tongue">
75 <circle id="cheek" class="st2" cx="39.8" cy="59.8" r="14.5"/>
76 <path id="normal" class="st5" d="M39.8,57.5c0,2.7-2.2,4.9-4.9,4.9h0v0.5c0,2.7,2.2,4.9,4.9,4.9c2.7,0,4.9-2.2,4.9-4.9v-0.5
77 C42,62.4,39.8,60.2,39.8,57.5z"/>
78 <path id="pant" class="st5" d="M34.8,62.4l0,2.9v0.5c0,2.7,2.2,4.9,4.9,4.9c2.7,0,4.9-2.2,4.9-4.9v-3.4H34.8z"/>
79 <g id="nose">
80 <circle class="st3" cx="39.8" cy="52.4" r="3.2"/>
81 </g>
82 </g>
83 <g id="logo">
84 <g id="cookieclub">
85 <path class="st3" d="M80.5,54.3c0.4,0.2,0.6,0.5,0.6,0.8c0,0.2,0,0.3-0.1,0.4c-0.1,0.1-0.2,0.2-0.4,0.2c-0.1,0-0.2,0-0.3-0.1
86 c-0.1,0-0.1-0.1-0.2-0.1c-0.1-0.1-0.1-0.1-0.2-0.1c-0.1,0-0.2-0.1-0.3-0.1c-0.1,0-0.3,0-0.4,0c-0.6,0-1,0.2-1.3,0.5
87 c-0.3,0.4-0.5,0.8-0.5,1.4c0,0.5,0.2,1,0.5,1.4c0.3,0.4,0.7,0.5,1.2,0.5c0.4,0,0.6,0,0.8-0.1c0,0,0.1-0.1,0.2-0.1
88 c0.1-0.1,0.2-0.1,0.2-0.1c0.1,0,0.2,0,0.2,0c0.2,0,0.3,0.1,0.4,0.2c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2-0.1,0.4-0.3,0.5
89 c-0.2,0.2-0.5,0.3-0.8,0.4c-0.3,0.1-0.7,0.1-1.1,0.1c-0.6,0-1.1-0.1-1.5-0.4c-0.4-0.3-0.8-0.6-1-1.1c-0.2-0.5-0.4-1-0.4-1.6
90 c0-0.6,0.1-1.2,0.4-1.6c0.3-0.5,0.6-0.8,1.1-1.1c0.5-0.3,1-0.4,1.5-0.4C79.6,54,80.1,54.1,80.5,54.3z"/>
91 <path class="st3" d="M88,58.8c-0.3,0.5-0.6,0.9-1.1,1.1c-0.5,0.3-1,0.4-1.6,0.4c-0.6,0-1.1-0.1-1.6-0.4c-0.5-0.3-0.8-0.6-1.1-1.1
92 c-0.3-0.5-0.4-1-0.4-1.6c0-0.6,0.1-1.1,0.4-1.6c0.3-0.5,0.6-0.9,1.1-1.1c0.5-0.3,1-0.4,1.6-0.4c0.6,0,1.1,0.1,1.6,0.4
93 c0.5,0.3,0.8,0.6,1.1,1.1c0.3,0.5,0.4,1,0.4,1.6C88.4,57.8,88.2,58.3,88,58.8z M86.8,56.2c-0.2-0.3-0.4-0.5-0.6-0.7
94 c-0.3-0.2-0.5-0.2-0.9-0.2c-0.3,0-0.6,0.1-0.9,0.2c-0.3,0.2-0.5,0.4-0.6,0.7c-0.2,0.3-0.2,0.6-0.2,1c0,0.4,0.1,0.7,0.2,1
95 c0.2,0.3,0.4,0.5,0.6,0.7c0.3,0.2,0.5,0.2,0.9,0.2c0.3,0,0.6-0.1,0.9-0.2c0.3-0.2,0.5-0.4,0.6-0.7c0.2-0.3,0.2-0.6,0.2-1
96 C87,56.8,86.9,56.5,86.8,56.2z"/>
97 <path class="st3" d="M95.4,58.8c-0.3,0.5-0.6,0.9-1.1,1.1c-0.5,0.3-1,0.4-1.6,0.4c-0.6,0-1.1-0.1-1.6-0.4
98 c-0.5-0.3-0.8-0.6-1.1-1.1c-0.3-0.5-0.4-1-0.4-1.6c0-0.6,0.1-1.1,0.4-1.6c0.3-0.5,0.6-0.9,1.1-1.1c0.5-0.3,1-0.4,1.6-0.4
99 c0.6,0,1.1,0.1,1.6,0.4c0.5,0.3,0.8,0.6,1.1,1.1c0.3,0.5,0.4,1,0.4,1.6C95.8,57.8,95.6,58.3,95.4,58.8z M94.2,56.2
100 c-0.2-0.3-0.4-0.5-0.6-0.7s-0.5-0.2-0.9-0.2c-0.3,0-0.6,0.1-0.9,0.2c-0.3,0.2-0.5,0.4-0.6,0.7c-0.2,0.3-0.2,0.6-0.2,1
101 c0,0.4,0.1,0.7,0.2,1c0.2,0.3,0.4,0.5,0.6,0.7c0.3,0.2,0.5,0.2,0.9,0.2c0.3,0,0.6-0.1,0.9-0.2c0.3-0.2,0.5-0.4,0.6-0.7
102 c0.2-0.3,0.2-0.6,0.2-1C94.4,56.8,94.3,56.5,94.2,56.2z"/>
103 <path class="st3" d="M102.6,59.5c0,0.2-0.1,0.3-0.2,0.5c-0.1,0.1-0.3,0.2-0.5,0.2c-0.2,0-0.4-0.1-0.5-0.2l-2-2.2l-0.6,0.5v1.2
104 c0,0.2-0.1,0.4-0.2,0.5c-0.1,0.1-0.3,0.2-0.5,0.2c-0.2,0-0.4-0.1-0.5-0.2c-0.1-0.1-0.2-0.3-0.2-0.5v-7c0-0.2,0.1-0.4,0.2-0.5
105 s0.3-0.2,0.5-0.2c0.2,0,0.4,0.1,0.5,0.2s0.2,0.3,0.2,0.5v4.2l2.4-2.3c0.1-0.1,0.3-0.2,0.5-0.2c0.2,0,0.3,0.1,0.4,0.2
106 c0.1,0.1,0.2,0.3,0.2,0.4c0,0.2-0.1,0.4-0.3,0.5l-1.7,1.6l2,2.2C102.5,59.1,102.6,59.3,102.6,59.5z"/>
107 <path class="st3" d="M104.1,53.3c-0.1-0.1-0.2-0.2-0.2-0.4v-0.2c0-0.2,0.1-0.4,0.2-0.4c0.1-0.1,0.3-0.1,0.5-0.1
108 c0.3,0,0.4,0,0.6,0.1s0.2,0.2,0.2,0.4v0.2c0,0.2-0.1,0.4-0.2,0.4c-0.1,0.1-0.3,0.1-0.6,0.1C104.4,53.4,104.2,53.3,104.1,53.3z
109 M105.1,60c-0.1,0.1-0.3,0.2-0.5,0.2s-0.4-0.1-0.5-0.2c-0.1-0.1-0.2-0.3-0.2-0.5v-4.7c0-0.2,0.1-0.4,0.2-0.5
110 c0.1-0.1,0.3-0.2,0.5-0.2s0.4,0.1,0.5,0.2c0.1,0.1,0.2,0.3,0.2,0.5v4.7C105.3,59.7,105.3,59.9,105.1,60z"/>
111 <path class="st3" d="M112.4,57.5c-0.1,0.1-0.3,0.2-0.5,0.2h-3.7c0.1,0.4,0.3,0.8,0.6,1c0.3,0.3,0.7,0.4,1.1,0.4
112 c0.3,0,0.6,0,0.7-0.1c0.2-0.1,0.3-0.1,0.4-0.2c0.1-0.1,0.2-0.1,0.2-0.1c0.1-0.1,0.3-0.1,0.4-0.1c0.2,0,0.3,0.1,0.4,0.2
113 c0.1,0.1,0.2,0.2,0.2,0.4c0,0.2-0.1,0.4-0.3,0.6c-0.2,0.2-0.5,0.3-0.9,0.4c-0.4,0.1-0.7,0.2-1.1,0.2c-0.6,0-1.2-0.1-1.7-0.4
114 c-0.5-0.3-0.8-0.6-1.1-1.1c-0.3-0.5-0.4-1-0.4-1.6c0-0.6,0.1-1.2,0.4-1.7c0.3-0.5,0.6-0.9,1.1-1.1c0.4-0.3,0.9-0.4,1.4-0.4
115 c0.5,0,1,0.1,1.4,0.4c0.4,0.3,0.8,0.6,1.1,1.1c0.3,0.5,0.4,1,0.4,1.5C112.6,57.2,112.6,57.3,112.4,57.5z M108.2,56.5h3v-0.1
116 c0-0.3-0.2-0.6-0.5-0.8c-0.3-0.2-0.6-0.3-1-0.3C108.9,55.3,108.4,55.7,108.2,56.5z"/>
117 <path class="st3" d="M121.3,54.3c0.4,0.2,0.6,0.5,0.6,0.8c0,0.2,0,0.3-0.1,0.4c-0.1,0.1-0.2,0.2-0.4,0.2c-0.1,0-0.2,0-0.3-0.1
118 c-0.1,0-0.1-0.1-0.2-0.1c-0.1-0.1-0.1-0.1-0.2-0.1c-0.1,0-0.2-0.1-0.3-0.1c-0.1,0-0.3,0-0.4,0c-0.6,0-1,0.2-1.3,0.5
119 c-0.3,0.4-0.5,0.8-0.5,1.4c0,0.5,0.2,1,0.5,1.4c0.3,0.4,0.7,0.5,1.2,0.5c0.4,0,0.6,0,0.8-0.1c0,0,0.1-0.1,0.2-0.1
120 c0.1-0.1,0.2-0.1,0.2-0.1c0.1,0,0.2,0,0.2,0c0.2,0,0.3,0.1,0.4,0.2c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2-0.1,0.4-0.3,0.5
121 c-0.2,0.2-0.5,0.3-0.8,0.4c-0.3,0.1-0.7,0.1-1.1,0.1c-0.6,0-1.1-0.1-1.5-0.4c-0.4-0.3-0.8-0.6-1-1.1c-0.2-0.5-0.4-1-0.4-1.6
122 c0-0.6,0.1-1.2,0.4-1.6c0.3-0.5,0.6-0.8,1.1-1.1c0.5-0.3,1-0.4,1.5-0.4C120.3,54,120.9,54.1,121.3,54.3z"/>
123 <path class="st3" d="M124.6,60c-0.1,0.1-0.3,0.2-0.5,0.2c-0.2,0-0.3-0.1-0.5-0.2c-0.1-0.1-0.2-0.3-0.2-0.5v-7
124 c0-0.2,0.1-0.4,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2c0.2,0,0.3,0.1,0.5,0.2s0.2,0.3,0.2,0.5v7C124.8,59.7,124.7,59.9,124.6,60z"/>
125 <path class="st3" d="M131.7,54.3c0.1,0.1,0.2,0.3,0.2,0.5v2.9c0,0.8-0.2,1.5-0.7,1.9c-0.4,0.5-1.1,0.7-1.9,0.7
126 c-0.8,0-1.5-0.2-1.9-0.7c-0.4-0.5-0.7-1.1-0.7-1.9v-2.9c0-0.2,0.1-0.4,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2c0.2,0,0.4,0.1,0.5,0.2
127 c0.1,0.1,0.2,0.3,0.2,0.5v2.9c0,0.5,0.1,0.8,0.3,1c0.2,0.2,0.5,0.3,0.9,0.3c0.4,0,0.7-0.1,0.9-0.3c0.2-0.2,0.3-0.6,0.3-1v-2.9
128 c0-0.2,0.1-0.4,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2S131.6,54.2,131.7,54.3z"/>
129 <path class="st3" d="M138.4,54.4c0.4,0.3,0.8,0.6,1,1.1s0.4,1,0.4,1.6s-0.1,1.1-0.4,1.6c-0.2,0.5-0.6,0.9-1,1.1
130 c-0.4,0.3-0.9,0.4-1.4,0.4c-0.4,0-0.7-0.1-1-0.2s-0.6-0.3-0.8-0.5v0.1c0,0.2-0.1,0.4-0.2,0.5c-0.1,0.1-0.3,0.2-0.5,0.2
131 c-0.2,0-0.4-0.1-0.5-0.2c-0.1-0.1-0.2-0.3-0.2-0.5v-7.1c0-0.2,0.1-0.4,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2c0.2,0,0.4,0.1,0.5,0.2
132 c0.1,0.1,0.2,0.3,0.2,0.5v2.4c0.2-0.2,0.4-0.4,0.8-0.6c0.3-0.2,0.7-0.3,1-0.3C137.5,54,138,54.1,138.4,54.4z M138,58.5
133 c0.3-0.4,0.5-0.8,0.5-1.4c0-0.5-0.2-1-0.5-1.4c-0.3-0.4-0.7-0.5-1.2-0.5c-0.5,0-0.9,0.2-1.2,0.5c-0.3,0.4-0.5,0.8-0.5,1.4
134 c0,0.5,0.2,1,0.5,1.4c0.3,0.4,0.7,0.5,1.2,0.5C137.3,59.1,137.7,58.9,138,58.5z"/>
135 </g>
136 <g id="wufers">
137 <path class="st3" d="M98.9,35c0.3,0.3,0.4,0.6,0.4,1v6.1c0,1.7-0.5,3.1-1.4,4.1c-1,1-2.3,1.5-4.1,1.5c-1.8,0-3.1-0.5-4.1-1.5
138 c-0.9-1-1.4-2.3-1.4-4.1V36c0-0.4,0.1-0.8,0.4-1c0.3-0.3,0.6-0.4,1-0.4c0.4,0,0.8,0.1,1,0.4c0.3,0.3,0.4,0.6,0.4,1v6.1
139 c0,1,0.2,1.7,0.7,2.2c0.4,0.5,1.1,0.7,2,0.7c0.9,0,1.5-0.2,2-0.7c0.4-0.5,0.7-1.2,0.7-2.2V36c0-0.4,0.1-0.8,0.4-1
140 c0.3-0.3,0.6-0.4,1-0.4C98.3,34.6,98.6,34.7,98.9,35z"/>
141 <path class="st3" d="M107.6,32.6c-0.2,0.3-0.3,0.7-0.3,1v1.1h2.2c0.4,0,0.7,0.1,1,0.4c0.3,0.2,0.4,0.6,0.4,1c0,0.4-0.1,0.7-0.4,1
142 s-0.6,0.4-1,0.4h-2.2V46c0,0.4-0.1,0.8-0.4,1c-0.3,0.3-0.6,0.4-1,0.4c-0.4,0-0.8-0.1-1-0.4c-0.3-0.3-0.4-0.6-0.4-1v-8.5h-1.3
143 c-0.4,0-0.7-0.1-1-0.4c-0.3-0.2-0.4-0.6-0.4-1c0-0.4,0.1-0.7,0.4-1c0.3-0.2,0.6-0.4,1-0.4h1.3v-1.1c0-1.2,0.4-2.2,1.2-2.9
144 s2-1.1,3.6-1.1c0.6,0,1.1,0.1,1.6,0.4c0.4,0.2,0.7,0.6,0.7,1.1c0,0.4-0.1,0.7-0.3,0.9c-0.2,0.2-0.5,0.4-0.8,0.4
145 c-0.1,0-0.2,0-0.3,0c-0.1,0-0.2,0-0.3,0c-0.4-0.1-0.7-0.1-1-0.1C108.2,32.2,107.8,32.3,107.6,32.6z"/>
146 <path class="st3" d="M123.9,41.6c-0.3,0.2-0.6,0.4-1,0.4h-8c0.2,0.9,0.6,1.7,1.3,2.2c0.7,0.5,1.5,0.8,2.3,0.8
147 c0.7,0,1.2-0.1,1.5-0.2s0.7-0.2,0.9-0.4c0.2-0.1,0.4-0.2,0.4-0.3c0.3-0.1,0.6-0.2,0.8-0.2c0.3,0,0.6,0.1,0.9,0.4
148 c0.2,0.2,0.4,0.5,0.4,0.8c0,0.4-0.2,0.8-0.7,1.2c-0.4,0.4-1.1,0.7-1.8,0.9c-0.8,0.3-1.5,0.4-2.3,0.4c-1.3,0-2.5-0.3-3.5-0.8
149 c-1-0.6-1.8-1.3-2.3-2.3c-0.5-1-0.8-2.1-0.8-3.3c0-1.4,0.3-2.6,0.9-3.6c0.6-1,1.3-1.8,2.3-2.4c0.9-0.6,2-0.8,3-0.8
150 c1.1,0,2.1,0.3,3,0.9c0.9,0.6,1.7,1.4,2.3,2.3c0.6,1,0.8,2,0.8,3.2C124.3,41.1,124.2,41.4,123.9,41.6z M114.9,39.6h6.3v-0.2
151 c-0.1-0.7-0.4-1.3-1-1.7c-0.6-0.5-1.3-0.7-2-0.7C116.4,37,115.3,37.8,114.9,39.6z"/>
152 <path class="st3" d="M135,34.7c0.3,0.3,0.5,0.6,0.5,1c0,0.5-0.1,0.9-0.4,1.1c-0.3,0.2-0.6,0.4-0.9,0.4c-0.2,0-0.5-0.1-0.8-0.2
153 c0,0-0.2,0-0.3-0.1c-0.2,0-0.3-0.1-0.5-0.1c-0.4,0-0.8,0.1-1.2,0.4c-0.4,0.3-0.7,0.6-1,1.2c-0.2,0.5-0.4,1.1-0.4,1.9V46
154 c0,0.4-0.1,0.8-0.4,1c-0.3,0.3-0.6,0.4-1,0.4c-0.4,0-0.8-0.1-1-0.4c-0.3-0.3-0.4-0.6-0.4-1V36c0-0.4,0.1-0.8,0.4-1
155 c0.3-0.3,0.6-0.4,1-0.4c0.4,0,0.8,0.1,1,0.4c0.3,0.3,0.4,0.6,0.4,1v0.3c0.4-0.7,0.9-1.2,1.6-1.5c0.7-0.3,1.4-0.5,2.2-0.5
156 C134.3,34.3,134.7,34.5,135,34.7z"/>
157 <path class="st3" d="M136.6,44.7c0-0.4,0.2-0.8,0.6-1.1c0.2-0.1,0.5-0.2,0.7-0.2c0.3,0,0.7,0.2,1,0.5c0.5,0.5,1,0.9,1.5,1.1
158 c0.5,0.2,1.2,0.4,1.9,0.4c1.3,0,1.9-0.5,1.9-1.4c0-0.5-0.2-0.8-0.6-1.1c-0.4-0.2-1.1-0.5-2-0.7c-0.9-0.3-1.7-0.5-2.3-0.8
159 c-0.6-0.3-1.1-0.6-1.5-1.2s-0.6-1.2-0.6-2.1c0-0.8,0.2-1.4,0.7-2c0.4-0.6,1-1,1.7-1.3c0.7-0.3,1.5-0.5,2.3-0.5
160 c0.8,0,1.6,0.2,2.5,0.5c0.8,0.3,1.5,0.8,1.9,1.3c0.2,0.3,0.3,0.5,0.3,0.9c0,0.4-0.2,0.7-0.5,0.9c-0.2,0.2-0.5,0.3-0.8,0.3
161 c-0.4,0-0.6-0.1-0.9-0.3c-0.3-0.4-0.7-0.6-1.1-0.8c-0.5-0.2-1-0.3-1.6-0.3c-1.2,0-1.8,0.4-1.8,1.3c0,0.4,0.1,0.6,0.3,0.9
162 c0.2,0.2,0.5,0.4,0.9,0.5c0.3,0.1,0.8,0.3,1.5,0.4c0.9,0.2,1.6,0.5,2.2,0.7c0.6,0.3,1.1,0.7,1.5,1.2c0.4,0.5,0.6,1.2,0.6,2.1
163 c0,0.8-0.2,1.5-0.7,2.1c-0.5,0.6-1.1,1-1.8,1.3c-0.7,0.3-1.5,0.5-2.3,0.5c-1.1,0-2-0.2-3-0.5s-1.7-0.9-2.2-1.7
164 C136.7,45.3,136.6,45,136.6,44.7z"/>
165 <path class="st3" d="M83.3,34.5L83.3,34.5c-0.8,0-1.4,0.7-1.4,1.5c0,1.2,0,4.3,0,5.8c0,1.7-1.1,3.1-2.3,3.1
166 c-0.5,0-1.2-0.2-1.6-0.7c-0.4-0.4-0.6-1.1-0.6-1.6v-4.2c0-0.8-0.3-1.4-1.1-1.4c-0.9-0.1-1.4,0.5-1.4,1.4v4.3
167 c0,0.7-0.3,1.3-0.8,1.8c-0.3,0.4-1,0.5-1.4,0.5c-1.3,0-2.3-1.4-2.3-3.1c0-2.7,0-5.8,0-5.8c0-0.8-0.6-1.5-1.4-1.5c0,0,0,0,0,0
168 c-0.8,0-1.4,0.6-1.5,1.4c0,0,0,3.1,0,5.8c0,3.4,2.3,6,5.2,6c1.5,0,2.5-0.9,3.4-1.9c0.9,1,1.8,1.9,3.4,1.9c2.8,0,5.2-2.7,5.2-6
169 c0-1.4,0-4.6,0-5.8C84.8,35.1,84.1,34.5,83.3,34.5z"/>
170 </g>
171 <g id="logo-crumbs">
172 <circle id="u_x5F_large" class="st3" cx="91.8" cy="29.5" r="2.3"/>
173 <circle id="u_x5F_small" class="st3" cx="96.6" cy="31.6" r="1.5"/>
174 </g>
175 </g>
176 </svg>
177
178
1 <?xml version="1.0" encoding="utf-8"?>
2 <!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 viewBox="0 0 83.3 83.3" style="enable-background:new 0 0 83.3 83.3;" xml:space="preserve">
6 <style type="text/css">
7 .st0{opacity:0.6;fill:#FFFFFF;}
8 </style>
9 <path class="st0" d="M41.7,4.1C20.9,4.1,4.1,20.9,4.1,41.6s16.8,37.6,37.6,37.6s37.6-16.8,37.6-37.6S62.3,4.1,41.7,4.1z M46.8,46.3
10 c1.5-2.3,1.5-5.2,0-7.4v-6.7c5.7,3.1,7.9,10.2,4.8,16c-1.1,2-2.8,3.7-4.8,4.8V46.3z M41.8,62.8L29.2,50.2H19.1V35.1h10.1l12.6-12.5
11 V62.8z M63.7,48.2C61.5,56.5,55,63,46.8,65.1v-5.4c9.5-3.1,14.6-13.2,11.6-22.7c-1.8-5.5-6.1-9.8-11.6-11.6v-5.2
12 C59.2,23.3,66.7,35.8,63.7,48.2z"/>
13 </svg>
1 <?xml version="1.0" encoding="utf-8"?>
2 <!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 viewBox="0 0 83.3 83.3" style="enable-background:new 0 0 83.3 83.3;" xml:space="preserve">
6 <style type="text/css">
7 .st0{opacity:0.6;fill:#FFFFFF;}
8 </style>
9 <title>mute</title>
10 <path class="st0" d="M41.6,4.1C20.9,4.1,4.1,20.9,4.1,41.6s16.8,37.6,37.6,37.6c20.8,0,37.6-16.8,37.6-37.6S62.4,4.1,41.6,4.1z
11 M46.8,32.6c3.9,1.8,6.4,5.8,6.3,10.1v1.8l-6.3-6.3V32.6z M41.8,22.5v10.6l-5.3-5.3L41.8,22.5z M61.1,65.5l-5-5
12 c-2.7,2.2-5.9,3.8-9.3,4.5v-5.3c2.1-0.7,4-1.7,5.8-3L41.8,46v16.8L29.2,50.2H19.1V35.1h11.8L19.1,23.3l3.3-3.3l19.4,19.7l22.6,22.6
13 L61.1,65.5z M61.9,53l-3.8-3.8c0.8-2.1,1.2-4.3,1.3-6.5c-0.1-7.8-5.1-14.7-12.6-17.1v-5.3c10.3,2.4,17.6,11.6,17.6,22.1
14 C64.5,46.1,63.6,49.8,61.9,53z"/>
15 </svg>
1 <?xml version="1.0" encoding="utf-8"?>
2 <!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 viewBox="0 0 83.3 83.3" style="enable-background:new 0 0 83.3 83.3;" xml:space="preserve">
6 <style type="text/css">
7 .st0{opacity:0.6;fill:#FFFFFF;}
8 </style>
9 <title>pause</title>
10 <path class="st0" d="M41.6,4.1C20.9,4.1,4.1,20.9,4.1,41.6s16.8,37.6,37.6,37.6s37.6-16.8,37.6-37.6S62.4,4.1,41.6,4.1z M36.6,59.9
11 H26.3V23.5h10.3V59.9z M57.2,59.9H46.9V23.5h10.3V59.9z"/>
12 </svg>
1 <?xml version="1.0" encoding="utf-8"?>
2 <!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 viewBox="0 0 83.3 83.3" style="enable-background:new 0 0 83.3 83.3;" xml:space="preserve">
6 <style type="text/css">
7 .st0{opacity:0.6;fill:#FFFFFF;}
8 </style>
9 <title>play</title>
10 <path class="st0" d="M42.3,21c-12,0-21.7,9.7-21.7,21.7s9.7,21.7,21.7,21.7c12,0,21.7-9.7,21.7-21.7S54.3,21,42.3,21z M37.3,52.6
11 V34.5l14.8,9L37.3,52.6z"/>
12 </svg>
1 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 114.01 32.5">
2 <defs>
3 <style>
4 .cls-1 {
5 fill: #ff7049;
6 }
7
8 .cls-2 {
9 fill: #fff;
10 }
11 </style>
12 </defs>
13 <title>subscribe</title>
14 <g id="Layer_2" data-name="Layer 2">
15 <g id="Layer_1-2" data-name="Layer 1">
16 <g>
17 <rect class="cls-1" width="114.01" height="32.5"/>
18 <g>
19 <path class="cls-2" d="M16.33,20.61a3.77,3.77,0,0,1-1.42-.79.6.6,0,0,1-.2-.46.48.48,0,0,1,.1-.31.33.33,0,0,1,.25-.14.66.66,0,0,1,.36.14,4.37,4.37,0,0,0,2.76.94,2.89,2.89,0,0,0,1.72-.43,1.41,1.41,0,0,0,.6-1.22,1,1,0,0,0-.29-.74,2.22,2.22,0,0,0-.76-.45,11.41,11.41,0,0,0-1.26-.35,10.57,10.57,0,0,1-1.74-.52,2.66,2.66,0,0,1-1.11-.78,2,2,0,0,1-.42-1.32,2.4,2.4,0,0,1,.42-1.39,2.76,2.76,0,0,1,1.18-.93,4.35,4.35,0,0,1,1.74-.33,4.87,4.87,0,0,1,1.69.28,3.59,3.59,0,0,1,1.33.79.66.66,0,0,1,.2.46.51.51,0,0,1-.1.32.3.3,0,0,1-.25.13.77.77,0,0,1-.38-.14,4.21,4.21,0,0,0-1.18-.73,3.65,3.65,0,0,0-1.31-.2,2.75,2.75,0,0,0-1.68.44,1.48,1.48,0,0,0-.6,1.26,1.15,1.15,0,0,0,.53,1,5.44,5.44,0,0,0,1.62.61c.79.19,1.41.36,1.86.52a2.78,2.78,0,0,1,1.12.72,1.83,1.83,0,0,1,.45,1.29,2.26,2.26,0,0,1-.42,1.35,2.7,2.7,0,0,1-1.19.91,4.42,4.42,0,0,1-1.76.33A6,6,0,0,1,16.33,20.61Z"/>
20 <path class="cls-2" d="M25.45,20a3.74,3.74,0,0,1-.93-2.75v-5.1a.55.55,0,0,1,.15-.4.5.5,0,0,1,.39-.15.48.48,0,0,1,.37.15.55.55,0,0,1,.15.4V17.3a2.81,2.81,0,0,0,.65,2,2.59,2.59,0,0,0,1.93.68,2.56,2.56,0,0,0,1.93-.68,2.81,2.81,0,0,0,.65-2V12.11a.55.55,0,0,1,.15-.4.52.52,0,0,1,.38-.15.5.5,0,0,1,.39.15.54.54,0,0,1,.14.4v5.1A3.73,3.73,0,0,1,30.87,20a3.65,3.65,0,0,1-2.71.94A3.61,3.61,0,0,1,25.45,20Z"/>
21 <path class="cls-2" d="M41.73,16.87a2.3,2.3,0,0,1,.44,1.43,2.25,2.25,0,0,1-.8,1.85,3.49,3.49,0,0,1-2.25.64H35.85a.53.53,0,0,1-.4-.14.49.49,0,0,1-.15-.38V12.15a.5.5,0,0,1,.15-.38.57.57,0,0,1,.4-.14H39a3.47,3.47,0,0,1,2.2.62A2.15,2.15,0,0,1,42,14a2.11,2.11,0,0,1-.39,1.28,2.3,2.3,0,0,1-1.07.79A2.19,2.19,0,0,1,41.73,16.87ZM36.36,15.7h2.47a2.45,2.45,0,0,0,1.55-.42,1.44,1.44,0,0,0,.53-1.21c0-1-.7-1.56-2.08-1.56H36.36Zm4.25,3.81a1.46,1.46,0,0,0,.52-1.24c0-1.12-.71-1.69-2.11-1.69H36.36v3.33H39A2.55,2.55,0,0,0,40.61,19.51Z"/>
22 <path class="cls-2" d="M46.42,20.61A3.85,3.85,0,0,1,45,19.82a.6.6,0,0,1-.2-.46.49.49,0,0,1,.11-.31.31.31,0,0,1,.25-.14.66.66,0,0,1,.36.14,4.35,4.35,0,0,0,2.76.94A2.88,2.88,0,0,0,50,19.56a1.41,1.41,0,0,0,.6-1.22,1,1,0,0,0-.29-.74,2.27,2.27,0,0,0-.75-.45,11.41,11.41,0,0,0-1.26-.35,11,11,0,0,1-1.75-.52,2.63,2.63,0,0,1-1.1-.78A1.94,1.94,0,0,1,45,14.18a2.34,2.34,0,0,1,.43-1.39,2.7,2.7,0,0,1,1.18-.93,4.27,4.27,0,0,1,1.73-.33,4.93,4.93,0,0,1,1.7.28,3.63,3.63,0,0,1,1.32.79.63.63,0,0,1,.21.46.52.52,0,0,1-.11.32.3.3,0,0,1-.24.13.74.74,0,0,1-.38-.14,4.52,4.52,0,0,0-1.18-.73,3.7,3.7,0,0,0-1.32-.2,2.72,2.72,0,0,0-1.67.44,1.48,1.48,0,0,0-.6,1.26,1.13,1.13,0,0,0,.53,1,5.48,5.48,0,0,0,1.61.61c.79.19,1.41.36,1.86.52a2.82,2.82,0,0,1,1.13.72,1.83,1.83,0,0,1,.45,1.29,2.26,2.26,0,0,1-.43,1.35,2.7,2.7,0,0,1-1.19.91,4.37,4.37,0,0,1-1.75.33A6.14,6.14,0,0,1,46.42,20.61Z"/>
23 <path class="cls-2" d="M56.32,20.33a3.71,3.71,0,0,1-1.46-1.62,5.72,5.72,0,0,1-.51-2.5,5.65,5.65,0,0,1,.51-2.49,3.74,3.74,0,0,1,1.46-1.63,4.27,4.27,0,0,1,2.25-.56,4.77,4.77,0,0,1,1.65.28,4,4,0,0,1,1.34.79.62.62,0,0,1,.21.46.51.51,0,0,1-.1.32.31.31,0,0,1-.25.13.71.71,0,0,1-.38-.14,4.75,4.75,0,0,0-1.2-.73,3.4,3.4,0,0,0-1.24-.2,2.82,2.82,0,0,0-2.32,1,4.26,4.26,0,0,0-.82,2.79,4.31,4.31,0,0,0,.82,2.8,2.84,2.84,0,0,0,2.32,1,3.37,3.37,0,0,0,1.23-.21A4.62,4.62,0,0,0,61,19.05a.81.81,0,0,1,.38-.14.31.31,0,0,1,.25.13.49.49,0,0,1,.1.32.6.6,0,0,1-.21.46,4,4,0,0,1-1.34.8,4.77,4.77,0,0,1-1.65.28A4.27,4.27,0,0,1,56.32,20.33Z"/>
24 <path class="cls-2" d="M71.87,20.43a.39.39,0,0,1-.15.32.52.52,0,0,1-.34.12.52.52,0,0,1-.47-.26l-1.74-2.75a2.11,2.11,0,0,0-.71-.74,2.07,2.07,0,0,0-1-.2H65.84v3.39a.57.57,0,0,1-.14.4.52.52,0,0,1-.38.15.5.5,0,0,1-.39-.15.53.53,0,0,1-.14-.4V12.15a.5.5,0,0,1,.14-.38.59.59,0,0,1,.4-.14h3.23a3.48,3.48,0,0,1,2.28.66,2.41,2.41,0,0,1,.78,2A2.45,2.45,0,0,1,71,16a2.85,2.85,0,0,1-1.8.8,1.75,1.75,0,0,1,.59.34,3.42,3.42,0,0,1,.52.65l1.48,2.34A.58.58,0,0,1,71.87,20.43ZM68.46,16a2.42,2.42,0,0,0,1.6-.45,1.63,1.63,0,0,0,.52-1.33,1.61,1.61,0,0,0-.52-1.32,2.51,2.51,0,0,0-1.6-.43H65.84V16Z"/>
25 <path class="cls-2" d="M75.15,20.71a.54.54,0,0,1-.15-.4v-8.2a.55.55,0,0,1,.15-.4.5.5,0,0,1,.39-.15.53.53,0,0,1,.39.15.59.59,0,0,1,.14.4v8.2a.57.57,0,0,1-.14.4.53.53,0,0,1-.39.15A.5.5,0,0,1,75.15,20.71Z"/>
26 <path class="cls-2" d="M86.06,16.87a2.3,2.3,0,0,1,.44,1.43,2.25,2.25,0,0,1-.8,1.85,3.49,3.49,0,0,1-2.25.64H80.18a.53.53,0,0,1-.4-.14.49.49,0,0,1-.15-.38V12.15a.5.5,0,0,1,.15-.38.57.57,0,0,1,.4-.14h3.13a3.49,3.49,0,0,1,2.2.62A2.15,2.15,0,0,1,86.29,14a2.11,2.11,0,0,1-.39,1.28,2.3,2.3,0,0,1-1.07.79A2.19,2.19,0,0,1,86.06,16.87ZM80.68,15.7h2.47a2.46,2.46,0,0,0,1.56-.42,1.44,1.44,0,0,0,.52-1.21c0-1-.69-1.56-2.08-1.56H80.68Zm4.26,3.81a1.46,1.46,0,0,0,.52-1.24c0-1.12-.71-1.69-2.11-1.69H80.68v3.33h2.67A2.55,2.55,0,0,0,84.94,19.51Z"/>
27 <path class="cls-2" d="M89.84,20.65a.49.49,0,0,1-.15-.38V12.15a.5.5,0,0,1,.15-.38.57.57,0,0,1,.4-.14H95.1a.49.49,0,0,1,.36.12.39.39,0,0,1,.14.32.42.42,0,0,1-.14.33.53.53,0,0,1-.36.11H90.75V15.7h4.09a.49.49,0,0,1,.36.12.38.38,0,0,1,.13.32.42.42,0,0,1-.13.33.53.53,0,0,1-.36.11H90.75v3.33H95.1a.53.53,0,0,1,.36.11.41.41,0,0,1,.14.33.42.42,0,0,1-.14.33.49.49,0,0,1-.36.11H90.24A.53.53,0,0,1,89.84,20.65Z"/>
28 </g>
29 </g>
30 </g>
31 </g>
32 </svg>
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <!--
7 <script type="text/javascript">
8
9 // IAB source: modified to allow link testing
10 var clickTag = "http://thecommonwell.ca/wave";
11 function getParameterByName(name)
12 {
13 var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
14 if (match == null || match == ""){
15 return clickTag;
16 } else{
17 return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
18 }
19 }
20 clickTag = getParameterByName('clickTag');
21 </script>
22 -->
23 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
24 <script type="text/javascript">
25 window.onload = function() {
26 eyeBuild.initialize();
27 }
28
29
30 </script>
31
32
33 <style>
34
35 body{
36 margin: 0;
37 padding: 0;
38 }
39 a{
40 text-decoration: none;
41 }
42 #click-tag{
43 display: block;
44 position: absolute;
45 width: 100%;
46 height: 100%;
47 }
48 #border{
49 position: relative;
50 width: 100%;
51 height: 100%;
52 border: 1px solid #323e48;
53 background-color: #FFFFFF;
54 overflow: hidden;
55 cursor: pointer;
56 box-sizing: border-box;
57 }
58 img {
59 position: absolute;
60 }
61
62
63 /* Custom per ad */
64 body{
65 width: 300px;
66 height: 600px;
67 }
68
69 #click-tag{
70 top:0px;
71 }
72
73 #border{
74 border-top: 10px solid #323e48;
75 background-position: 0 -10px;
76 }
77
78 #border:hover #cta{
79 background-color: #666666;
80 }
81
82 #border:active #cta{
83 background-color: #000000;
84 }
85
86
87 .box{
88 left:12px;
89 bottom:113px;
90 opacity: 0;
91 }
92
93 #box-spoileddog{
94 opacity: 1;
95 }
96
97 #txta, #txtb, #txtc{
98 left: 23px;
99 top: 105px;
100
101 -ms-transform: scale(.5); /* IE 9 */
102 -ms-transform-origin: 0% 0%; /* IE 9 */
103 -webkit-transform: scale(.5); /* Chrome, Safari, Opera */
104 -webkit-transform-origin: 0% 0%; /* Chrome, Safari, Opera */
105 transform: scale(.5);
106 transform-origin: 0% 0%;
107 }
108 #txtb{
109 top: 473px;
110 }
111
112 #logo{
113 position: absolute;
114 left: 6px;
115 top: 3px;
116 width:182px;
117 height:auto;
118
119 }
120
121 #subscribe{
122
123 left: 24px;
124 bottom: 30px;
125
126 }
127
128 </style>
129
130 </head>
131
132 <body>
133 <div id="border">
134
135
136 <!--
137 Retargetting
138 1. Spoiled Dog
139 2. Thanksgiving
140 3. Christmas
141 4. Winter
142 5. Valentines Day
143 -->
144
145 <img class="box" id="box-spoileddog" src="assets/box-spoileddog.jpg" alt="box-spoileddog">
146 <img class="box" id="box-thanksgiving" src="assets/box-thanksgiving.jpg" alt="box-thanksgiving">
147 <img class="box" id="box-xmas" src="assets/box-xmas.jpg" alt="box-xmas">
148 <img class="box" id="box-winter" src="assets/box-winter.jpg" alt="box-winter">
149 <img class="box" id="box-valentines" src="assets/box-valentines.jpg" alt="box-valentines">
150 <!--
151 <img class="box" id="box-birthday" src="assets/box-birthday.jpg" alt="box-birthday">
152 <img class="box" id="box-advent" src="assets/box-advent.jpg" alt="box-advent">
153 -->
154
155
156 <img id="txta" src="assets/txta.png" alt="Remember: any second now your dog could do the unthinkably-cute.">
157 <img id="txtb" src="assets/txtb.png" alt="Be prepared with that Wufers Cookie Club subscription.">
158
159
160 <div id="logo"></div>
161 <img id="subscribe" src="assets/subscribe.svg" alt="txt" width="114" height="33">
162
163 <a id="click-tag" href="javascript:eyeBuild.doClick(0)"></a>
164 <!--<a id="click-tag" href="javascript:window.open(window.clickTag)"></a>-->
165
166
167 </div>
168
169 <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
170 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
171 <script>
172
173 $( document ).ready(function() {
174
175 /*
176 * embed external svg using ajax
177 */
178
179 var container = $("#logo");
180 var svgUrl = "assets/logo.svg";
181
182 $.get(svgUrl)
183 .then(injectSvg);
184
185 function injectSvg(xmlDoc) {
186 var svg = $(xmlDoc).find("svg");
187 container.append(svg);
188 animate();
189 }
190
191 /*
192 * animate
193 */
194
195 function animate(){
196
197 // animate the boxes
198
199 var tl = new TimelineMax({repeat:2});
200
201 var d = 1.25;
202 var box_arr = ["#box-thanksgiving", "#box-xmas", "#box-winter", "#box-valentines"];
203 for (var i = 0 in box_arr) {
204 tl.to(box_arr[i], 0.6, {opacity:1, ease:Power1.easeInOut, delay:d });
205 }
206 for (var i = 0 in box_arr) {
207 tl.to(box_arr[i], 0.6, {opacity:0, delay:0 });
208 }
209 /* console.log("boxes: " + tl.totalDuration()); */
210
211
212 // animate the logo
213
214 var eye_tl = new TimelineMax({repeat:3});
215
216 var winkTime = .3;
217 // close eye
218 eye_tl.to("#cheek", winkTime, {x:3, y:-1, delay:0 });
219 eye_tl.to("#eye-right-mask", winkTime, {scaleY:.001, transformOrigin:"50% 50%", delay:-winkTime });
220 eye_tl.to("#eye-right-lash", .1, {opacity:1, delay:0 });
221 eye_tl.to(["#e-small", "#e-large"], .1, {opacity:1, delay:0 });
222
223 var crumbTime = 1;
224 eye_tl.to("#e-large", crumbTime, {scale:3, x:11, y:-4, transformOrigin:"50% 50%", delay:0 });
225 eye_tl.to("#e-small", crumbTime, {scale:6, x:11, y:1, transformOrigin:"50% 50%", delay:-crumbTime });
226 eye_tl.to("#e-large", crumbTime/4, {scale:.001, opacity:0, transformOrigin:"50% 50%", delay:-crumbTime/2 });
227 eye_tl.to("#e-small", crumbTime/4, {scale:.001, opacity:0, transformOrigin:"50% 50%", delay:-crumbTime/2 });
228
229 // open eye
230 eye_tl.to("#eye-right-lash", .1, {opacity:0, delay:-winkTime*1.9 });
231 eye_tl.to("#cheek", winkTime, {x:0, y:0, delay:-winkTime*1.9 });
232 eye_tl.to("#eye-right-mask", winkTime, {scaleY:1, transformOrigin:"50% 50%", delay:-winkTime*2});
233 eye_tl.to("#eye-right-mask", winkTime, {scaleY:1, transformOrigin:"50% 50%", delay:5});
234
235 /* console.log("eye_right: " + eye_tl.totalDuration()); */
236
237
238 var tongue_tl = new TimelineMax();
239 var pantDuration = .3;
240 var pantTongueLength = .9;
241 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:9, delay:0 });
242 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:3, delay:1 });
243 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:33, delay:1 });
244 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:3, delay:1 });
245 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:13, delay:1 });
246 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:13, delay:1 });
247 /* console.log("tongue: " + tongue_tl.totalDuration()); */
248 };
249 });
250
251
252 </script>
253
254
255 </body>
256
257 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <?xml version="1.0" encoding="utf-8"?>
2 <!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 viewBox="0 0 162 83.2" style="enable-background:new 0 0 162 83.2;" xml:space="preserve">
6 <style type="text/css">
7 .st0{fill:#C88F50;}
8 .st1{fill:#E1C19C;}
9 .st2{fill:#FFFFFF;}
10 .st3{fill:#353F4A;}
11 .st4{clip-path:url(#clipPathId);}
12 .st5{fill:#F27658;}
13 #eye-right-lash, #e-large, #e-small{
14 opacity: 0;
15 }
16
17 </style>
18 <g id="face">
19 <g>
20 <path class="st0" d="M25.1,60.2c0-6.6,4.4-12.2,10.4-14c1.4-3.2,1.7-7.4,1.5-10.7c0,0-0.3-6.1-0.4-8.9c-1.1,0.1-2.2,0.3-3.3,0.5
21 c0,0,0-0.1,0-0.1c-0.7-1.5-2.1-4.3-3.2-6.1c-1.7-2.9-3.3-5.1-5.1-6.7c-1.4-1.3-2.8-1.9-4.2-1.7c-1.6,0.2-2.7,0.8-3.3,1.8
22 c-0.6,1-1,2-1.1,3.1c-0.1,0.5-0.2,1-0.2,1.5c0,0.2,0,0.4,0,0.7c0,0.5-0.1,1-0.1,1.5c-0.1,2-0.1,3.5,0.1,4.9
23 c0.1,0.7,0.3,1.3,0.4,1.9c0.2,0.9,0.4,1.7,0.5,2.5c0,0.3-0.1,0.8-0.3,1.2c-0.1,0.3-0.2,0.7-0.3,1c-0.2,0.9-0.1,1.7,0.1,2.4
24 c0.4,1.2,1.2,2.2,1.9,3.2c0.1,0.2,0.3,0.4,0.4,0.6c0.5,0.7,0.9,1.3,1.1,1.8c0.3,0.8,0.3,1.8,0.3,2.8c0,0.2,0,0.4,0,0.6
25 c0,0.7-0.2,1.6-0.4,2.5c-0.3,1.3-0.6,2.7-0.5,3.9c0.3,2.2,2.2,6.7,2.8,7.7c0.8,1.3,1.9,2.2,3.1,2.8C25.1,60.7,25.1,60.5,25.1,60.2
26 z"/>
27 <path class="st0" d="M63.1,25.9c0.1-0.7,0.2-1.5,0.2-2.4c-0.1,0-0.2,0-0.3,0c-0.7,0-1.3-0.4-1.6-1c-0.2,0.1-0.5,0.1-0.8,0.1
28 c-1.4,0-2.5-1.1-2.5-2.5c0,0-0.1,0-0.1,0c-1.6,0-3-1.3-3-3c0-1,0.5-1.8,1.2-2.4c-0.4-0.5-0.6-1.1-0.6-1.8c-0.5,0.3-1,0.6-1.4,1.1
29 c-1.8,1.7-3.4,3.8-5.1,6.7c-1.1,1.9-2.5,4.7-3.2,6.1c0,0,0,0.1,0,0.1c-1-0.2-1.9-0.3-2.8-0.4c-0.2,2.8-0.4,8.8-0.4,8.8
30 c-0.2,3.3,0.1,7.5,1.5,10.7c6,1.8,10.4,7.4,10.4,14c0,0.2,0,0.4,0,0.6c1.3-0.8,2.1-1.8,2.6-2.7c0.7-1.1,2.5-5.5,2.8-7.7
31 c0.2-1.1-0.2-2.5-0.5-3.9c-0.2-1-0.4-1.9-0.4-2.5c0-0.2,0-0.4,0-0.6c0-1,0-2,0.3-2.8c0.2-0.5,0.5-1.1,1.1-1.8
32 c0.1-0.2,0.3-0.4,0.4-0.6c0.7-1,1.5-2,1.9-3.2c0.3-0.8,0.3-1.5,0.1-2.4c-0.1-0.3-0.2-0.7-0.3-1c-0.1-0.4-0.3-0.9-0.3-1.2
33 c0-0.8,0.2-1.6,0.5-2.5C62.8,27.2,63,26.6,63.1,25.9z"/>
34 </g>
35 <path class="st1" d="M23.8,17.7c-1.3-1.5-3.5-1.9-4.4,0.4c-0.7,1.9-0.6,4.1-0.6,6.1c0,2.3,1.5,3.9,1.8,6.2
36 c-0.5,3.5-0.2,5.1,2.2,6.1c2.3-3.7,6.6-4.3,6.9-7.2C30,26.7,25.3,19.3,23.8,17.7z"/>
37 <path class="st1" d="M60.2,22.7c-1.2-0.2-2-1.2-2-2.5c0,0-0.1,0-0.1,0c-1.5,0-2.7-1.1-2.9-2.5c-1.6,1.8-6.1,9-5.9,11.5
38 c0.3,2.9,4.6,3.5,6.9,7.2c2.4-1,2.7-2.6,2.2-6.1c0.3-2.3,1.7-3.9,1.8-6.2C60.2,23.6,60.2,23.2,60.2,22.7z"/>
39 <g id="face_x5F_crumbs">
40 <circle id="f-large" class="st0" cx="59.5" cy="12.8" r="2"/>
41 <circle id="f-small" class="st0" cx="61.2" cy="17.3" r="1.3"/>
42 </g>
43 </g>
44 <g id="eyes">
45 <path id="eye-left-white" class="st2" d="M31.9,42.7c0,2-1.6,3.6-3.6,3.6c-2,0-3.6-1.6-3.6-3.6c0-2,1.6-3.6,3.6-3.6
46 C30.3,39.1,31.9,40.7,31.9,42.7z"/>
47 <path id="eye-left-pupil" class="st3" d="M30.4,41.6c0,0,0,0.1,0,0.1c0,0.5-0.4,0.8-0.8,0.8c-0.5,0-0.8-0.4-0.8-0.8
48 c0-0.3,0.1-0.5,0.3-0.7c-0.1,0-0.2,0-0.3,0c-1.4,0-2.6,1.1-2.6,2.6c0,1.4,1.1,2.6,2.6,2.6c1.4,0,2.6-1.1,2.6-2.6
49 C31.4,42.8,31,42.1,30.4,41.6z"/>
50 <g id="eye-right-group">
51 <defs>
52 <path id="eye-right-mask" d="M54.8,42.7c0,2-1.6,3.6-3.6,3.6c-2,0-3.6-1.6-3.6-3.6c0-2,1.6-3.6,3.6-3.6
53 C53.2,39.1,54.8,40.7,54.8,42.7z"/>
54 <clipPath id="clipPathId">
55 <use xlink:href="#eye-right-mask" style="overflow:visible;"/>
56 </clipPath>
57 </defs>
58 <g id="eye-right" class="st4">
59 <use xlink:href="#eye-right-mask" style="overflow:visible;"/>
60
61 <path id="eye-right-white" class="st2" d="M54.8,42.7c0,2-1.6,3.6-3.6,3.6c-2,0-3.6-1.6-3.6-3.6c0-2,1.6-3.6,3.6-3.6
62 C53.2,39.1,54.8,40.7,54.8,42.7z"/>
63 <path id="eye-right-pupil" class="st3" d="M52.3,41.6c0,0,0,0.1,0,0.1c0,0.5-0.4,0.8-0.8,0.8c-0.5,0-0.8-0.4-0.8-0.8
64 c0-0.3,0.1-0.5,0.3-0.7c-0.1,0-0.2,0-0.3,0c-1.4,0-2.6,1.1-2.6,2.6c0,1.4,1.1,2.6,2.6,2.6c1.4,0,2.6-1.1,2.6-2.6
65 C53.3,42.8,52.9,42.1,52.3,41.6z"/>
66 </g>
67 <circle id="e-large" class="st3" cx="54" cy="42" r="0.6"/>
68 <circle id="e-small" class="st3" cx="54" cy="42" r="0.2"/>
69 <path id="eye-right-lash" class="st3" d="M48.1,43.6c-0.1,0-0.3,0-0.4-0.1c-0.3-0.2-0.5-0.7-0.2-1c0.8-1.3,2.2-2,3.7-2
70 c1.5,0,2.9,0.8,3.7,2c0.2,0.4,0.1,0.8-0.2,1c-0.4,0.2-0.8,0.1-1-0.2c-0.5-0.8-1.4-1.3-2.4-1.3s-1.9,0.5-2.4,1.3
71 C48.6,43.5,48.4,43.6,48.1,43.6z"/>
72 </g>
73 </g>
74 <g id="tongue">
75 <circle id="cheek" class="st2" cx="39.8" cy="59.8" r="14.5"/>
76 <path id="normal" class="st5" d="M39.8,57.5c0,2.7-2.2,4.9-4.9,4.9h0v0.5c0,2.7,2.2,4.9,4.9,4.9c2.7,0,4.9-2.2,4.9-4.9v-0.5
77 C42,62.4,39.8,60.2,39.8,57.5z"/>
78 <path id="pant" class="st5" d="M34.8,62.4l0,2.9v0.5c0,2.7,2.2,4.9,4.9,4.9c2.7,0,4.9-2.2,4.9-4.9v-3.4H34.8z"/>
79 <g id="nose">
80 <circle class="st3" cx="39.8" cy="52.4" r="3.2"/>
81 </g>
82 </g>
83 <g id="logo">
84 <g id="cookieclub">
85 <path class="st3" d="M80.5,54.3c0.4,0.2,0.6,0.5,0.6,0.8c0,0.2,0,0.3-0.1,0.4c-0.1,0.1-0.2,0.2-0.4,0.2c-0.1,0-0.2,0-0.3-0.1
86 c-0.1,0-0.1-0.1-0.2-0.1c-0.1-0.1-0.1-0.1-0.2-0.1c-0.1,0-0.2-0.1-0.3-0.1c-0.1,0-0.3,0-0.4,0c-0.6,0-1,0.2-1.3,0.5
87 c-0.3,0.4-0.5,0.8-0.5,1.4c0,0.5,0.2,1,0.5,1.4c0.3,0.4,0.7,0.5,1.2,0.5c0.4,0,0.6,0,0.8-0.1c0,0,0.1-0.1,0.2-0.1
88 c0.1-0.1,0.2-0.1,0.2-0.1c0.1,0,0.2,0,0.2,0c0.2,0,0.3,0.1,0.4,0.2c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2-0.1,0.4-0.3,0.5
89 c-0.2,0.2-0.5,0.3-0.8,0.4c-0.3,0.1-0.7,0.1-1.1,0.1c-0.6,0-1.1-0.1-1.5-0.4c-0.4-0.3-0.8-0.6-1-1.1c-0.2-0.5-0.4-1-0.4-1.6
90 c0-0.6,0.1-1.2,0.4-1.6c0.3-0.5,0.6-0.8,1.1-1.1c0.5-0.3,1-0.4,1.5-0.4C79.6,54,80.1,54.1,80.5,54.3z"/>
91 <path class="st3" d="M88,58.8c-0.3,0.5-0.6,0.9-1.1,1.1c-0.5,0.3-1,0.4-1.6,0.4c-0.6,0-1.1-0.1-1.6-0.4c-0.5-0.3-0.8-0.6-1.1-1.1
92 c-0.3-0.5-0.4-1-0.4-1.6c0-0.6,0.1-1.1,0.4-1.6c0.3-0.5,0.6-0.9,1.1-1.1c0.5-0.3,1-0.4,1.6-0.4c0.6,0,1.1,0.1,1.6,0.4
93 c0.5,0.3,0.8,0.6,1.1,1.1c0.3,0.5,0.4,1,0.4,1.6C88.4,57.8,88.2,58.3,88,58.8z M86.8,56.2c-0.2-0.3-0.4-0.5-0.6-0.7
94 c-0.3-0.2-0.5-0.2-0.9-0.2c-0.3,0-0.6,0.1-0.9,0.2c-0.3,0.2-0.5,0.4-0.6,0.7c-0.2,0.3-0.2,0.6-0.2,1c0,0.4,0.1,0.7,0.2,1
95 c0.2,0.3,0.4,0.5,0.6,0.7c0.3,0.2,0.5,0.2,0.9,0.2c0.3,0,0.6-0.1,0.9-0.2c0.3-0.2,0.5-0.4,0.6-0.7c0.2-0.3,0.2-0.6,0.2-1
96 C87,56.8,86.9,56.5,86.8,56.2z"/>
97 <path class="st3" d="M95.4,58.8c-0.3,0.5-0.6,0.9-1.1,1.1c-0.5,0.3-1,0.4-1.6,0.4c-0.6,0-1.1-0.1-1.6-0.4
98 c-0.5-0.3-0.8-0.6-1.1-1.1c-0.3-0.5-0.4-1-0.4-1.6c0-0.6,0.1-1.1,0.4-1.6c0.3-0.5,0.6-0.9,1.1-1.1c0.5-0.3,1-0.4,1.6-0.4
99 c0.6,0,1.1,0.1,1.6,0.4c0.5,0.3,0.8,0.6,1.1,1.1c0.3,0.5,0.4,1,0.4,1.6C95.8,57.8,95.6,58.3,95.4,58.8z M94.2,56.2
100 c-0.2-0.3-0.4-0.5-0.6-0.7s-0.5-0.2-0.9-0.2c-0.3,0-0.6,0.1-0.9,0.2c-0.3,0.2-0.5,0.4-0.6,0.7c-0.2,0.3-0.2,0.6-0.2,1
101 c0,0.4,0.1,0.7,0.2,1c0.2,0.3,0.4,0.5,0.6,0.7c0.3,0.2,0.5,0.2,0.9,0.2c0.3,0,0.6-0.1,0.9-0.2c0.3-0.2,0.5-0.4,0.6-0.7
102 c0.2-0.3,0.2-0.6,0.2-1C94.4,56.8,94.3,56.5,94.2,56.2z"/>
103 <path class="st3" d="M102.6,59.5c0,0.2-0.1,0.3-0.2,0.5c-0.1,0.1-0.3,0.2-0.5,0.2c-0.2,0-0.4-0.1-0.5-0.2l-2-2.2l-0.6,0.5v1.2
104 c0,0.2-0.1,0.4-0.2,0.5c-0.1,0.1-0.3,0.2-0.5,0.2c-0.2,0-0.4-0.1-0.5-0.2c-0.1-0.1-0.2-0.3-0.2-0.5v-7c0-0.2,0.1-0.4,0.2-0.5
105 s0.3-0.2,0.5-0.2c0.2,0,0.4,0.1,0.5,0.2s0.2,0.3,0.2,0.5v4.2l2.4-2.3c0.1-0.1,0.3-0.2,0.5-0.2c0.2,0,0.3,0.1,0.4,0.2
106 c0.1,0.1,0.2,0.3,0.2,0.4c0,0.2-0.1,0.4-0.3,0.5l-1.7,1.6l2,2.2C102.5,59.1,102.6,59.3,102.6,59.5z"/>
107 <path class="st3" d="M104.1,53.3c-0.1-0.1-0.2-0.2-0.2-0.4v-0.2c0-0.2,0.1-0.4,0.2-0.4c0.1-0.1,0.3-0.1,0.5-0.1
108 c0.3,0,0.4,0,0.6,0.1s0.2,0.2,0.2,0.4v0.2c0,0.2-0.1,0.4-0.2,0.4c-0.1,0.1-0.3,0.1-0.6,0.1C104.4,53.4,104.2,53.3,104.1,53.3z
109 M105.1,60c-0.1,0.1-0.3,0.2-0.5,0.2s-0.4-0.1-0.5-0.2c-0.1-0.1-0.2-0.3-0.2-0.5v-4.7c0-0.2,0.1-0.4,0.2-0.5
110 c0.1-0.1,0.3-0.2,0.5-0.2s0.4,0.1,0.5,0.2c0.1,0.1,0.2,0.3,0.2,0.5v4.7C105.3,59.7,105.3,59.9,105.1,60z"/>
111 <path class="st3" d="M112.4,57.5c-0.1,0.1-0.3,0.2-0.5,0.2h-3.7c0.1,0.4,0.3,0.8,0.6,1c0.3,0.3,0.7,0.4,1.1,0.4
112 c0.3,0,0.6,0,0.7-0.1c0.2-0.1,0.3-0.1,0.4-0.2c0.1-0.1,0.2-0.1,0.2-0.1c0.1-0.1,0.3-0.1,0.4-0.1c0.2,0,0.3,0.1,0.4,0.2
113 c0.1,0.1,0.2,0.2,0.2,0.4c0,0.2-0.1,0.4-0.3,0.6c-0.2,0.2-0.5,0.3-0.9,0.4c-0.4,0.1-0.7,0.2-1.1,0.2c-0.6,0-1.2-0.1-1.7-0.4
114 c-0.5-0.3-0.8-0.6-1.1-1.1c-0.3-0.5-0.4-1-0.4-1.6c0-0.6,0.1-1.2,0.4-1.7c0.3-0.5,0.6-0.9,1.1-1.1c0.4-0.3,0.9-0.4,1.4-0.4
115 c0.5,0,1,0.1,1.4,0.4c0.4,0.3,0.8,0.6,1.1,1.1c0.3,0.5,0.4,1,0.4,1.5C112.6,57.2,112.6,57.3,112.4,57.5z M108.2,56.5h3v-0.1
116 c0-0.3-0.2-0.6-0.5-0.8c-0.3-0.2-0.6-0.3-1-0.3C108.9,55.3,108.4,55.7,108.2,56.5z"/>
117 <path class="st3" d="M121.3,54.3c0.4,0.2,0.6,0.5,0.6,0.8c0,0.2,0,0.3-0.1,0.4c-0.1,0.1-0.2,0.2-0.4,0.2c-0.1,0-0.2,0-0.3-0.1
118 c-0.1,0-0.1-0.1-0.2-0.1c-0.1-0.1-0.1-0.1-0.2-0.1c-0.1,0-0.2-0.1-0.3-0.1c-0.1,0-0.3,0-0.4,0c-0.6,0-1,0.2-1.3,0.5
119 c-0.3,0.4-0.5,0.8-0.5,1.4c0,0.5,0.2,1,0.5,1.4c0.3,0.4,0.7,0.5,1.2,0.5c0.4,0,0.6,0,0.8-0.1c0,0,0.1-0.1,0.2-0.1
120 c0.1-0.1,0.2-0.1,0.2-0.1c0.1,0,0.2,0,0.2,0c0.2,0,0.3,0.1,0.4,0.2c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2-0.1,0.4-0.3,0.5
121 c-0.2,0.2-0.5,0.3-0.8,0.4c-0.3,0.1-0.7,0.1-1.1,0.1c-0.6,0-1.1-0.1-1.5-0.4c-0.4-0.3-0.8-0.6-1-1.1c-0.2-0.5-0.4-1-0.4-1.6
122 c0-0.6,0.1-1.2,0.4-1.6c0.3-0.5,0.6-0.8,1.1-1.1c0.5-0.3,1-0.4,1.5-0.4C120.3,54,120.9,54.1,121.3,54.3z"/>
123 <path class="st3" d="M124.6,60c-0.1,0.1-0.3,0.2-0.5,0.2c-0.2,0-0.3-0.1-0.5-0.2c-0.1-0.1-0.2-0.3-0.2-0.5v-7
124 c0-0.2,0.1-0.4,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2c0.2,0,0.3,0.1,0.5,0.2s0.2,0.3,0.2,0.5v7C124.8,59.7,124.7,59.9,124.6,60z"/>
125 <path class="st3" d="M131.7,54.3c0.1,0.1,0.2,0.3,0.2,0.5v2.9c0,0.8-0.2,1.5-0.7,1.9c-0.4,0.5-1.1,0.7-1.9,0.7
126 c-0.8,0-1.5-0.2-1.9-0.7c-0.4-0.5-0.7-1.1-0.7-1.9v-2.9c0-0.2,0.1-0.4,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2c0.2,0,0.4,0.1,0.5,0.2
127 c0.1,0.1,0.2,0.3,0.2,0.5v2.9c0,0.5,0.1,0.8,0.3,1c0.2,0.2,0.5,0.3,0.9,0.3c0.4,0,0.7-0.1,0.9-0.3c0.2-0.2,0.3-0.6,0.3-1v-2.9
128 c0-0.2,0.1-0.4,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2S131.6,54.2,131.7,54.3z"/>
129 <path class="st3" d="M138.4,54.4c0.4,0.3,0.8,0.6,1,1.1s0.4,1,0.4,1.6s-0.1,1.1-0.4,1.6c-0.2,0.5-0.6,0.9-1,1.1
130 c-0.4,0.3-0.9,0.4-1.4,0.4c-0.4,0-0.7-0.1-1-0.2s-0.6-0.3-0.8-0.5v0.1c0,0.2-0.1,0.4-0.2,0.5c-0.1,0.1-0.3,0.2-0.5,0.2
131 c-0.2,0-0.4-0.1-0.5-0.2c-0.1-0.1-0.2-0.3-0.2-0.5v-7.1c0-0.2,0.1-0.4,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2c0.2,0,0.4,0.1,0.5,0.2
132 c0.1,0.1,0.2,0.3,0.2,0.5v2.4c0.2-0.2,0.4-0.4,0.8-0.6c0.3-0.2,0.7-0.3,1-0.3C137.5,54,138,54.1,138.4,54.4z M138,58.5
133 c0.3-0.4,0.5-0.8,0.5-1.4c0-0.5-0.2-1-0.5-1.4c-0.3-0.4-0.7-0.5-1.2-0.5c-0.5,0-0.9,0.2-1.2,0.5c-0.3,0.4-0.5,0.8-0.5,1.4
134 c0,0.5,0.2,1,0.5,1.4c0.3,0.4,0.7,0.5,1.2,0.5C137.3,59.1,137.7,58.9,138,58.5z"/>
135 </g>
136 <g id="wufers">
137 <path class="st3" d="M98.9,35c0.3,0.3,0.4,0.6,0.4,1v6.1c0,1.7-0.5,3.1-1.4,4.1c-1,1-2.3,1.5-4.1,1.5c-1.8,0-3.1-0.5-4.1-1.5
138 c-0.9-1-1.4-2.3-1.4-4.1V36c0-0.4,0.1-0.8,0.4-1c0.3-0.3,0.6-0.4,1-0.4c0.4,0,0.8,0.1,1,0.4c0.3,0.3,0.4,0.6,0.4,1v6.1
139 c0,1,0.2,1.7,0.7,2.2c0.4,0.5,1.1,0.7,2,0.7c0.9,0,1.5-0.2,2-0.7c0.4-0.5,0.7-1.2,0.7-2.2V36c0-0.4,0.1-0.8,0.4-1
140 c0.3-0.3,0.6-0.4,1-0.4C98.3,34.6,98.6,34.7,98.9,35z"/>
141 <path class="st3" d="M107.6,32.6c-0.2,0.3-0.3,0.7-0.3,1v1.1h2.2c0.4,0,0.7,0.1,1,0.4c0.3,0.2,0.4,0.6,0.4,1c0,0.4-0.1,0.7-0.4,1
142 s-0.6,0.4-1,0.4h-2.2V46c0,0.4-0.1,0.8-0.4,1c-0.3,0.3-0.6,0.4-1,0.4c-0.4,0-0.8-0.1-1-0.4c-0.3-0.3-0.4-0.6-0.4-1v-8.5h-1.3
143 c-0.4,0-0.7-0.1-1-0.4c-0.3-0.2-0.4-0.6-0.4-1c0-0.4,0.1-0.7,0.4-1c0.3-0.2,0.6-0.4,1-0.4h1.3v-1.1c0-1.2,0.4-2.2,1.2-2.9
144 s2-1.1,3.6-1.1c0.6,0,1.1,0.1,1.6,0.4c0.4,0.2,0.7,0.6,0.7,1.1c0,0.4-0.1,0.7-0.3,0.9c-0.2,0.2-0.5,0.4-0.8,0.4
145 c-0.1,0-0.2,0-0.3,0c-0.1,0-0.2,0-0.3,0c-0.4-0.1-0.7-0.1-1-0.1C108.2,32.2,107.8,32.3,107.6,32.6z"/>
146 <path class="st3" d="M123.9,41.6c-0.3,0.2-0.6,0.4-1,0.4h-8c0.2,0.9,0.6,1.7,1.3,2.2c0.7,0.5,1.5,0.8,2.3,0.8
147 c0.7,0,1.2-0.1,1.5-0.2s0.7-0.2,0.9-0.4c0.2-0.1,0.4-0.2,0.4-0.3c0.3-0.1,0.6-0.2,0.8-0.2c0.3,0,0.6,0.1,0.9,0.4
148 c0.2,0.2,0.4,0.5,0.4,0.8c0,0.4-0.2,0.8-0.7,1.2c-0.4,0.4-1.1,0.7-1.8,0.9c-0.8,0.3-1.5,0.4-2.3,0.4c-1.3,0-2.5-0.3-3.5-0.8
149 c-1-0.6-1.8-1.3-2.3-2.3c-0.5-1-0.8-2.1-0.8-3.3c0-1.4,0.3-2.6,0.9-3.6c0.6-1,1.3-1.8,2.3-2.4c0.9-0.6,2-0.8,3-0.8
150 c1.1,0,2.1,0.3,3,0.9c0.9,0.6,1.7,1.4,2.3,2.3c0.6,1,0.8,2,0.8,3.2C124.3,41.1,124.2,41.4,123.9,41.6z M114.9,39.6h6.3v-0.2
151 c-0.1-0.7-0.4-1.3-1-1.7c-0.6-0.5-1.3-0.7-2-0.7C116.4,37,115.3,37.8,114.9,39.6z"/>
152 <path class="st3" d="M135,34.7c0.3,0.3,0.5,0.6,0.5,1c0,0.5-0.1,0.9-0.4,1.1c-0.3,0.2-0.6,0.4-0.9,0.4c-0.2,0-0.5-0.1-0.8-0.2
153 c0,0-0.2,0-0.3-0.1c-0.2,0-0.3-0.1-0.5-0.1c-0.4,0-0.8,0.1-1.2,0.4c-0.4,0.3-0.7,0.6-1,1.2c-0.2,0.5-0.4,1.1-0.4,1.9V46
154 c0,0.4-0.1,0.8-0.4,1c-0.3,0.3-0.6,0.4-1,0.4c-0.4,0-0.8-0.1-1-0.4c-0.3-0.3-0.4-0.6-0.4-1V36c0-0.4,0.1-0.8,0.4-1
155 c0.3-0.3,0.6-0.4,1-0.4c0.4,0,0.8,0.1,1,0.4c0.3,0.3,0.4,0.6,0.4,1v0.3c0.4-0.7,0.9-1.2,1.6-1.5c0.7-0.3,1.4-0.5,2.2-0.5
156 C134.3,34.3,134.7,34.5,135,34.7z"/>
157 <path class="st3" d="M136.6,44.7c0-0.4,0.2-0.8,0.6-1.1c0.2-0.1,0.5-0.2,0.7-0.2c0.3,0,0.7,0.2,1,0.5c0.5,0.5,1,0.9,1.5,1.1
158 c0.5,0.2,1.2,0.4,1.9,0.4c1.3,0,1.9-0.5,1.9-1.4c0-0.5-0.2-0.8-0.6-1.1c-0.4-0.2-1.1-0.5-2-0.7c-0.9-0.3-1.7-0.5-2.3-0.8
159 c-0.6-0.3-1.1-0.6-1.5-1.2s-0.6-1.2-0.6-2.1c0-0.8,0.2-1.4,0.7-2c0.4-0.6,1-1,1.7-1.3c0.7-0.3,1.5-0.5,2.3-0.5
160 c0.8,0,1.6,0.2,2.5,0.5c0.8,0.3,1.5,0.8,1.9,1.3c0.2,0.3,0.3,0.5,0.3,0.9c0,0.4-0.2,0.7-0.5,0.9c-0.2,0.2-0.5,0.3-0.8,0.3
161 c-0.4,0-0.6-0.1-0.9-0.3c-0.3-0.4-0.7-0.6-1.1-0.8c-0.5-0.2-1-0.3-1.6-0.3c-1.2,0-1.8,0.4-1.8,1.3c0,0.4,0.1,0.6,0.3,0.9
162 c0.2,0.2,0.5,0.4,0.9,0.5c0.3,0.1,0.8,0.3,1.5,0.4c0.9,0.2,1.6,0.5,2.2,0.7c0.6,0.3,1.1,0.7,1.5,1.2c0.4,0.5,0.6,1.2,0.6,2.1
163 c0,0.8-0.2,1.5-0.7,2.1c-0.5,0.6-1.1,1-1.8,1.3c-0.7,0.3-1.5,0.5-2.3,0.5c-1.1,0-2-0.2-3-0.5s-1.7-0.9-2.2-1.7
164 C136.7,45.3,136.6,45,136.6,44.7z"/>
165 <path class="st3" d="M83.3,34.5L83.3,34.5c-0.8,0-1.4,0.7-1.4,1.5c0,1.2,0,4.3,0,5.8c0,1.7-1.1,3.1-2.3,3.1
166 c-0.5,0-1.2-0.2-1.6-0.7c-0.4-0.4-0.6-1.1-0.6-1.6v-4.2c0-0.8-0.3-1.4-1.1-1.4c-0.9-0.1-1.4,0.5-1.4,1.4v4.3
167 c0,0.7-0.3,1.3-0.8,1.8c-0.3,0.4-1,0.5-1.4,0.5c-1.3,0-2.3-1.4-2.3-3.1c0-2.7,0-5.8,0-5.8c0-0.8-0.6-1.5-1.4-1.5c0,0,0,0,0,0
168 c-0.8,0-1.4,0.6-1.5,1.4c0,0,0,3.1,0,5.8c0,3.4,2.3,6,5.2,6c1.5,0,2.5-0.9,3.4-1.9c0.9,1,1.8,1.9,3.4,1.9c2.8,0,5.2-2.7,5.2-6
169 c0-1.4,0-4.6,0-5.8C84.8,35.1,84.1,34.5,83.3,34.5z"/>
170 </g>
171 <g id="logo-crumbs">
172 <circle id="u_x5F_large" class="st3" cx="91.8" cy="29.5" r="2.3"/>
173 <circle id="u_x5F_small" class="st3" cx="96.6" cy="31.6" r="1.5"/>
174 </g>
175 </g>
176 </svg>
177
178
1 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 114.01 32.5">
2 <defs>
3 <style>
4 .cls-1 {
5 fill: #ff7049;
6 }
7
8 .cls-2 {
9 fill: #fff;
10 }
11 </style>
12 </defs>
13 <title>subscribe</title>
14 <g id="Layer_2" data-name="Layer 2">
15 <g id="Layer_1-2" data-name="Layer 1">
16 <g>
17 <rect class="cls-1" width="114.01" height="32.5"/>
18 <g>
19 <path class="cls-2" d="M16.33,20.61a3.77,3.77,0,0,1-1.42-.79.6.6,0,0,1-.2-.46.48.48,0,0,1,.1-.31.33.33,0,0,1,.25-.14.66.66,0,0,1,.36.14,4.37,4.37,0,0,0,2.76.94,2.89,2.89,0,0,0,1.72-.43,1.41,1.41,0,0,0,.6-1.22,1,1,0,0,0-.29-.74,2.22,2.22,0,0,0-.76-.45,11.41,11.41,0,0,0-1.26-.35,10.57,10.57,0,0,1-1.74-.52,2.66,2.66,0,0,1-1.11-.78,2,2,0,0,1-.42-1.32,2.4,2.4,0,0,1,.42-1.39,2.76,2.76,0,0,1,1.18-.93,4.35,4.35,0,0,1,1.74-.33,4.87,4.87,0,0,1,1.69.28,3.59,3.59,0,0,1,1.33.79.66.66,0,0,1,.2.46.51.51,0,0,1-.1.32.3.3,0,0,1-.25.13.77.77,0,0,1-.38-.14,4.21,4.21,0,0,0-1.18-.73,3.65,3.65,0,0,0-1.31-.2,2.75,2.75,0,0,0-1.68.44,1.48,1.48,0,0,0-.6,1.26,1.15,1.15,0,0,0,.53,1,5.44,5.44,0,0,0,1.62.61c.79.19,1.41.36,1.86.52a2.78,2.78,0,0,1,1.12.72,1.83,1.83,0,0,1,.45,1.29,2.26,2.26,0,0,1-.42,1.35,2.7,2.7,0,0,1-1.19.91,4.42,4.42,0,0,1-1.76.33A6,6,0,0,1,16.33,20.61Z"/>
20 <path class="cls-2" d="M25.45,20a3.74,3.74,0,0,1-.93-2.75v-5.1a.55.55,0,0,1,.15-.4.5.5,0,0,1,.39-.15.48.48,0,0,1,.37.15.55.55,0,0,1,.15.4V17.3a2.81,2.81,0,0,0,.65,2,2.59,2.59,0,0,0,1.93.68,2.56,2.56,0,0,0,1.93-.68,2.81,2.81,0,0,0,.65-2V12.11a.55.55,0,0,1,.15-.4.52.52,0,0,1,.38-.15.5.5,0,0,1,.39.15.54.54,0,0,1,.14.4v5.1A3.73,3.73,0,0,1,30.87,20a3.65,3.65,0,0,1-2.71.94A3.61,3.61,0,0,1,25.45,20Z"/>
21 <path class="cls-2" d="M41.73,16.87a2.3,2.3,0,0,1,.44,1.43,2.25,2.25,0,0,1-.8,1.85,3.49,3.49,0,0,1-2.25.64H35.85a.53.53,0,0,1-.4-.14.49.49,0,0,1-.15-.38V12.15a.5.5,0,0,1,.15-.38.57.57,0,0,1,.4-.14H39a3.47,3.47,0,0,1,2.2.62A2.15,2.15,0,0,1,42,14a2.11,2.11,0,0,1-.39,1.28,2.3,2.3,0,0,1-1.07.79A2.19,2.19,0,0,1,41.73,16.87ZM36.36,15.7h2.47a2.45,2.45,0,0,0,1.55-.42,1.44,1.44,0,0,0,.53-1.21c0-1-.7-1.56-2.08-1.56H36.36Zm4.25,3.81a1.46,1.46,0,0,0,.52-1.24c0-1.12-.71-1.69-2.11-1.69H36.36v3.33H39A2.55,2.55,0,0,0,40.61,19.51Z"/>
22 <path class="cls-2" d="M46.42,20.61A3.85,3.85,0,0,1,45,19.82a.6.6,0,0,1-.2-.46.49.49,0,0,1,.11-.31.31.31,0,0,1,.25-.14.66.66,0,0,1,.36.14,4.35,4.35,0,0,0,2.76.94A2.88,2.88,0,0,0,50,19.56a1.41,1.41,0,0,0,.6-1.22,1,1,0,0,0-.29-.74,2.27,2.27,0,0,0-.75-.45,11.41,11.41,0,0,0-1.26-.35,11,11,0,0,1-1.75-.52,2.63,2.63,0,0,1-1.1-.78A1.94,1.94,0,0,1,45,14.18a2.34,2.34,0,0,1,.43-1.39,2.7,2.7,0,0,1,1.18-.93,4.27,4.27,0,0,1,1.73-.33,4.93,4.93,0,0,1,1.7.28,3.63,3.63,0,0,1,1.32.79.63.63,0,0,1,.21.46.52.52,0,0,1-.11.32.3.3,0,0,1-.24.13.74.74,0,0,1-.38-.14,4.52,4.52,0,0,0-1.18-.73,3.7,3.7,0,0,0-1.32-.2,2.72,2.72,0,0,0-1.67.44,1.48,1.48,0,0,0-.6,1.26,1.13,1.13,0,0,0,.53,1,5.48,5.48,0,0,0,1.61.61c.79.19,1.41.36,1.86.52a2.82,2.82,0,0,1,1.13.72,1.83,1.83,0,0,1,.45,1.29,2.26,2.26,0,0,1-.43,1.35,2.7,2.7,0,0,1-1.19.91,4.37,4.37,0,0,1-1.75.33A6.14,6.14,0,0,1,46.42,20.61Z"/>
23 <path class="cls-2" d="M56.32,20.33a3.71,3.71,0,0,1-1.46-1.62,5.72,5.72,0,0,1-.51-2.5,5.65,5.65,0,0,1,.51-2.49,3.74,3.74,0,0,1,1.46-1.63,4.27,4.27,0,0,1,2.25-.56,4.77,4.77,0,0,1,1.65.28,4,4,0,0,1,1.34.79.62.62,0,0,1,.21.46.51.51,0,0,1-.1.32.31.31,0,0,1-.25.13.71.71,0,0,1-.38-.14,4.75,4.75,0,0,0-1.2-.73,3.4,3.4,0,0,0-1.24-.2,2.82,2.82,0,0,0-2.32,1,4.26,4.26,0,0,0-.82,2.79,4.31,4.31,0,0,0,.82,2.8,2.84,2.84,0,0,0,2.32,1,3.37,3.37,0,0,0,1.23-.21A4.62,4.62,0,0,0,61,19.05a.81.81,0,0,1,.38-.14.31.31,0,0,1,.25.13.49.49,0,0,1,.1.32.6.6,0,0,1-.21.46,4,4,0,0,1-1.34.8,4.77,4.77,0,0,1-1.65.28A4.27,4.27,0,0,1,56.32,20.33Z"/>
24 <path class="cls-2" d="M71.87,20.43a.39.39,0,0,1-.15.32.52.52,0,0,1-.34.12.52.52,0,0,1-.47-.26l-1.74-2.75a2.11,2.11,0,0,0-.71-.74,2.07,2.07,0,0,0-1-.2H65.84v3.39a.57.57,0,0,1-.14.4.52.52,0,0,1-.38.15.5.5,0,0,1-.39-.15.53.53,0,0,1-.14-.4V12.15a.5.5,0,0,1,.14-.38.59.59,0,0,1,.4-.14h3.23a3.48,3.48,0,0,1,2.28.66,2.41,2.41,0,0,1,.78,2A2.45,2.45,0,0,1,71,16a2.85,2.85,0,0,1-1.8.8,1.75,1.75,0,0,1,.59.34,3.42,3.42,0,0,1,.52.65l1.48,2.34A.58.58,0,0,1,71.87,20.43ZM68.46,16a2.42,2.42,0,0,0,1.6-.45,1.63,1.63,0,0,0,.52-1.33,1.61,1.61,0,0,0-.52-1.32,2.51,2.51,0,0,0-1.6-.43H65.84V16Z"/>
25 <path class="cls-2" d="M75.15,20.71a.54.54,0,0,1-.15-.4v-8.2a.55.55,0,0,1,.15-.4.5.5,0,0,1,.39-.15.53.53,0,0,1,.39.15.59.59,0,0,1,.14.4v8.2a.57.57,0,0,1-.14.4.53.53,0,0,1-.39.15A.5.5,0,0,1,75.15,20.71Z"/>
26 <path class="cls-2" d="M86.06,16.87a2.3,2.3,0,0,1,.44,1.43,2.25,2.25,0,0,1-.8,1.85,3.49,3.49,0,0,1-2.25.64H80.18a.53.53,0,0,1-.4-.14.49.49,0,0,1-.15-.38V12.15a.5.5,0,0,1,.15-.38.57.57,0,0,1,.4-.14h3.13a3.49,3.49,0,0,1,2.2.62A2.15,2.15,0,0,1,86.29,14a2.11,2.11,0,0,1-.39,1.28,2.3,2.3,0,0,1-1.07.79A2.19,2.19,0,0,1,86.06,16.87ZM80.68,15.7h2.47a2.46,2.46,0,0,0,1.56-.42,1.44,1.44,0,0,0,.52-1.21c0-1-.69-1.56-2.08-1.56H80.68Zm4.26,3.81a1.46,1.46,0,0,0,.52-1.24c0-1.12-.71-1.69-2.11-1.69H80.68v3.33h2.67A2.55,2.55,0,0,0,84.94,19.51Z"/>
27 <path class="cls-2" d="M89.84,20.65a.49.49,0,0,1-.15-.38V12.15a.5.5,0,0,1,.15-.38.57.57,0,0,1,.4-.14H95.1a.49.49,0,0,1,.36.12.39.39,0,0,1,.14.32.42.42,0,0,1-.14.33.53.53,0,0,1-.36.11H90.75V15.7h4.09a.49.49,0,0,1,.36.12.38.38,0,0,1,.13.32.42.42,0,0,1-.13.33.53.53,0,0,1-.36.11H90.75v3.33H95.1a.53.53,0,0,1,.36.11.41.41,0,0,1,.14.33.42.42,0,0,1-.14.33.49.49,0,0,1-.36.11H90.24A.53.53,0,0,1,89.84,20.65Z"/>
28 </g>
29 </g>
30 </g>
31 </g>
32 </svg>
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5
6 <title>HTML5 Ad</title>
7
8 <!--
9
10 <script type="text/javascript">
11
12 // IAB source: modified to allow link testing
13
14 var clickTag = "https://boscoandroxys.com";
15 function getParameterByName(name)
16 {
17 var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
18 if (match == null || match == ""){
19 return clickTag;
20 } else{
21 return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
22 }
23 }
24 clickTag = getParameterByName('clickTag');
25 </script>
26 -->
27
28 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
29
30
31
32 <style>
33
34 body{
35 margin: 0;
36 padding: 0;
37 }
38 a{
39 text-decoration: none;
40 }
41 #click-tag{
42 display: block;
43 position: absolute;
44 width: 100%;
45 height: 100%;
46 }
47 #border{
48 position: relative;
49 width: 100%;
50 height: 100%;
51 border: 1px solid #323e48;
52 background-color: #FFFFFF;
53 overflow: hidden;
54 cursor: pointer;
55 box-sizing: border-box;
56 }
57 img {
58 position: absolute;
59 }
60
61
62 /* Custom per ad */
63
64 body{
65 width: 728px;
66 height: 90px;
67 }
68
69 #border{
70 border-top: 10px solid #323e48;
71 background-position: 0 -10px;
72
73 }
74 .box{
75 left:20px;
76 top:1px;
77 opacity: 0;
78 }
79 #box-xmas{
80 opacity: 1;
81 }
82 #txt, #txt2{
83 left: 105px;
84 top: 27px;
85
86 -ms-transform: scale(.5); /* IE 9 */
87 -ms-transform-origin: 0% 0%; /* IE 9 */
88 -webkit-transform: scale(.5); /* Chrome, Safari, Opera */
89 -webkit-transform-origin: 0% 0%; /* Chrome, Safari, Opera */
90 transform: scale(.5);
91 transform-origin: 0% 0%;
92 }
93 #txt2{
94 left: 22px;
95 top: 31px;
96 opacity: 0;
97 }
98 #logo{
99 position: absolute;
100 left: 548px;
101 top: -5px;
102 width:182px;
103 height:auto;
104
105 }
106 #subscribe{
107
108 right: 186px;
109 bottom: 22px;
110 opacity: 0;
111 }
112
113 </style>
114
115 </head>
116
117 <body>
118 <div id="border">
119
120
121 <!--
122 Christmas
123 1. Christmas
124 2. Advent Calendar
125 3. Winter
126 4. Spoiled Dog
127 Birthday
128 5. Valentines Day
129 -->
130
131
132 <img class="box" id="box-xmas" src="assets/box-xmas.jpg" alt="box-xmas">
133 <img class="box" id="box-advent" src="assets/box-advent.jpg" alt="box-advent" style="left:110px">
134 <img class="box" id="box-winter" src="assets/box-winter.jpg" alt="box-winter" style="left:200px">
135 <img class="box" id="box-spoileddog" src="assets/box-spoileddog.jpg" alt="box-spoileddog" style="left:290px">
136 <img class="box" id="box-birthday" src="assets/box-birthday.jpg" alt="box-box-birthday" style="left:380px">
137 <img class="box" id="box-valentines" src="assets/box-valentines.jpg" alt="box-valentines" style="left:470px">
138
139
140 <img id="txt" src="assets/txt.png" alt="txt">
141 <img id="txt2" src="assets/txt2.png" alt="txt">
142
143
144 <div id="logo"></div>
145 <img id="subscribe" src="assets/subscribe.svg" alt="txt" width="114" height="33">
146
147
148 <!-- <a id="click-tag" href="javascript:window.open(window.clickTag)"></a> -->
149 <a id="click-tag" href="javascript:eyeBuild.doClick(0)"></a>
150 </div>
151
152 <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
153 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
154 <script>
155
156 $( document ).ready(function() {
157
158 /*
159 * embed external svg using ajax
160 */
161
162 eyeBuild.initialize();
163
164 var container = $("#logo");
165 var svgUrl = "assets/logo.svg";
166
167 $.get(svgUrl)
168 .then(injectSvg);
169
170 function injectSvg(xmlDoc) {
171 var svg = $(xmlDoc).find("svg");
172 container.append(svg);
173 animate();
174 }
175
176 /*
177 * animate
178 */
179
180 function animate(){
181
182 // animate the boxes
183
184 var tl = new TimelineMax({repeat:1});
185
186 tl.to("#txt", .5, {opacity:0, delay:2 });
187
188 var d = .1;
189 var box_arr = ["#box-xmas", "#box-advent", "#box-winter", "#box-spoileddog", "#box-birthday", "#box-valentines"];
190 tl.staggerTo(box_arr, 5*d, { opacity: 1}, d);
191 tl.to("#box-spoileddog", .1, {opacity:1, delay:2 });
192
193 tl.staggerTo(box_arr, 5*d, { opacity: 0}, d);
194
195 tl.to("#txt2", .5, {opacity:1, delay:-.3 });
196 tl.to("#subscribe", .5, {opacity:1, delay:0 });
197 tl.to("#txt2", .5, {opacity:1, delay:5 });
198
199 console.log("boxes: " + tl.totalDuration());
200
201
202 // animate the logo
203
204 var eye_tl = new TimelineMax({repeat:3});
205
206 var winkTime = .3;
207 // close eye
208 eye_tl.to("#cheek", winkTime, {x:3, y:-1, delay:0 });
209 eye_tl.to("#eye-right-mask", winkTime, {scaleY:.001, transformOrigin:"50% 50%", delay:-winkTime });
210 eye_tl.to("#eye-right-lash", .1, {opacity:1, delay:0 });
211 eye_tl.to(["#e-small", "#e-large"], .1, {opacity:1, delay:0 });
212
213 var crumbTime = 1;
214 eye_tl.to("#e-large", crumbTime, {scale:3, x:11, y:-4, transformOrigin:"50% 50%", delay:0 });
215 eye_tl.to("#e-small", crumbTime, {scale:6, x:11, y:1, transformOrigin:"50% 50%", delay:-crumbTime });
216 eye_tl.to("#e-large", crumbTime/4, {scale:.001, opacity:0, transformOrigin:"50% 50%", delay:-crumbTime/2 });
217 eye_tl.to("#e-small", crumbTime/4, {scale:.001, opacity:0, transformOrigin:"50% 50%", delay:-crumbTime/2 });
218
219 // open eye
220 eye_tl.to("#eye-right-lash", .1, {opacity:0, delay:-winkTime*1.9 });
221 eye_tl.to("#cheek", winkTime, {x:0, y:0, delay:-winkTime*1.9 });
222 eye_tl.to("#eye-right-mask", winkTime, {scaleY:1, transformOrigin:"50% 50%", delay:-winkTime*2});
223 eye_tl.to("#eye-right-mask", winkTime, {scaleY:1, transformOrigin:"50% 50%", delay:5});
224
225 /* console.log("eye_right: " + eye_tl.totalDuration()); */
226
227
228 var tongue_tl = new TimelineMax();
229 var pantDuration = .3;
230 var pantTongueLength = .9;
231 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:9, delay:0 });
232 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:3, delay:1 });
233 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:33, delay:1 });
234 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:3, delay:1 });
235 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:13, delay:1 });
236 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:13, delay:1 });
237 /* console.log("tongue: " + tongue_tl.totalDuration()); */
238 };
239 });
240
241
242 </script>
243
244
245 </body>
246
247 </html>
...\ No newline at end of file ...\ No newline at end of file
...@@ -81,7 +81,7 @@ ...@@ -81,7 +81,7 @@
81 } 81 }
82 #txt, #txt2{ 82 #txt, #txt2{
83 left: 105px; 83 left: 105px;
84 top: 27px; 84 top: 28px;
85 85
86 -ms-transform: scale(.5); /* IE 9 */ 86 -ms-transform: scale(.5); /* IE 9 */
87 -ms-transform-origin: 0% 0%; /* IE 9 */ 87 -ms-transform-origin: 0% 0%; /* IE 9 */
...@@ -116,12 +116,21 @@ ...@@ -116,12 +116,21 @@
116 <body> 116 <body>
117 <div id="border"> 117 <div id="border">
118 118
119 <!--
120 General
121 1. Spoiled Dog
122 2. Thanksgiving
123 3. Christmas
124 4. Winter
125 5. Birthday
126 6. Valentines Day
127 -->
119 128
120 <img class="box" id="box-spoileddog" src="assets/box-spoileddog.jpg" alt="box-spoileddog"> 129 <img class="box" id="box-spoileddog" src="assets/box-spoileddog.jpg" alt="box-spoileddog">
121 <img class="box" id="box-thanksgiving" src="assets/box-thanksgiving.jpg" alt="box-thanksgiving" style="left:110px"> 130 <img class="box" id="box-thanksgiving" src="assets/box-thanksgiving.jpg" alt="box-thanksgiving" style="left:110px">
122 <img class="box" id="box-xmas" src="assets/box-xmas.jpg" alt="box-xmas" style="left:200px"> 131 <img class="box" id="box-xmas" src="assets/box-xmas.jpg" alt="box-xmas" style="left:200px">
123 <img class="box" id="box-winter" src="assets/box-winter.jpg" alt="box-winter" style="left:290px"> 132 <img class="box" id="box-winter" src="assets/box-winter.jpg" alt="box-winter" style="left:290px">
124 <img class="box" id="box-birthday" src="assets/box-birthday.jpg" alt="box-box-birthday" style="left:380px"> 133 <img class="box" id="box-birthday" src="assets/box-birthday.jpg" alt="box-box-birthday" style="left:380px">
125 <img class="box" id="box-valentines" src="assets/box-valentines.jpg" alt="box-valentines" style="left:470px"> 134 <img class="box" id="box-valentines" src="assets/box-valentines.jpg" alt="box-valentines" style="left:470px">
126 135
127 <img id="txt" src="assets/txt.png" alt="txt"> 136 <img id="txt" src="assets/txt.png" alt="txt">
...@@ -177,9 +186,9 @@ ...@@ -177,9 +186,9 @@
177 tl.staggerTo(box_arr, 5*d, { opacity: 1}, d); 186 tl.staggerTo(box_arr, 5*d, { opacity: 1}, d);
178 tl.to("#box-spoileddog", .1, {opacity:1, delay:2 }); 187 tl.to("#box-spoileddog", .1, {opacity:1, delay:2 });
179 188
180 tl.staggerTo(box_arr, 5*d, { opacity: 0}, -d); 189 tl.staggerTo(box_arr, 5*d, { opacity: 0}, d);
181 190
182 tl.to("#txt2", .5, {opacity:1, delay:0 }); 191 tl.to("#txt2", .5, {opacity:1, delay:-.3 });
183 tl.to("#subscribe", .5, {opacity:1, delay:0 }); 192 tl.to("#subscribe", .5, {opacity:1, delay:0 });
184 tl.to("#txt2", .5, {opacity:1, delay:5 }); 193 tl.to("#txt2", .5, {opacity:1, delay:5 });
185 194
......
1 <?xml version="1.0" encoding="utf-8"?>
2 <!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 viewBox="0 0 162 83.2" style="enable-background:new 0 0 162 83.2;" xml:space="preserve">
6 <style type="text/css">
7 .st0{fill:#C88F50;}
8 .st1{fill:#E1C19C;}
9 .st2{fill:#FFFFFF;}
10 .st3{fill:#353F4A;}
11 .st4{clip-path:url(#clipPathId);}
12 .st5{fill:#F27658;}
13 #eye-right-lash, #e-large, #e-small{
14 opacity: 0;
15 }
16
17 </style>
18 <g id="face">
19 <g>
20 <path class="st0" d="M25.1,60.2c0-6.6,4.4-12.2,10.4-14c1.4-3.2,1.7-7.4,1.5-10.7c0,0-0.3-6.1-0.4-8.9c-1.1,0.1-2.2,0.3-3.3,0.5
21 c0,0,0-0.1,0-0.1c-0.7-1.5-2.1-4.3-3.2-6.1c-1.7-2.9-3.3-5.1-5.1-6.7c-1.4-1.3-2.8-1.9-4.2-1.7c-1.6,0.2-2.7,0.8-3.3,1.8
22 c-0.6,1-1,2-1.1,3.1c-0.1,0.5-0.2,1-0.2,1.5c0,0.2,0,0.4,0,0.7c0,0.5-0.1,1-0.1,1.5c-0.1,2-0.1,3.5,0.1,4.9
23 c0.1,0.7,0.3,1.3,0.4,1.9c0.2,0.9,0.4,1.7,0.5,2.5c0,0.3-0.1,0.8-0.3,1.2c-0.1,0.3-0.2,0.7-0.3,1c-0.2,0.9-0.1,1.7,0.1,2.4
24 c0.4,1.2,1.2,2.2,1.9,3.2c0.1,0.2,0.3,0.4,0.4,0.6c0.5,0.7,0.9,1.3,1.1,1.8c0.3,0.8,0.3,1.8,0.3,2.8c0,0.2,0,0.4,0,0.6
25 c0,0.7-0.2,1.6-0.4,2.5c-0.3,1.3-0.6,2.7-0.5,3.9c0.3,2.2,2.2,6.7,2.8,7.7c0.8,1.3,1.9,2.2,3.1,2.8C25.1,60.7,25.1,60.5,25.1,60.2
26 z"/>
27 <path class="st0" d="M63.1,25.9c0.1-0.7,0.2-1.5,0.2-2.4c-0.1,0-0.2,0-0.3,0c-0.7,0-1.3-0.4-1.6-1c-0.2,0.1-0.5,0.1-0.8,0.1
28 c-1.4,0-2.5-1.1-2.5-2.5c0,0-0.1,0-0.1,0c-1.6,0-3-1.3-3-3c0-1,0.5-1.8,1.2-2.4c-0.4-0.5-0.6-1.1-0.6-1.8c-0.5,0.3-1,0.6-1.4,1.1
29 c-1.8,1.7-3.4,3.8-5.1,6.7c-1.1,1.9-2.5,4.7-3.2,6.1c0,0,0,0.1,0,0.1c-1-0.2-1.9-0.3-2.8-0.4c-0.2,2.8-0.4,8.8-0.4,8.8
30 c-0.2,3.3,0.1,7.5,1.5,10.7c6,1.8,10.4,7.4,10.4,14c0,0.2,0,0.4,0,0.6c1.3-0.8,2.1-1.8,2.6-2.7c0.7-1.1,2.5-5.5,2.8-7.7
31 c0.2-1.1-0.2-2.5-0.5-3.9c-0.2-1-0.4-1.9-0.4-2.5c0-0.2,0-0.4,0-0.6c0-1,0-2,0.3-2.8c0.2-0.5,0.5-1.1,1.1-1.8
32 c0.1-0.2,0.3-0.4,0.4-0.6c0.7-1,1.5-2,1.9-3.2c0.3-0.8,0.3-1.5,0.1-2.4c-0.1-0.3-0.2-0.7-0.3-1c-0.1-0.4-0.3-0.9-0.3-1.2
33 c0-0.8,0.2-1.6,0.5-2.5C62.8,27.2,63,26.6,63.1,25.9z"/>
34 </g>
35 <path class="st1" d="M23.8,17.7c-1.3-1.5-3.5-1.9-4.4,0.4c-0.7,1.9-0.6,4.1-0.6,6.1c0,2.3,1.5,3.9,1.8,6.2
36 c-0.5,3.5-0.2,5.1,2.2,6.1c2.3-3.7,6.6-4.3,6.9-7.2C30,26.7,25.3,19.3,23.8,17.7z"/>
37 <path class="st1" d="M60.2,22.7c-1.2-0.2-2-1.2-2-2.5c0,0-0.1,0-0.1,0c-1.5,0-2.7-1.1-2.9-2.5c-1.6,1.8-6.1,9-5.9,11.5
38 c0.3,2.9,4.6,3.5,6.9,7.2c2.4-1,2.7-2.6,2.2-6.1c0.3-2.3,1.7-3.9,1.8-6.2C60.2,23.6,60.2,23.2,60.2,22.7z"/>
39 <g id="face_x5F_crumbs">
40 <circle id="f-large" class="st0" cx="59.5" cy="12.8" r="2"/>
41 <circle id="f-small" class="st0" cx="61.2" cy="17.3" r="1.3"/>
42 </g>
43 </g>
44 <g id="eyes">
45 <path id="eye-left-white" class="st2" d="M31.9,42.7c0,2-1.6,3.6-3.6,3.6c-2,0-3.6-1.6-3.6-3.6c0-2,1.6-3.6,3.6-3.6
46 C30.3,39.1,31.9,40.7,31.9,42.7z"/>
47 <path id="eye-left-pupil" class="st3" d="M30.4,41.6c0,0,0,0.1,0,0.1c0,0.5-0.4,0.8-0.8,0.8c-0.5,0-0.8-0.4-0.8-0.8
48 c0-0.3,0.1-0.5,0.3-0.7c-0.1,0-0.2,0-0.3,0c-1.4,0-2.6,1.1-2.6,2.6c0,1.4,1.1,2.6,2.6,2.6c1.4,0,2.6-1.1,2.6-2.6
49 C31.4,42.8,31,42.1,30.4,41.6z"/>
50 <g id="eye-right-group">
51 <defs>
52 <path id="eye-right-mask" d="M54.8,42.7c0,2-1.6,3.6-3.6,3.6c-2,0-3.6-1.6-3.6-3.6c0-2,1.6-3.6,3.6-3.6
53 C53.2,39.1,54.8,40.7,54.8,42.7z"/>
54 <clipPath id="clipPathId">
55 <use xlink:href="#eye-right-mask" style="overflow:visible;"/>
56 </clipPath>
57 </defs>
58 <g id="eye-right" class="st4">
59 <use xlink:href="#eye-right-mask" style="overflow:visible;"/>
60
61 <path id="eye-right-white" class="st2" d="M54.8,42.7c0,2-1.6,3.6-3.6,3.6c-2,0-3.6-1.6-3.6-3.6c0-2,1.6-3.6,3.6-3.6
62 C53.2,39.1,54.8,40.7,54.8,42.7z"/>
63 <path id="eye-right-pupil" class="st3" d="M52.3,41.6c0,0,0,0.1,0,0.1c0,0.5-0.4,0.8-0.8,0.8c-0.5,0-0.8-0.4-0.8-0.8
64 c0-0.3,0.1-0.5,0.3-0.7c-0.1,0-0.2,0-0.3,0c-1.4,0-2.6,1.1-2.6,2.6c0,1.4,1.1,2.6,2.6,2.6c1.4,0,2.6-1.1,2.6-2.6
65 C53.3,42.8,52.9,42.1,52.3,41.6z"/>
66 </g>
67 <circle id="e-large" class="st3" cx="54" cy="42" r="0.6"/>
68 <circle id="e-small" class="st3" cx="54" cy="42" r="0.2"/>
69 <path id="eye-right-lash" class="st3" d="M48.1,43.6c-0.1,0-0.3,0-0.4-0.1c-0.3-0.2-0.5-0.7-0.2-1c0.8-1.3,2.2-2,3.7-2
70 c1.5,0,2.9,0.8,3.7,2c0.2,0.4,0.1,0.8-0.2,1c-0.4,0.2-0.8,0.1-1-0.2c-0.5-0.8-1.4-1.3-2.4-1.3s-1.9,0.5-2.4,1.3
71 C48.6,43.5,48.4,43.6,48.1,43.6z"/>
72 </g>
73 </g>
74 <g id="tongue">
75 <circle id="cheek" class="st2" cx="39.8" cy="59.8" r="14.5"/>
76 <path id="normal" class="st5" d="M39.8,57.5c0,2.7-2.2,4.9-4.9,4.9h0v0.5c0,2.7,2.2,4.9,4.9,4.9c2.7,0,4.9-2.2,4.9-4.9v-0.5
77 C42,62.4,39.8,60.2,39.8,57.5z"/>
78 <path id="pant" class="st5" d="M34.8,62.4l0,2.9v0.5c0,2.7,2.2,4.9,4.9,4.9c2.7,0,4.9-2.2,4.9-4.9v-3.4H34.8z"/>
79 <g id="nose">
80 <circle class="st3" cx="39.8" cy="52.4" r="3.2"/>
81 </g>
82 </g>
83 <g id="logo">
84 <g id="cookieclub">
85 <path class="st3" d="M80.5,54.3c0.4,0.2,0.6,0.5,0.6,0.8c0,0.2,0,0.3-0.1,0.4c-0.1,0.1-0.2,0.2-0.4,0.2c-0.1,0-0.2,0-0.3-0.1
86 c-0.1,0-0.1-0.1-0.2-0.1c-0.1-0.1-0.1-0.1-0.2-0.1c-0.1,0-0.2-0.1-0.3-0.1c-0.1,0-0.3,0-0.4,0c-0.6,0-1,0.2-1.3,0.5
87 c-0.3,0.4-0.5,0.8-0.5,1.4c0,0.5,0.2,1,0.5,1.4c0.3,0.4,0.7,0.5,1.2,0.5c0.4,0,0.6,0,0.8-0.1c0,0,0.1-0.1,0.2-0.1
88 c0.1-0.1,0.2-0.1,0.2-0.1c0.1,0,0.2,0,0.2,0c0.2,0,0.3,0.1,0.4,0.2c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2-0.1,0.4-0.3,0.5
89 c-0.2,0.2-0.5,0.3-0.8,0.4c-0.3,0.1-0.7,0.1-1.1,0.1c-0.6,0-1.1-0.1-1.5-0.4c-0.4-0.3-0.8-0.6-1-1.1c-0.2-0.5-0.4-1-0.4-1.6
90 c0-0.6,0.1-1.2,0.4-1.6c0.3-0.5,0.6-0.8,1.1-1.1c0.5-0.3,1-0.4,1.5-0.4C79.6,54,80.1,54.1,80.5,54.3z"/>
91 <path class="st3" d="M88,58.8c-0.3,0.5-0.6,0.9-1.1,1.1c-0.5,0.3-1,0.4-1.6,0.4c-0.6,0-1.1-0.1-1.6-0.4c-0.5-0.3-0.8-0.6-1.1-1.1
92 c-0.3-0.5-0.4-1-0.4-1.6c0-0.6,0.1-1.1,0.4-1.6c0.3-0.5,0.6-0.9,1.1-1.1c0.5-0.3,1-0.4,1.6-0.4c0.6,0,1.1,0.1,1.6,0.4
93 c0.5,0.3,0.8,0.6,1.1,1.1c0.3,0.5,0.4,1,0.4,1.6C88.4,57.8,88.2,58.3,88,58.8z M86.8,56.2c-0.2-0.3-0.4-0.5-0.6-0.7
94 c-0.3-0.2-0.5-0.2-0.9-0.2c-0.3,0-0.6,0.1-0.9,0.2c-0.3,0.2-0.5,0.4-0.6,0.7c-0.2,0.3-0.2,0.6-0.2,1c0,0.4,0.1,0.7,0.2,1
95 c0.2,0.3,0.4,0.5,0.6,0.7c0.3,0.2,0.5,0.2,0.9,0.2c0.3,0,0.6-0.1,0.9-0.2c0.3-0.2,0.5-0.4,0.6-0.7c0.2-0.3,0.2-0.6,0.2-1
96 C87,56.8,86.9,56.5,86.8,56.2z"/>
97 <path class="st3" d="M95.4,58.8c-0.3,0.5-0.6,0.9-1.1,1.1c-0.5,0.3-1,0.4-1.6,0.4c-0.6,0-1.1-0.1-1.6-0.4
98 c-0.5-0.3-0.8-0.6-1.1-1.1c-0.3-0.5-0.4-1-0.4-1.6c0-0.6,0.1-1.1,0.4-1.6c0.3-0.5,0.6-0.9,1.1-1.1c0.5-0.3,1-0.4,1.6-0.4
99 c0.6,0,1.1,0.1,1.6,0.4c0.5,0.3,0.8,0.6,1.1,1.1c0.3,0.5,0.4,1,0.4,1.6C95.8,57.8,95.6,58.3,95.4,58.8z M94.2,56.2
100 c-0.2-0.3-0.4-0.5-0.6-0.7s-0.5-0.2-0.9-0.2c-0.3,0-0.6,0.1-0.9,0.2c-0.3,0.2-0.5,0.4-0.6,0.7c-0.2,0.3-0.2,0.6-0.2,1
101 c0,0.4,0.1,0.7,0.2,1c0.2,0.3,0.4,0.5,0.6,0.7c0.3,0.2,0.5,0.2,0.9,0.2c0.3,0,0.6-0.1,0.9-0.2c0.3-0.2,0.5-0.4,0.6-0.7
102 c0.2-0.3,0.2-0.6,0.2-1C94.4,56.8,94.3,56.5,94.2,56.2z"/>
103 <path class="st3" d="M102.6,59.5c0,0.2-0.1,0.3-0.2,0.5c-0.1,0.1-0.3,0.2-0.5,0.2c-0.2,0-0.4-0.1-0.5-0.2l-2-2.2l-0.6,0.5v1.2
104 c0,0.2-0.1,0.4-0.2,0.5c-0.1,0.1-0.3,0.2-0.5,0.2c-0.2,0-0.4-0.1-0.5-0.2c-0.1-0.1-0.2-0.3-0.2-0.5v-7c0-0.2,0.1-0.4,0.2-0.5
105 s0.3-0.2,0.5-0.2c0.2,0,0.4,0.1,0.5,0.2s0.2,0.3,0.2,0.5v4.2l2.4-2.3c0.1-0.1,0.3-0.2,0.5-0.2c0.2,0,0.3,0.1,0.4,0.2
106 c0.1,0.1,0.2,0.3,0.2,0.4c0,0.2-0.1,0.4-0.3,0.5l-1.7,1.6l2,2.2C102.5,59.1,102.6,59.3,102.6,59.5z"/>
107 <path class="st3" d="M104.1,53.3c-0.1-0.1-0.2-0.2-0.2-0.4v-0.2c0-0.2,0.1-0.4,0.2-0.4c0.1-0.1,0.3-0.1,0.5-0.1
108 c0.3,0,0.4,0,0.6,0.1s0.2,0.2,0.2,0.4v0.2c0,0.2-0.1,0.4-0.2,0.4c-0.1,0.1-0.3,0.1-0.6,0.1C104.4,53.4,104.2,53.3,104.1,53.3z
109 M105.1,60c-0.1,0.1-0.3,0.2-0.5,0.2s-0.4-0.1-0.5-0.2c-0.1-0.1-0.2-0.3-0.2-0.5v-4.7c0-0.2,0.1-0.4,0.2-0.5
110 c0.1-0.1,0.3-0.2,0.5-0.2s0.4,0.1,0.5,0.2c0.1,0.1,0.2,0.3,0.2,0.5v4.7C105.3,59.7,105.3,59.9,105.1,60z"/>
111 <path class="st3" d="M112.4,57.5c-0.1,0.1-0.3,0.2-0.5,0.2h-3.7c0.1,0.4,0.3,0.8,0.6,1c0.3,0.3,0.7,0.4,1.1,0.4
112 c0.3,0,0.6,0,0.7-0.1c0.2-0.1,0.3-0.1,0.4-0.2c0.1-0.1,0.2-0.1,0.2-0.1c0.1-0.1,0.3-0.1,0.4-0.1c0.2,0,0.3,0.1,0.4,0.2
113 c0.1,0.1,0.2,0.2,0.2,0.4c0,0.2-0.1,0.4-0.3,0.6c-0.2,0.2-0.5,0.3-0.9,0.4c-0.4,0.1-0.7,0.2-1.1,0.2c-0.6,0-1.2-0.1-1.7-0.4
114 c-0.5-0.3-0.8-0.6-1.1-1.1c-0.3-0.5-0.4-1-0.4-1.6c0-0.6,0.1-1.2,0.4-1.7c0.3-0.5,0.6-0.9,1.1-1.1c0.4-0.3,0.9-0.4,1.4-0.4
115 c0.5,0,1,0.1,1.4,0.4c0.4,0.3,0.8,0.6,1.1,1.1c0.3,0.5,0.4,1,0.4,1.5C112.6,57.2,112.6,57.3,112.4,57.5z M108.2,56.5h3v-0.1
116 c0-0.3-0.2-0.6-0.5-0.8c-0.3-0.2-0.6-0.3-1-0.3C108.9,55.3,108.4,55.7,108.2,56.5z"/>
117 <path class="st3" d="M121.3,54.3c0.4,0.2,0.6,0.5,0.6,0.8c0,0.2,0,0.3-0.1,0.4c-0.1,0.1-0.2,0.2-0.4,0.2c-0.1,0-0.2,0-0.3-0.1
118 c-0.1,0-0.1-0.1-0.2-0.1c-0.1-0.1-0.1-0.1-0.2-0.1c-0.1,0-0.2-0.1-0.3-0.1c-0.1,0-0.3,0-0.4,0c-0.6,0-1,0.2-1.3,0.5
119 c-0.3,0.4-0.5,0.8-0.5,1.4c0,0.5,0.2,1,0.5,1.4c0.3,0.4,0.7,0.5,1.2,0.5c0.4,0,0.6,0,0.8-0.1c0,0,0.1-0.1,0.2-0.1
120 c0.1-0.1,0.2-0.1,0.2-0.1c0.1,0,0.2,0,0.2,0c0.2,0,0.3,0.1,0.4,0.2c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2-0.1,0.4-0.3,0.5
121 c-0.2,0.2-0.5,0.3-0.8,0.4c-0.3,0.1-0.7,0.1-1.1,0.1c-0.6,0-1.1-0.1-1.5-0.4c-0.4-0.3-0.8-0.6-1-1.1c-0.2-0.5-0.4-1-0.4-1.6
122 c0-0.6,0.1-1.2,0.4-1.6c0.3-0.5,0.6-0.8,1.1-1.1c0.5-0.3,1-0.4,1.5-0.4C120.3,54,120.9,54.1,121.3,54.3z"/>
123 <path class="st3" d="M124.6,60c-0.1,0.1-0.3,0.2-0.5,0.2c-0.2,0-0.3-0.1-0.5-0.2c-0.1-0.1-0.2-0.3-0.2-0.5v-7
124 c0-0.2,0.1-0.4,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2c0.2,0,0.3,0.1,0.5,0.2s0.2,0.3,0.2,0.5v7C124.8,59.7,124.7,59.9,124.6,60z"/>
125 <path class="st3" d="M131.7,54.3c0.1,0.1,0.2,0.3,0.2,0.5v2.9c0,0.8-0.2,1.5-0.7,1.9c-0.4,0.5-1.1,0.7-1.9,0.7
126 c-0.8,0-1.5-0.2-1.9-0.7c-0.4-0.5-0.7-1.1-0.7-1.9v-2.9c0-0.2,0.1-0.4,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2c0.2,0,0.4,0.1,0.5,0.2
127 c0.1,0.1,0.2,0.3,0.2,0.5v2.9c0,0.5,0.1,0.8,0.3,1c0.2,0.2,0.5,0.3,0.9,0.3c0.4,0,0.7-0.1,0.9-0.3c0.2-0.2,0.3-0.6,0.3-1v-2.9
128 c0-0.2,0.1-0.4,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2S131.6,54.2,131.7,54.3z"/>
129 <path class="st3" d="M138.4,54.4c0.4,0.3,0.8,0.6,1,1.1s0.4,1,0.4,1.6s-0.1,1.1-0.4,1.6c-0.2,0.5-0.6,0.9-1,1.1
130 c-0.4,0.3-0.9,0.4-1.4,0.4c-0.4,0-0.7-0.1-1-0.2s-0.6-0.3-0.8-0.5v0.1c0,0.2-0.1,0.4-0.2,0.5c-0.1,0.1-0.3,0.2-0.5,0.2
131 c-0.2,0-0.4-0.1-0.5-0.2c-0.1-0.1-0.2-0.3-0.2-0.5v-7.1c0-0.2,0.1-0.4,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2c0.2,0,0.4,0.1,0.5,0.2
132 c0.1,0.1,0.2,0.3,0.2,0.5v2.4c0.2-0.2,0.4-0.4,0.8-0.6c0.3-0.2,0.7-0.3,1-0.3C137.5,54,138,54.1,138.4,54.4z M138,58.5
133 c0.3-0.4,0.5-0.8,0.5-1.4c0-0.5-0.2-1-0.5-1.4c-0.3-0.4-0.7-0.5-1.2-0.5c-0.5,0-0.9,0.2-1.2,0.5c-0.3,0.4-0.5,0.8-0.5,1.4
134 c0,0.5,0.2,1,0.5,1.4c0.3,0.4,0.7,0.5,1.2,0.5C137.3,59.1,137.7,58.9,138,58.5z"/>
135 </g>
136 <g id="wufers">
137 <path class="st3" d="M98.9,35c0.3,0.3,0.4,0.6,0.4,1v6.1c0,1.7-0.5,3.1-1.4,4.1c-1,1-2.3,1.5-4.1,1.5c-1.8,0-3.1-0.5-4.1-1.5
138 c-0.9-1-1.4-2.3-1.4-4.1V36c0-0.4,0.1-0.8,0.4-1c0.3-0.3,0.6-0.4,1-0.4c0.4,0,0.8,0.1,1,0.4c0.3,0.3,0.4,0.6,0.4,1v6.1
139 c0,1,0.2,1.7,0.7,2.2c0.4,0.5,1.1,0.7,2,0.7c0.9,0,1.5-0.2,2-0.7c0.4-0.5,0.7-1.2,0.7-2.2V36c0-0.4,0.1-0.8,0.4-1
140 c0.3-0.3,0.6-0.4,1-0.4C98.3,34.6,98.6,34.7,98.9,35z"/>
141 <path class="st3" d="M107.6,32.6c-0.2,0.3-0.3,0.7-0.3,1v1.1h2.2c0.4,0,0.7,0.1,1,0.4c0.3,0.2,0.4,0.6,0.4,1c0,0.4-0.1,0.7-0.4,1
142 s-0.6,0.4-1,0.4h-2.2V46c0,0.4-0.1,0.8-0.4,1c-0.3,0.3-0.6,0.4-1,0.4c-0.4,0-0.8-0.1-1-0.4c-0.3-0.3-0.4-0.6-0.4-1v-8.5h-1.3
143 c-0.4,0-0.7-0.1-1-0.4c-0.3-0.2-0.4-0.6-0.4-1c0-0.4,0.1-0.7,0.4-1c0.3-0.2,0.6-0.4,1-0.4h1.3v-1.1c0-1.2,0.4-2.2,1.2-2.9
144 s2-1.1,3.6-1.1c0.6,0,1.1,0.1,1.6,0.4c0.4,0.2,0.7,0.6,0.7,1.1c0,0.4-0.1,0.7-0.3,0.9c-0.2,0.2-0.5,0.4-0.8,0.4
145 c-0.1,0-0.2,0-0.3,0c-0.1,0-0.2,0-0.3,0c-0.4-0.1-0.7-0.1-1-0.1C108.2,32.2,107.8,32.3,107.6,32.6z"/>
146 <path class="st3" d="M123.9,41.6c-0.3,0.2-0.6,0.4-1,0.4h-8c0.2,0.9,0.6,1.7,1.3,2.2c0.7,0.5,1.5,0.8,2.3,0.8
147 c0.7,0,1.2-0.1,1.5-0.2s0.7-0.2,0.9-0.4c0.2-0.1,0.4-0.2,0.4-0.3c0.3-0.1,0.6-0.2,0.8-0.2c0.3,0,0.6,0.1,0.9,0.4
148 c0.2,0.2,0.4,0.5,0.4,0.8c0,0.4-0.2,0.8-0.7,1.2c-0.4,0.4-1.1,0.7-1.8,0.9c-0.8,0.3-1.5,0.4-2.3,0.4c-1.3,0-2.5-0.3-3.5-0.8
149 c-1-0.6-1.8-1.3-2.3-2.3c-0.5-1-0.8-2.1-0.8-3.3c0-1.4,0.3-2.6,0.9-3.6c0.6-1,1.3-1.8,2.3-2.4c0.9-0.6,2-0.8,3-0.8
150 c1.1,0,2.1,0.3,3,0.9c0.9,0.6,1.7,1.4,2.3,2.3c0.6,1,0.8,2,0.8,3.2C124.3,41.1,124.2,41.4,123.9,41.6z M114.9,39.6h6.3v-0.2
151 c-0.1-0.7-0.4-1.3-1-1.7c-0.6-0.5-1.3-0.7-2-0.7C116.4,37,115.3,37.8,114.9,39.6z"/>
152 <path class="st3" d="M135,34.7c0.3,0.3,0.5,0.6,0.5,1c0,0.5-0.1,0.9-0.4,1.1c-0.3,0.2-0.6,0.4-0.9,0.4c-0.2,0-0.5-0.1-0.8-0.2
153 c0,0-0.2,0-0.3-0.1c-0.2,0-0.3-0.1-0.5-0.1c-0.4,0-0.8,0.1-1.2,0.4c-0.4,0.3-0.7,0.6-1,1.2c-0.2,0.5-0.4,1.1-0.4,1.9V46
154 c0,0.4-0.1,0.8-0.4,1c-0.3,0.3-0.6,0.4-1,0.4c-0.4,0-0.8-0.1-1-0.4c-0.3-0.3-0.4-0.6-0.4-1V36c0-0.4,0.1-0.8,0.4-1
155 c0.3-0.3,0.6-0.4,1-0.4c0.4,0,0.8,0.1,1,0.4c0.3,0.3,0.4,0.6,0.4,1v0.3c0.4-0.7,0.9-1.2,1.6-1.5c0.7-0.3,1.4-0.5,2.2-0.5
156 C134.3,34.3,134.7,34.5,135,34.7z"/>
157 <path class="st3" d="M136.6,44.7c0-0.4,0.2-0.8,0.6-1.1c0.2-0.1,0.5-0.2,0.7-0.2c0.3,0,0.7,0.2,1,0.5c0.5,0.5,1,0.9,1.5,1.1
158 c0.5,0.2,1.2,0.4,1.9,0.4c1.3,0,1.9-0.5,1.9-1.4c0-0.5-0.2-0.8-0.6-1.1c-0.4-0.2-1.1-0.5-2-0.7c-0.9-0.3-1.7-0.5-2.3-0.8
159 c-0.6-0.3-1.1-0.6-1.5-1.2s-0.6-1.2-0.6-2.1c0-0.8,0.2-1.4,0.7-2c0.4-0.6,1-1,1.7-1.3c0.7-0.3,1.5-0.5,2.3-0.5
160 c0.8,0,1.6,0.2,2.5,0.5c0.8,0.3,1.5,0.8,1.9,1.3c0.2,0.3,0.3,0.5,0.3,0.9c0,0.4-0.2,0.7-0.5,0.9c-0.2,0.2-0.5,0.3-0.8,0.3
161 c-0.4,0-0.6-0.1-0.9-0.3c-0.3-0.4-0.7-0.6-1.1-0.8c-0.5-0.2-1-0.3-1.6-0.3c-1.2,0-1.8,0.4-1.8,1.3c0,0.4,0.1,0.6,0.3,0.9
162 c0.2,0.2,0.5,0.4,0.9,0.5c0.3,0.1,0.8,0.3,1.5,0.4c0.9,0.2,1.6,0.5,2.2,0.7c0.6,0.3,1.1,0.7,1.5,1.2c0.4,0.5,0.6,1.2,0.6,2.1
163 c0,0.8-0.2,1.5-0.7,2.1c-0.5,0.6-1.1,1-1.8,1.3c-0.7,0.3-1.5,0.5-2.3,0.5c-1.1,0-2-0.2-3-0.5s-1.7-0.9-2.2-1.7
164 C136.7,45.3,136.6,45,136.6,44.7z"/>
165 <path class="st3" d="M83.3,34.5L83.3,34.5c-0.8,0-1.4,0.7-1.4,1.5c0,1.2,0,4.3,0,5.8c0,1.7-1.1,3.1-2.3,3.1
166 c-0.5,0-1.2-0.2-1.6-0.7c-0.4-0.4-0.6-1.1-0.6-1.6v-4.2c0-0.8-0.3-1.4-1.1-1.4c-0.9-0.1-1.4,0.5-1.4,1.4v4.3
167 c0,0.7-0.3,1.3-0.8,1.8c-0.3,0.4-1,0.5-1.4,0.5c-1.3,0-2.3-1.4-2.3-3.1c0-2.7,0-5.8,0-5.8c0-0.8-0.6-1.5-1.4-1.5c0,0,0,0,0,0
168 c-0.8,0-1.4,0.6-1.5,1.4c0,0,0,3.1,0,5.8c0,3.4,2.3,6,5.2,6c1.5,0,2.5-0.9,3.4-1.9c0.9,1,1.8,1.9,3.4,1.9c2.8,0,5.2-2.7,5.2-6
169 c0-1.4,0-4.6,0-5.8C84.8,35.1,84.1,34.5,83.3,34.5z"/>
170 </g>
171 <g id="logo-crumbs">
172 <circle id="u_x5F_large" class="st3" cx="91.8" cy="29.5" r="2.3"/>
173 <circle id="u_x5F_small" class="st3" cx="96.6" cy="31.6" r="1.5"/>
174 </g>
175 </g>
176 </svg>
177
178
1 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 114.01 32.5">
2 <defs>
3 <style>
4 .cls-1 {
5 fill: #ff7049;
6 }
7
8 .cls-2 {
9 fill: #fff;
10 }
11 </style>
12 </defs>
13 <title>subscribe</title>
14 <g id="Layer_2" data-name="Layer 2">
15 <g id="Layer_1-2" data-name="Layer 1">
16 <g>
17 <rect class="cls-1" width="114.01" height="32.5"/>
18 <g>
19 <path class="cls-2" d="M16.33,20.61a3.77,3.77,0,0,1-1.42-.79.6.6,0,0,1-.2-.46.48.48,0,0,1,.1-.31.33.33,0,0,1,.25-.14.66.66,0,0,1,.36.14,4.37,4.37,0,0,0,2.76.94,2.89,2.89,0,0,0,1.72-.43,1.41,1.41,0,0,0,.6-1.22,1,1,0,0,0-.29-.74,2.22,2.22,0,0,0-.76-.45,11.41,11.41,0,0,0-1.26-.35,10.57,10.57,0,0,1-1.74-.52,2.66,2.66,0,0,1-1.11-.78,2,2,0,0,1-.42-1.32,2.4,2.4,0,0,1,.42-1.39,2.76,2.76,0,0,1,1.18-.93,4.35,4.35,0,0,1,1.74-.33,4.87,4.87,0,0,1,1.69.28,3.59,3.59,0,0,1,1.33.79.66.66,0,0,1,.2.46.51.51,0,0,1-.1.32.3.3,0,0,1-.25.13.77.77,0,0,1-.38-.14,4.21,4.21,0,0,0-1.18-.73,3.65,3.65,0,0,0-1.31-.2,2.75,2.75,0,0,0-1.68.44,1.48,1.48,0,0,0-.6,1.26,1.15,1.15,0,0,0,.53,1,5.44,5.44,0,0,0,1.62.61c.79.19,1.41.36,1.86.52a2.78,2.78,0,0,1,1.12.72,1.83,1.83,0,0,1,.45,1.29,2.26,2.26,0,0,1-.42,1.35,2.7,2.7,0,0,1-1.19.91,4.42,4.42,0,0,1-1.76.33A6,6,0,0,1,16.33,20.61Z"/>
20 <path class="cls-2" d="M25.45,20a3.74,3.74,0,0,1-.93-2.75v-5.1a.55.55,0,0,1,.15-.4.5.5,0,0,1,.39-.15.48.48,0,0,1,.37.15.55.55,0,0,1,.15.4V17.3a2.81,2.81,0,0,0,.65,2,2.59,2.59,0,0,0,1.93.68,2.56,2.56,0,0,0,1.93-.68,2.81,2.81,0,0,0,.65-2V12.11a.55.55,0,0,1,.15-.4.52.52,0,0,1,.38-.15.5.5,0,0,1,.39.15.54.54,0,0,1,.14.4v5.1A3.73,3.73,0,0,1,30.87,20a3.65,3.65,0,0,1-2.71.94A3.61,3.61,0,0,1,25.45,20Z"/>
21 <path class="cls-2" d="M41.73,16.87a2.3,2.3,0,0,1,.44,1.43,2.25,2.25,0,0,1-.8,1.85,3.49,3.49,0,0,1-2.25.64H35.85a.53.53,0,0,1-.4-.14.49.49,0,0,1-.15-.38V12.15a.5.5,0,0,1,.15-.38.57.57,0,0,1,.4-.14H39a3.47,3.47,0,0,1,2.2.62A2.15,2.15,0,0,1,42,14a2.11,2.11,0,0,1-.39,1.28,2.3,2.3,0,0,1-1.07.79A2.19,2.19,0,0,1,41.73,16.87ZM36.36,15.7h2.47a2.45,2.45,0,0,0,1.55-.42,1.44,1.44,0,0,0,.53-1.21c0-1-.7-1.56-2.08-1.56H36.36Zm4.25,3.81a1.46,1.46,0,0,0,.52-1.24c0-1.12-.71-1.69-2.11-1.69H36.36v3.33H39A2.55,2.55,0,0,0,40.61,19.51Z"/>
22 <path class="cls-2" d="M46.42,20.61A3.85,3.85,0,0,1,45,19.82a.6.6,0,0,1-.2-.46.49.49,0,0,1,.11-.31.31.31,0,0,1,.25-.14.66.66,0,0,1,.36.14,4.35,4.35,0,0,0,2.76.94A2.88,2.88,0,0,0,50,19.56a1.41,1.41,0,0,0,.6-1.22,1,1,0,0,0-.29-.74,2.27,2.27,0,0,0-.75-.45,11.41,11.41,0,0,0-1.26-.35,11,11,0,0,1-1.75-.52,2.63,2.63,0,0,1-1.1-.78A1.94,1.94,0,0,1,45,14.18a2.34,2.34,0,0,1,.43-1.39,2.7,2.7,0,0,1,1.18-.93,4.27,4.27,0,0,1,1.73-.33,4.93,4.93,0,0,1,1.7.28,3.63,3.63,0,0,1,1.32.79.63.63,0,0,1,.21.46.52.52,0,0,1-.11.32.3.3,0,0,1-.24.13.74.74,0,0,1-.38-.14,4.52,4.52,0,0,0-1.18-.73,3.7,3.7,0,0,0-1.32-.2,2.72,2.72,0,0,0-1.67.44,1.48,1.48,0,0,0-.6,1.26,1.13,1.13,0,0,0,.53,1,5.48,5.48,0,0,0,1.61.61c.79.19,1.41.36,1.86.52a2.82,2.82,0,0,1,1.13.72,1.83,1.83,0,0,1,.45,1.29,2.26,2.26,0,0,1-.43,1.35,2.7,2.7,0,0,1-1.19.91,4.37,4.37,0,0,1-1.75.33A6.14,6.14,0,0,1,46.42,20.61Z"/>
23 <path class="cls-2" d="M56.32,20.33a3.71,3.71,0,0,1-1.46-1.62,5.72,5.72,0,0,1-.51-2.5,5.65,5.65,0,0,1,.51-2.49,3.74,3.74,0,0,1,1.46-1.63,4.27,4.27,0,0,1,2.25-.56,4.77,4.77,0,0,1,1.65.28,4,4,0,0,1,1.34.79.62.62,0,0,1,.21.46.51.51,0,0,1-.1.32.31.31,0,0,1-.25.13.71.71,0,0,1-.38-.14,4.75,4.75,0,0,0-1.2-.73,3.4,3.4,0,0,0-1.24-.2,2.82,2.82,0,0,0-2.32,1,4.26,4.26,0,0,0-.82,2.79,4.31,4.31,0,0,0,.82,2.8,2.84,2.84,0,0,0,2.32,1,3.37,3.37,0,0,0,1.23-.21A4.62,4.62,0,0,0,61,19.05a.81.81,0,0,1,.38-.14.31.31,0,0,1,.25.13.49.49,0,0,1,.1.32.6.6,0,0,1-.21.46,4,4,0,0,1-1.34.8,4.77,4.77,0,0,1-1.65.28A4.27,4.27,0,0,1,56.32,20.33Z"/>
24 <path class="cls-2" d="M71.87,20.43a.39.39,0,0,1-.15.32.52.52,0,0,1-.34.12.52.52,0,0,1-.47-.26l-1.74-2.75a2.11,2.11,0,0,0-.71-.74,2.07,2.07,0,0,0-1-.2H65.84v3.39a.57.57,0,0,1-.14.4.52.52,0,0,1-.38.15.5.5,0,0,1-.39-.15.53.53,0,0,1-.14-.4V12.15a.5.5,0,0,1,.14-.38.59.59,0,0,1,.4-.14h3.23a3.48,3.48,0,0,1,2.28.66,2.41,2.41,0,0,1,.78,2A2.45,2.45,0,0,1,71,16a2.85,2.85,0,0,1-1.8.8,1.75,1.75,0,0,1,.59.34,3.42,3.42,0,0,1,.52.65l1.48,2.34A.58.58,0,0,1,71.87,20.43ZM68.46,16a2.42,2.42,0,0,0,1.6-.45,1.63,1.63,0,0,0,.52-1.33,1.61,1.61,0,0,0-.52-1.32,2.51,2.51,0,0,0-1.6-.43H65.84V16Z"/>
25 <path class="cls-2" d="M75.15,20.71a.54.54,0,0,1-.15-.4v-8.2a.55.55,0,0,1,.15-.4.5.5,0,0,1,.39-.15.53.53,0,0,1,.39.15.59.59,0,0,1,.14.4v8.2a.57.57,0,0,1-.14.4.53.53,0,0,1-.39.15A.5.5,0,0,1,75.15,20.71Z"/>
26 <path class="cls-2" d="M86.06,16.87a2.3,2.3,0,0,1,.44,1.43,2.25,2.25,0,0,1-.8,1.85,3.49,3.49,0,0,1-2.25.64H80.18a.53.53,0,0,1-.4-.14.49.49,0,0,1-.15-.38V12.15a.5.5,0,0,1,.15-.38.57.57,0,0,1,.4-.14h3.13a3.49,3.49,0,0,1,2.2.62A2.15,2.15,0,0,1,86.29,14a2.11,2.11,0,0,1-.39,1.28,2.3,2.3,0,0,1-1.07.79A2.19,2.19,0,0,1,86.06,16.87ZM80.68,15.7h2.47a2.46,2.46,0,0,0,1.56-.42,1.44,1.44,0,0,0,.52-1.21c0-1-.69-1.56-2.08-1.56H80.68Zm4.26,3.81a1.46,1.46,0,0,0,.52-1.24c0-1.12-.71-1.69-2.11-1.69H80.68v3.33h2.67A2.55,2.55,0,0,0,84.94,19.51Z"/>
27 <path class="cls-2" d="M89.84,20.65a.49.49,0,0,1-.15-.38V12.15a.5.5,0,0,1,.15-.38.57.57,0,0,1,.4-.14H95.1a.49.49,0,0,1,.36.12.39.39,0,0,1,.14.32.42.42,0,0,1-.14.33.53.53,0,0,1-.36.11H90.75V15.7h4.09a.49.49,0,0,1,.36.12.38.38,0,0,1,.13.32.42.42,0,0,1-.13.33.53.53,0,0,1-.36.11H90.75v3.33H95.1a.53.53,0,0,1,.36.11.41.41,0,0,1,.14.33.42.42,0,0,1-.14.33.49.49,0,0,1-.36.11H90.24A.53.53,0,0,1,89.84,20.65Z"/>
28 </g>
29 </g>
30 </g>
31 </g>
32 </svg>
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5
6 <title>HTML5 Ad</title>
7
8 <!--
9
10 <script type="text/javascript">
11
12 // IAB source: modified to allow link testing
13
14 var clickTag = "https://boscoandroxys.com";
15 function getParameterByName(name)
16 {
17 var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
18 if (match == null || match == ""){
19 return clickTag;
20 } else{
21 return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
22 }
23 }
24 clickTag = getParameterByName('clickTag');
25 </script>
26 -->
27
28 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
29
30
31
32 <style>
33
34 body{
35 margin: 0;
36 padding: 0;
37 }
38 a{
39 text-decoration: none;
40 }
41 #click-tag{
42 display: block;
43 position: absolute;
44 width: 100%;
45 height: 100%;
46 }
47 #border{
48 position: relative;
49 width: 100%;
50 height: 100%;
51 border: 1px solid #323e48;
52 background-color: #FFFFFF;
53 overflow: hidden;
54 cursor: pointer;
55 box-sizing: border-box;
56 }
57 img {
58 position: absolute;
59 }
60
61
62 /* Custom per ad */
63
64 body{
65 width: 728px;
66 height: 90px;
67 }
68
69 #border{
70 border-top: 10px solid #323e48;
71 background-position: 0 -10px;
72
73 }
74 .box{
75 left:20px;
76 top:1px;
77 opacity: 0;
78 }
79 #box-spoileddog{
80 opacity: 1;
81 }
82 #txt, #txt2{
83 left: 105px;
84 top: 15px;
85
86 -ms-transform: scale(.5); /* IE 9 */
87 -ms-transform-origin: 0% 0%; /* IE 9 */
88 -webkit-transform: scale(.5); /* Chrome, Safari, Opera */
89 -webkit-transform-origin: 0% 0%; /* Chrome, Safari, Opera */
90 transform: scale(.5);
91 transform-origin: 0% 0%;
92 }
93 #txt2{
94 left: 22px;
95 top: 28px;
96 opacity: 0;
97 }
98 #logo{
99 position: absolute;
100 left: 548px;
101 top: -5px;
102 width:182px;
103 height:auto;
104
105 }
106 #subscribe{
107
108 right: 186px;
109 bottom: 22px;
110 opacity: 0;
111 }
112
113 </style>
114
115 </head>
116
117 <body>
118 <div id="border">
119
120 <!--
121 Retargetting
122 1. Spoiled Dog
123 2. Thanksgiving
124 3. Christmas
125 4. Winter
126 birthday
127 5. Valentines Day
128 -->
129
130 <img class="box" id="box-spoileddog" src="assets/box-spoileddog.jpg" alt="box-spoileddog">
131 <img class="box" id="box-thanksgiving" src="assets/box-thanksgiving.jpg" alt="box-thanksgiving" style="left:110px">
132 <img class="box" id="box-xmas" src="assets/box-xmas.jpg" alt="box-xmas" style="left:200px">
133 <img class="box" id="box-winter" src="assets/box-winter.jpg" alt="box-winter" style="left:290px">
134 <img class="box" id="box-birthday" src="assets/box-birthday.jpg" alt="box-box-birthday" style="left:380px">
135 <img class="box" id="box-valentines" src="assets/box-valentines.jpg" alt="box-valentines" style="left:470px">
136
137 <img id="txt" src="assets/txt.png" alt="txt">
138 <img id="txt2" src="assets/txt2.png" alt="txt">
139
140
141 <div id="logo"></div>
142 <img id="subscribe" src="assets/subscribe.svg" alt="txt" width="114" height="33">
143
144
145 <!-- <a id="click-tag" href="javascript:window.open(window.clickTag)"></a> -->
146 <a id="click-tag" href="javascript:eyeBuild.doClick(0)"></a>
147 </div>
148
149 <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
150 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
151 <script>
152
153 $( document ).ready(function() {
154
155 /*
156 * embed external svg using ajax
157 */
158
159 eyeBuild.initialize();
160
161 var container = $("#logo");
162 var svgUrl = "assets/logo.svg";
163
164 $.get(svgUrl)
165 .then(injectSvg);
166
167 function injectSvg(xmlDoc) {
168 var svg = $(xmlDoc).find("svg");
169 container.append(svg);
170 animate();
171 }
172
173 /*
174 * animate
175 */
176
177 function animate(){
178
179 // animate the boxes
180
181 var tl = new TimelineMax({repeat:1});
182
183 tl.to("#txt", .5, {opacity:0, delay:2 });
184
185 var d = .1;
186 var box_arr = ["#box-spoileddog", "#box-thanksgiving", "#box-xmas", "#box-winter", "#box-birthday", "#box-valentines"];
187 tl.staggerTo(box_arr, 5*d, { opacity: 1}, d);
188 tl.to("#box-spoileddog", .1, {opacity:1, delay:2 });
189
190 tl.staggerTo(box_arr, 5*d, { opacity: 0}, d);
191
192 tl.to("#txt2", .5, {opacity:1, delay:-.3 });
193 tl.to("#subscribe", .5, {opacity:1, delay:0 });
194 tl.to("#txt2", .5, {opacity:1, delay:5 });
195
196 console.log("boxes: " + tl.totalDuration());
197
198
199 // animate the logo
200
201 var eye_tl = new TimelineMax({repeat:3});
202
203 var winkTime = .3;
204 // close eye
205 eye_tl.to("#cheek", winkTime, {x:3, y:-1, delay:0 });
206 eye_tl.to("#eye-right-mask", winkTime, {scaleY:.001, transformOrigin:"50% 50%", delay:-winkTime });
207 eye_tl.to("#eye-right-lash", .1, {opacity:1, delay:0 });
208 eye_tl.to(["#e-small", "#e-large"], .1, {opacity:1, delay:0 });
209
210 var crumbTime = 1;
211 eye_tl.to("#e-large", crumbTime, {scale:3, x:11, y:-4, transformOrigin:"50% 50%", delay:0 });
212 eye_tl.to("#e-small", crumbTime, {scale:6, x:11, y:1, transformOrigin:"50% 50%", delay:-crumbTime });
213 eye_tl.to("#e-large", crumbTime/4, {scale:.001, opacity:0, transformOrigin:"50% 50%", delay:-crumbTime/2 });
214 eye_tl.to("#e-small", crumbTime/4, {scale:.001, opacity:0, transformOrigin:"50% 50%", delay:-crumbTime/2 });
215
216 // open eye
217 eye_tl.to("#eye-right-lash", .1, {opacity:0, delay:-winkTime*1.9 });
218 eye_tl.to("#cheek", winkTime, {x:0, y:0, delay:-winkTime*1.9 });
219 eye_tl.to("#eye-right-mask", winkTime, {scaleY:1, transformOrigin:"50% 50%", delay:-winkTime*2});
220 eye_tl.to("#eye-right-mask", winkTime, {scaleY:1, transformOrigin:"50% 50%", delay:5});
221
222 /* console.log("eye_right: " + eye_tl.totalDuration()); */
223
224
225 var tongue_tl = new TimelineMax();
226 var pantDuration = .3;
227 var pantTongueLength = .9;
228 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:9, delay:0 });
229 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:3, delay:1 });
230 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:33, delay:1 });
231 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:3, delay:1 });
232 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:13, delay:1 });
233 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:13, delay:1 });
234 /* console.log("tongue: " + tongue_tl.totalDuration()); */
235 };
236 });
237
238
239 </script>
240
241
242 </body>
243
244 </html>
...\ No newline at end of file ...\ No newline at end of file
...@@ -11,7 +11,15 @@ ...@@ -11,7 +11,15 @@
11 </head> 11 </head>
12 <body> 12 <body>
13 13
14 <h3><a href="index.html">General</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_xmas.html">Christmas</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_re.html">Retargetting</a></h3> 14 <h3>
15 <span style="display:inline-block; width:150px;">Eye Return:</span> <a href="index.html">General</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_xmas.html">Christmas</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_re.html">Retargeting</a><br>
16 <span style="display:inline-block; width:150px;">180 Proof:</span> <a href="index_180.html">General</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_xmas_180.html">Christmas</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_re_180.html">Retargeting</a><br>
17 </h3>
18
19 <p>General</p>
20
21 <img src="300x50_general/300x50@2x.gif" alt="300x50@2x" width="300" height="50">
22 <img src="320x50_general/320x50@2x.gif" alt="320x50@2x" width="320" height="50">
15 23
16 <iframe id='' class="b728x90 float" scrolling="no" src="728x90_general/index.html"></iframe> 24 <iframe id='' class="b728x90 float" scrolling="no" src="728x90_general/index.html"></iframe>
17 <div style="width:800px"> 25 <div style="width:800px">
......
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 </head>
12 <body>
13
14 <h3>
15 <span style="display:inline-block; width:150px;">Eye Return:</span> <a href="index.html">General</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_xmas.html">Christmas</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_re.html">Retargeting</a><br>
16 <span style="display:inline-block; width:150px;">180 Proof:</span> <a href="index_180.html">General</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_xmas_180.html">Christmas</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_re_180.html">Retargeting</a><br>
17 </h3>
18
19 <p>General</p>
20
21 <img src="300x250_180proof_general/300x250@1x.gif" alt="300x250@1x" width="300" height="250">
22 <img src="300x50_general/300x50@2x.gif" alt="300x50@2x" width="300" height="50">
23 <img src="320x50_general/320x50@2x.gif" alt="320x50@2x" width="320" height="50">
24
25
26 </body>
27 </html>
...@@ -11,17 +11,21 @@ ...@@ -11,17 +11,21 @@
11 </head> 11 </head>
12 <body> 12 <body>
13 13
14 <h3><a href="index.html">General</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_xmas.html">Christmas</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_re.html">Retargetting</a></h3> 14 <h3>
15 <span style="display:inline-block; width:150px;">Eye Return:</span> <a href="index.html">General</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_xmas.html">Christmas</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_re.html">Retargeting</a><br>
16 <span style="display:inline-block; width:150px;">180 Proof:</span> <a href="index_180.html">General</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_xmas_180.html">Christmas</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_re_180.html">Retargeting</a><br>
17 </h3>
15 18
16 Coming... 19 <p>Retargeting</p>
17 20
18 <!-- 21 <img src="300x50_retargeting/300x50@2x.gif" alt="300x50@2x" width="300" height="50">
19 <iframe id='' class="b728x90 float" scrolling="no" src="728x90_general/index.html"></iframe> 22 <img src="320x50_retargeting/320x50@2x.gif" alt="320x50@2x" width="320" height="50">
23
24 <iframe id='' class="b728x90 float" scrolling="no" src="728x90_retargeting/index.html"></iframe>
20 <div style="width:800px"> 25 <div style="width:800px">
21 <iframe id='' class="b300x250 float" scrolling="no" src="300x250_general/index.html"></iframe> 26 <iframe id='' class="b300x250 float" scrolling="no" src="300x250_retargeting/index.html"></iframe>
22 <iframe id='' class="b300x600 float" scrolling="no" src="300x600_general/index.html"></iframe> 27 <iframe id='' class="b300x600 float" scrolling="no" src="300x600_retargeting/index.html"></iframe>
23 </div> 28 </div>
24 -->
25 29
26 </body> 30 </body>
27 </html> 31 </html>
......
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 </head>
12 <body>
13
14 <h3>
15 <span style="display:inline-block; width:150px;">Eye Return:</span> <a href="index.html">General</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_xmas.html">Christmas</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_re.html">Retargeting</a><br>
16 <span style="display:inline-block; width:150px;">180 Proof:</span> <a href="index_180.html">General</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_xmas_180.html">Christmas</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_re_180.html">Retargeting</a><br>
17 </h3>
18
19 <p>Retargeting</p>
20
21 <img src="300x250_180proof_retargeting/300x250@1x.gif" alt="300x250@1x" width="300" height="250">
22 <img src="300x50_retargeting/300x50@2x.gif" alt="300x50@2x" width="300" height="50">
23 <img src="320x50_retargeting/320x50@2x.gif" alt="320x50@2x" width="320" height="50">
24
25 </body>
26 </html>
...@@ -11,17 +11,21 @@ ...@@ -11,17 +11,21 @@
11 </head> 11 </head>
12 <body> 12 <body>
13 13
14 <h3><a href="index.html">General</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_xmas.html">Christmas</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_re.html">Retargetting</a></h3> 14 <h3>
15 <span style="display:inline-block; width:150px;">Eye Return:</span> <a href="index.html">General</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_xmas.html">Christmas</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_re.html">Retargeting</a><br>
16 <span style="display:inline-block; width:150px;">180 Proof:</span> <a href="index_180.html">General</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_xmas_180.html">Christmas</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_re_180.html">Retargeting</a><br>
17 </h3>
15 18
16 Coming... 19 <p>Christmas</p>
17 20
18 <!-- 21 <img src="300x50_christmas/300x50@2x.gif" alt="300x50@2x" width="300" height="50">
19 <iframe id='' class="b728x90 float" scrolling="no" src="728x90_general/index.html"></iframe> 22 <img src="320x50_christmas/320x50@2x.gif" alt="320x50@2x" width="320" height="50">
23
24 <iframe id='' class="b728x90 float" scrolling="no" src="728x90_christmas/index.html"></iframe>
20 <div style="width:800px"> 25 <div style="width:800px">
21 <iframe id='' class="b300x250 float" scrolling="no" src="300x250_general/index.html"></iframe> 26 <iframe id='' class="b300x250 float" scrolling="no" src="300x250_christmas/index.html"></iframe>
22 <iframe id='' class="b300x600 float" scrolling="no" src="300x600_general/index.html"></iframe> 27 <iframe id='' class="b300x600 float" scrolling="no" src="300x600_christmas/index.html"></iframe>
23 </div> 28 </div>
24 -->
25 29
26 </body> 30 </body>
27 </html> 31 </html>
......
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 </head>
12 <body>
13
14 <h3>
15 <span style="display:inline-block; width:150px;">Eye Return:</span> <a href="index.html">General</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_xmas.html">Christmas</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_re.html">Retargeting</a><br>
16 <span style="display:inline-block; width:150px;">180 Proof:</span> <a href="index_180.html">General</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_xmas_180.html">Christmas</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_re_180.html">Retargeting</a><br>
17 </h3>
18
19 <p>Christmas</p>
20
21 <img src="300x250_180proof_christmas/300x250@1x.gif" alt="300x250@1x" width="300" height="250">
22 <img src="300x50_christmas/300x50@2x.gif" alt="300x50@2x" width="300" height="50">
23 <img src="320x50_christmas/320x50@2x.gif" alt="320x50@2x" width="320" height="50">
24
25 </body>
26 </html>