Skip to content

Tenzing / banners-with-skip

Go to a project
Toggle navigation
Toggle navigation pinning
de3ba32f by Dan Rempel
Options

Wufers release 3 with $1 per day and cute party dog

1 parent e6a7779c
Inline Side-by-side
Showing 14 changed files with 942 additions and 1 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 <?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 132.1 32.5" style="enable-background:new 0 0 132.1 32.5;" xml:space="preserve">
6 <style type="text/css">
7 .st0{fill:#FF7049;}
8 .st1{fill:#FFFFFF;}
9 </style>
10 <rect class="st0" width="132.2" height="32.5"/>
11 <title>subscribe</title>
12 <g>
13 <path class="st1" d="M24,16.2c0.2,0.3,0.4,0.7,0.4,1.2c0,0.7-0.2,1.2-0.7,1.6c-0.4,0.4-1.1,0.5-1.9,0.5h-2.8c-0.1,0-0.3,0-0.3-0.1
14 c-0.1-0.1-0.1-0.2-0.1-0.3v-6.9c0-0.1,0-0.2,0.1-0.3c0.1-0.1,0.2-0.1,0.3-0.1h2.7c0.8,0,1.4,0.2,1.9,0.5c0.4,0.4,0.7,0.9,0.7,1.5
15 c0,0.4-0.1,0.8-0.3,1.1c-0.2,0.3-0.5,0.5-0.9,0.7C23.5,15.7,23.8,15.9,24,16.2z M19.5,15.3h2.1c0.6,0,1-0.1,1.3-0.4s0.4-0.6,0.4-1
16 c0-0.9-0.6-1.3-1.8-1.3h-2.1V15.3z M23.1,18.5c0.3-0.2,0.4-0.6,0.4-1c0-1-0.6-1.4-1.8-1.4h-2.3v2.8h2.3
17 C22.4,18.8,22.8,18.7,23.1,18.5z"/>
18 <path class="st1" d="M32.4,19.3c0,0.1,0,0.2-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1c-0.2,0-0.3-0.1-0.4-0.2l-1.5-2.3
19 c-0.2-0.3-0.4-0.5-0.6-0.6c-0.2-0.1-0.5-0.2-0.8-0.2h-1.4v2.9c0,0.1,0,0.3-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1c-0.1,0-0.2,0-0.3-0.1
20 c-0.1-0.1-0.1-0.2-0.1-0.3v-6.9c0-0.1,0-0.2,0.1-0.3c0.1-0.1,0.2-0.1,0.3-0.1h2.7c0.8,0,1.5,0.2,1.9,0.6c0.4,0.4,0.7,0.9,0.7,1.7
21 c0,0.6-0.2,1.1-0.5,1.5c-0.4,0.4-0.9,0.6-1.5,0.7c0.2,0.1,0.3,0.2,0.5,0.3c0.1,0.1,0.3,0.3,0.4,0.5l1.3,2
22 C32.4,19.1,32.4,19.2,32.4,19.3z M29.5,15.5c0.6,0,1.1-0.1,1.3-0.4c0.3-0.2,0.4-0.6,0.4-1.1c0-0.5-0.1-0.9-0.4-1.1
23 c-0.3-0.2-0.7-0.4-1.4-0.4h-2.2v3H29.5z"/>
24 <path class="st1" d="M35.6,19.2c-0.5-0.3-0.9-0.8-1.2-1.4c-0.3-0.6-0.4-1.3-0.4-2.1c0-0.8,0.1-1.5,0.4-2.1c0.3-0.6,0.7-1.1,1.2-1.4
25 c0.5-0.3,1.2-0.5,1.9-0.5s1.4,0.2,1.9,0.5c0.5,0.3,0.9,0.8,1.2,1.4s0.4,1.3,0.4,2.1s-0.1,1.5-0.4,2.1c-0.3,0.6-0.7,1.1-1.2,1.4
26 c-0.5,0.3-1.2,0.5-1.9,0.5C36.7,19.7,36.1,19.5,35.6,19.2z M39.4,18c0.5-0.6,0.7-1.3,0.7-2.4s-0.2-1.8-0.7-2.4s-1.1-0.8-1.9-0.8
27 c-0.8,0-1.5,0.3-1.9,0.8c-0.5,0.6-0.7,1.3-0.7,2.4s0.2,1.8,0.7,2.4c0.5,0.6,1.1,0.8,1.9,0.8C38.3,18.9,38.9,18.6,39.4,18z"/>
28 <path class="st1" d="M52.7,11.8c0.1,0,0.2-0.1,0.2-0.1c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.1,0.2,0.1,0.3c0,0.1,0,0.1,0,0.2l-2.5,7
29 c0,0.1-0.1,0.2-0.2,0.2c-0.1,0.1-0.2,0.1-0.3,0.1c-0.1,0-0.2,0-0.3-0.1c-0.1-0.1-0.2-0.1-0.2-0.2l-2.2-6.1l-2.2,6.1
30 c0,0.1-0.1,0.2-0.2,0.2c-0.1,0.1-0.2,0.1-0.3,0.1c-0.1,0-0.2,0-0.3-0.1s-0.2-0.1-0.2-0.2l-2.5-7c0-0.1,0-0.1,0-0.2
31 c0-0.1,0-0.2,0.1-0.3s0.2-0.1,0.3-0.1c0.1,0,0.2,0,0.2,0.1c0.1,0,0.1,0.1,0.2,0.2l2.2,6.2l2.2-6.2c0-0.1,0.1-0.2,0.2-0.2
32 c0.1-0.1,0.2-0.1,0.3-0.1s0.2,0,0.3,0.1s0.1,0.1,0.2,0.3l2.2,6.2l2.2-6.3C52.6,11.9,52.6,11.9,52.7,11.8z"/>
33 <path class="st1" d="M55.9,19.4c-0.5-0.2-0.9-0.4-1.2-0.7c-0.1-0.1-0.2-0.2-0.2-0.4c0-0.1,0-0.2,0.1-0.3s0.1-0.1,0.2-0.1
34 c0.1,0,0.2,0,0.3,0.1c0.7,0.5,1.5,0.8,2.3,0.8c0.6,0,1.1-0.1,1.5-0.4c0.3-0.2,0.5-0.6,0.5-1c0-0.3-0.1-0.5-0.2-0.6
35 c-0.2-0.2-0.4-0.3-0.6-0.4c-0.3-0.1-0.6-0.2-1.1-0.3c-0.6-0.1-1.1-0.3-1.5-0.4c-0.4-0.2-0.7-0.4-0.9-0.7c-0.2-0.3-0.4-0.7-0.4-1.1
36 c0-0.4,0.1-0.8,0.4-1.2s0.6-0.6,1-0.8c0.4-0.2,0.9-0.3,1.5-0.3c0.5,0,1,0.1,1.4,0.2c0.4,0.2,0.8,0.4,1.1,0.7
37 c0.1,0.1,0.2,0.2,0.2,0.4c0,0.1,0,0.2-0.1,0.3s-0.1,0.1-0.2,0.1c-0.1,0-0.2,0-0.3-0.1c-0.4-0.3-0.7-0.5-1-0.6
38 c-0.3-0.1-0.7-0.2-1.1-0.2c-0.6,0-1.1,0.1-1.4,0.4s-0.5,0.6-0.5,1.1c0,0.4,0.1,0.7,0.4,0.9c0.3,0.2,0.8,0.4,1.4,0.5
39 c0.7,0.2,1.2,0.3,1.6,0.4s0.7,0.3,1,0.6c0.3,0.3,0.4,0.6,0.4,1.1c0,0.4-0.1,0.8-0.4,1.1s-0.6,0.6-1,0.8c-0.4,0.2-0.9,0.3-1.5,0.3
40 C57,19.7,56.4,19.6,55.9,19.4z"/>
41 <path class="st1" d="M62.4,19.4c-0.1-0.1-0.1-0.2-0.1-0.3v-6.9c0-0.1,0-0.2,0.1-0.3s0.2-0.1,0.3-0.1h4.1c0.1,0,0.2,0,0.3,0.1
42 c0.1,0.1,0.1,0.2,0.1,0.3s0,0.2-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1h-3.7v2.7h3.5c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.1,0.2,0.1,0.3
43 c0,0.1,0,0.2-0.1,0.3C66.8,16,66.7,16,66.6,16h-3.5v2.8h3.7c0.1,0,0.2,0,0.3,0.1s0.1,0.2,0.1,0.3c0,0.1,0,0.2-0.1,0.3
44 c-0.1,0.1-0.2,0.1-0.3,0.1h-4.1C62.6,19.6,62.4,19.5,62.4,19.4z"/>
45 <path class="st1" d="M74,19.5c-0.1-0.1-0.1-0.2-0.1-0.3v-6.6h-2.4c-0.1,0-0.2,0-0.3-0.1s-0.1-0.2-0.1-0.3c0-0.1,0-0.2,0.1-0.3
46 c0.1-0.1,0.2-0.1,0.3-0.1h5.6c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.1,0.2,0.1,0.3c0,0.1,0,0.2-0.1,0.3s-0.2,0.1-0.3,0.1h-2.4v6.6
47 c0,0.1,0,0.3-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1C74.2,19.6,74.1,19.6,74,19.5z"/>
48 <path class="st1" d="M85.1,19.3c0,0.1,0,0.2-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1c-0.2,0-0.3-0.1-0.4-0.2l-1.5-2.3
49 c-0.2-0.3-0.4-0.5-0.6-0.6c-0.2-0.1-0.5-0.2-0.8-0.2H80v2.9c0,0.1,0,0.3-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1c-0.1,0-0.2,0-0.3-0.1
50 c-0.1-0.1-0.1-0.2-0.1-0.3v-6.9c0-0.1,0-0.2,0.1-0.3c0.1-0.1,0.2-0.1,0.3-0.1h2.7c0.8,0,1.5,0.2,1.9,0.6c0.4,0.4,0.7,0.9,0.7,1.7
51 c0,0.6-0.2,1.1-0.5,1.5c-0.4,0.4-0.9,0.6-1.5,0.7c0.2,0.1,0.3,0.2,0.5,0.3s0.3,0.3,0.4,0.5l1.3,2C85.1,19.1,85.1,19.2,85.1,19.3z
52 M82.2,15.5c0.6,0,1-0.1,1.3-0.4c0.3-0.2,0.4-0.6,0.4-1.1c0-0.5-0.1-0.9-0.4-1.1c-0.3-0.2-0.7-0.4-1.4-0.4H80v3H82.2z"/>
53 <path class="st1" d="M87.1,19.4C87,19.4,87,19.3,87,19.1v-6.9c0-0.1,0-0.2,0.1-0.3c0.1-0.1,0.2-0.1,0.3-0.1h4.1
54 c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.1,0.2,0.1,0.3s0,0.2-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1h-3.7v2.7h3.5c0.1,0,0.2,0,0.3,0.1
55 c0.1,0.1,0.1,0.2,0.1,0.3c0,0.1,0,0.2-0.1,0.3C91.6,16,91.5,16,91.3,16h-3.5v2.8h3.7c0.1,0,0.2,0,0.3,0.1s0.1,0.2,0.1,0.3
56 c0,0.1,0,0.2-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1h-4.1C87.3,19.6,87.2,19.5,87.1,19.4z"/>
57 <path class="st1" d="M100.7,19.2c0,0.1,0,0.2-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1c-0.2,0-0.3-0.1-0.4-0.3l-0.8-1.8H95l-0.8,1.8
58 c-0.1,0.2-0.2,0.3-0.4,0.3c-0.1,0-0.2,0-0.3-0.1s-0.1-0.2-0.1-0.3c0-0.1,0-0.1,0-0.2l3.1-7c0-0.1,0.1-0.2,0.2-0.2
59 c0.1-0.1,0.2-0.1,0.3-0.1c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.2,0.1,0.2,0.2l3.1,7C100.7,19.1,100.7,19.2,100.7,19.2z M95.3,16.8h3.5
60 L97,12.9L95.3,16.8z"/>
61 <path class="st1" d="M103.4,19.5c-0.1-0.1-0.1-0.2-0.1-0.3v-6.6h-2.4c-0.1,0-0.2,0-0.3-0.1s-0.1-0.2-0.1-0.3c0-0.1,0-0.2,0.1-0.3
62 c0.1-0.1,0.2-0.1,0.3-0.1h5.6c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.1,0.2,0.1,0.3c0,0.1,0,0.2-0.1,0.3s-0.2,0.1-0.3,0.1h-2.4v6.6
63 c0,0.1,0,0.3-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1C103.6,19.6,103.5,19.6,103.4,19.5z"/>
64 <path class="st1" d="M109.3,19.4c-0.5-0.2-0.9-0.4-1.2-0.7c-0.1-0.1-0.2-0.2-0.2-0.4c0-0.1,0-0.2,0.1-0.3s0.1-0.1,0.2-0.1
65 c0.1,0,0.2,0,0.3,0.1c0.7,0.5,1.5,0.8,2.3,0.8c0.6,0,1.1-0.1,1.5-0.4c0.3-0.2,0.5-0.6,0.5-1c0-0.3-0.1-0.5-0.2-0.6
66 c-0.2-0.2-0.4-0.3-0.6-0.4c-0.3-0.1-0.6-0.2-1.1-0.3c-0.6-0.1-1.1-0.3-1.5-0.4c-0.4-0.2-0.7-0.4-0.9-0.7c-0.2-0.3-0.4-0.7-0.4-1.1
67 c0-0.4,0.1-0.8,0.4-1.2s0.6-0.6,1-0.8s0.9-0.3,1.5-0.3c0.5,0,1,0.1,1.4,0.2c0.4,0.2,0.8,0.4,1.1,0.7c0.1,0.1,0.2,0.2,0.2,0.4
68 c0,0.1,0,0.2-0.1,0.3s-0.1,0.1-0.2,0.1s-0.2,0-0.3-0.1c-0.4-0.3-0.7-0.5-1-0.6c-0.3-0.1-0.7-0.2-1.1-0.2c-0.6,0-1.1,0.1-1.4,0.4
69 c-0.3,0.3-0.5,0.6-0.5,1.1c0,0.4,0.1,0.7,0.4,0.9s0.8,0.4,1.4,0.5c0.7,0.2,1.2,0.3,1.6,0.4c0.4,0.1,0.7,0.3,1,0.6
70 c0.3,0.3,0.4,0.6,0.4,1.1c0,0.4-0.1,0.8-0.4,1.1s-0.6,0.6-1,0.8c-0.4,0.2-0.9,0.3-1.5,0.3C110.3,19.7,109.8,19.6,109.3,19.4z"/>
71 </g>
72 </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 background: url(assets/300x250img.jpg) no-repeat;
68 /* background: url(backup.jpg) no-repeat; */
69 }
70
71 #border{
72 border-top: 10px solid #323e48;
73 background-position: 0 -10px;
74
75 }
76 .box{
77 left:11px;
78 top:13px;
79 opacity: 0;
80 }
81 #box-xmas{
82 opacity: 1;
83 }
84 #txt{
85 left: 167px;
86 top: 21px;
87
88 -ms-transform: scale(.5); /* IE 9 */
89 -ms-transform-origin: 0% 0%; /* IE 9 */
90 -webkit-transform: scale(.5); /* Chrome, Safari, Opera */
91 -webkit-transform-origin: 0% 0%; /* Chrome, Safari, Opera */
92 transform: scale(.5);
93 transform-origin: 0% 0%;
94 }
95 #logo{
96 position: absolute;
97 left: 8px;
98 top: 178px;
99 width:123px; /* 131px */
100 height:auto;
101
102 }
103 #subscribe{
104
105 right: 20px;
106 bottom: 10px;
107 width: 126px;
108 height: auto;
109
110 }
111
112 </style>
113
114 </head>
115
116 <body>
117 <div id="border">
118
119
120 <div id="logo"></div>
121 <img id="subscribe" src="assets/subscribe.svg" alt="txt"> <!-- width="114" height="33" -->
122
123 <!-- <a id="click-tag" href="javascript:window.open(window.clickTag)"></a> -->
124 <a id="click-tag" href="javascript:eyeBuild.doClick(0)"></a>
125 </div>
126
127 <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
128 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
129 <script>
130
131 $( document ).ready(function() {
132
133 /*
134 * embed external svg using ajax
135 */
136
137 eyeBuild.initialize();
138
139 var container = $("#logo");
140 var svgUrl = "assets/logo.svg";
141
142 $.get(svgUrl)
143 .then(injectSvg);
144
145 function injectSvg(xmlDoc) {
146 var svg = $(xmlDoc).find("svg");
147 container.append(svg);
148 animate();
149 }
150
151 /*
152 * animate
153 */
154
155 function animate(){
156
157 // animate the boxes
158
159 var tl = new TimelineMax({repeat:2});
160
161 var d = 1.25;
162 var box_arr = ["#box-advent", "#box-winter", "#box-spoileddog", "#box-valentines"];
163 for (var i = 0 in box_arr) {
164 tl.to(box_arr[i], 0.6, {opacity:1, ease:Power1.easeInOut, delay:d });
165 }
166 for (var i = 0 in box_arr) {
167 tl.to(box_arr[i], 0.6, {opacity:0, delay:0 });
168 }
169 /* console.log("boxes: " + tl.totalDuration()); */
170
171
172 // animate the logo
173
174 var eye_tl = new TimelineMax({repeat:3});
175
176 var winkTime = .3;
177 // close eye
178 eye_tl.to("#cheek", winkTime, {x:3, y:-1, delay:0 });
179 eye_tl.to("#eye-right-mask", winkTime, {scaleY:.001, transformOrigin:"50% 50%", delay:-winkTime });
180 eye_tl.to("#eye-right-lash", .1, {opacity:1, delay:0 });
181 eye_tl.to(["#e-small", "#e-large"], .1, {opacity:1, delay:0 });
182
183 var crumbTime = 1;
184 eye_tl.to("#e-large", crumbTime, {scale:3, x:11, y:-4, transformOrigin:"50% 50%", delay:0 });
185 eye_tl.to("#e-small", crumbTime, {scale:6, x:11, y:1, transformOrigin:"50% 50%", delay:-crumbTime });
186 eye_tl.to("#e-large", crumbTime/4, {scale:.001, opacity:0, transformOrigin:"50% 50%", delay:-crumbTime/2 });
187 eye_tl.to("#e-small", crumbTime/4, {scale:.001, opacity:0, transformOrigin:"50% 50%", delay:-crumbTime/2 });
188
189 // open eye
190 eye_tl.to("#eye-right-lash", .1, {opacity:0, delay:-winkTime*1.9 });
191 eye_tl.to("#cheek", winkTime, {x:0, y:0, delay:-winkTime*1.9 });
192 eye_tl.to("#eye-right-mask", winkTime, {scaleY:1, transformOrigin:"50% 50%", delay:-winkTime*2});
193 eye_tl.to("#eye-right-mask", winkTime, {scaleY:1, transformOrigin:"50% 50%", delay:5});
194
195 /* console.log("eye_right: " + eye_tl.totalDuration()); */
196
197
198 var tongue_tl = new TimelineMax();
199 var pantDuration = .3;
200 var pantTongueLength = .9;
201 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:9, delay:0 });
202 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:3, delay:1 });
203 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:33, delay:1 });
204 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:3, delay:1 });
205 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:13, delay:1 });
206 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:13, delay:1 });
207 /* console.log("tongue: " + tongue_tl.totalDuration()); */
208 };
209 });
210
211
212 </script>
213
214
215 </body>
216
217 </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 <!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: 600px;
67 background: url(assets/300x600img.jpg) no-repeat;
68 /* background: url(backup.jpg) no-repeat; */
69 }
70
71 #border{
72 border-top: 10px solid #323e48;
73 background-position: 0 -10px;
74
75 }
76 .box{
77 left:11px;
78 top:13px;
79 opacity: 0;
80 }
81 #box-xmas{
82 opacity: 1;
83 }
84 #txt{
85 left: 167px;
86 top: 21px;
87
88 -ms-transform: scale(.5); /* IE 9 */
89 -ms-transform-origin: 0% 0%; /* IE 9 */
90 -webkit-transform: scale(.5); /* Chrome, Safari, Opera */
91 -webkit-transform-origin: 0% 0%; /* Chrome, Safari, Opera */
92 transform: scale(.5);
93 transform-origin: 0% 0%;
94 }
95 #logo{
96 position: absolute;
97 left: 6px;
98 top: 3px;
99 width:180px; /* 131px */
100 height:auto;
101
102 }
103 #subscribe{
104
105 right: 20px;
106 bottom: 10px;
107 width: 126px;
108 height: auto;
109
110 }
111
112 </style>
113
114 </head>
115
116 <body>
117 <div id="border">
118
119
120 <div id="logo"></div>
121 <!-- <img id="subscribe" src="assets/subscribe.svg" alt="txt"> -->
122
123 <!-- <a id="click-tag" href="javascript:window.open(window.clickTag)"></a> -->
124 <a id="click-tag" href="javascript:eyeBuild.doClick(0)"></a>
125 </div>
126
127 <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
128 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
129 <script>
130
131 $( document ).ready(function() {
132
133 /*
134 * embed external svg using ajax
135 */
136
137 eyeBuild.initialize();
138
139 var container = $("#logo");
140 var svgUrl = "assets/logo.svg";
141
142 $.get(svgUrl)
143 .then(injectSvg);
144
145 function injectSvg(xmlDoc) {
146 var svg = $(xmlDoc).find("svg");
147 container.append(svg);
148 animate();
149 }
150
151 /*
152 * animate
153 */
154
155 function animate(){
156
157 // animate the boxes
158
159 var tl = new TimelineMax({repeat:2});
160
161 var d = 1.25;
162 var box_arr = ["#box-advent", "#box-winter", "#box-spoileddog", "#box-valentines"];
163 for (var i = 0 in box_arr) {
164 tl.to(box_arr[i], 0.6, {opacity:1, ease:Power1.easeInOut, delay:d });
165 }
166 for (var i = 0 in box_arr) {
167 tl.to(box_arr[i], 0.6, {opacity:0, delay:0 });
168 }
169 /* console.log("boxes: " + tl.totalDuration()); */
170
171
172 // animate the logo
173
174 var eye_tl = new TimelineMax({repeat:3});
175
176 var winkTime = .3;
177 // close eye
178 eye_tl.to("#cheek", winkTime, {x:3, y:-1, delay:0 });
179 eye_tl.to("#eye-right-mask", winkTime, {scaleY:.001, transformOrigin:"50% 50%", delay:-winkTime });
180 eye_tl.to("#eye-right-lash", .1, {opacity:1, delay:0 });
181 eye_tl.to(["#e-small", "#e-large"], .1, {opacity:1, delay:0 });
182
183 var crumbTime = 1;
184 eye_tl.to("#e-large", crumbTime, {scale:3, x:11, y:-4, transformOrigin:"50% 50%", delay:0 });
185 eye_tl.to("#e-small", crumbTime, {scale:6, x:11, y:1, transformOrigin:"50% 50%", delay:-crumbTime });
186 eye_tl.to("#e-large", crumbTime/4, {scale:.001, opacity:0, transformOrigin:"50% 50%", delay:-crumbTime/2 });
187 eye_tl.to("#e-small", crumbTime/4, {scale:.001, opacity:0, transformOrigin:"50% 50%", delay:-crumbTime/2 });
188
189 // open eye
190 eye_tl.to("#eye-right-lash", .1, {opacity:0, delay:-winkTime*1.9 });
191 eye_tl.to("#cheek", winkTime, {x:0, y:0, delay:-winkTime*1.9 });
192 eye_tl.to("#eye-right-mask", winkTime, {scaleY:1, transformOrigin:"50% 50%", delay:-winkTime*2});
193 eye_tl.to("#eye-right-mask", winkTime, {scaleY:1, transformOrigin:"50% 50%", delay:5});
194
195 /* console.log("eye_right: " + eye_tl.totalDuration()); */
196
197
198 var tongue_tl = new TimelineMax();
199 var pantDuration = .3;
200 var pantTongueLength = .9;
201 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:9, delay:0 });
202 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:3, delay:1 });
203 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:33, delay:1 });
204 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:3, delay:1 });
205 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:13, delay:1 });
206 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:13, delay:1 });
207 /* console.log("tongue: " + tongue_tl.totalDuration()); */
208 };
209 });
210
211
212 </script>
213
214
215 </body>
216
217 </html>
...\ No newline at end of file ...\ No newline at end of file
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 <p>Party</p>
15
16 <iframe id='' class="b300x250 float" scrolling="no" src="300x250_party/index.html"></iframe>
17 <iframe id='' class="b300x600 float" scrolling="no" src="300x600_party/index.html"></iframe>
18
19 </body>
20 </html>
1 html {
2 background-color: #d4d4d4;
3 }
4
5 body {
6 margin: 0 auto;
7 padding: 2em 2em 4em;
8 font-family: Helvetica, Arial, sans-serif;
9 font-size: 14px;
10 line-height: 1.5em;
11 color: #8e8e8e;
12 }
13
14 h1, h2, h3, h4, h5, h6 {
15 font-weight: 600;
16 line-height: 1.3em;
17 margin-left: 10px;
18 }
19 a {
20 color: #8e8e8e;
21 }
22 a:hover {
23 color: #FFFFFF;
24 }
25 iframe, img {
26 margin: 10px;
27 /* border: 1px #d4d4d4 solid; */
28 border: 0px fuchsia solid;
29 overflow: hidden;
30 iframe::-webkit-scrollbar {
31 display: none;
32 };
33 }
34
35 .stacked {
36 display: flex;
37
38 }
39 .float {
40 display: inline-flex;
41 vertical-align: top;
42 }
43 .b300x250 {
44 width: 300px;
45 height: 250px;
46 }
47 .b728x90 {
48 width: 728px;
49 height: 90px;
50 }
51 .b300x600 {
52 width: 300px;
53 height: 600px;
54 }
55 .b600x566 {
56 width: 600px;
57 height: 566px;
58 }
1 //js file
...\ No newline at end of file ...\ No newline at end of file
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
11 </head> 11 </head>
12 <body> 12 <body>
13 13
14 <h3><a href="flight1/index.html">Flight 1</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="flight2/index.html">Flight 2</a></h3> 14 <h3><a href="flight1/index.html">Flight 1</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="flight2/index.html">Flight 2</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="flight3/index.html">Flight 3</a></h3>
15 15
16 16
17 </body> 17 </body>
......