892f7b0c by Dan Rempel

Bosco early times. Still need to complete animation of logo.

1 parent 39b153c3
Showing 42 changed files with 617 additions and 0 deletions
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 <script type="text/javascript">
8
9 // IAB source: modified to allow link testing
10 var clickTag = "https://boscoandroxys.com";
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
24
25 <style>
26
27 body{
28 margin: 0;
29 padding: 0;
30 }
31 a{
32 text-decoration: none;
33 }
34 #click-tag{
35 display: block;
36 position: absolute;
37 width: 100%;
38 height: 100%;
39 }
40 #border{
41 position: relative;
42 width: 100%;
43 height: 100%;
44 border: 1px solid #323e48;
45 background-color: #FFFFFF;
46 overflow: hidden;
47 cursor: pointer;
48 box-sizing: border-box;
49 background-position: 0 -10px;
50 }
51 img {
52 position: absolute;
53 }
54
55
56 /* Custom per ad */
57
58 body{
59 width: 300px;
60 height: 250px;
61 }
62
63 #border{
64 border-top: 10px solid #323e48;
65
66 }
67 .box{
68 left:11px;
69 top:13px;
70 opacity: 0;
71 }
72 #box-xmas{
73 opacity: 1;
74 }
75 #txt{
76 left: 167px;
77 top: 21px;
78
79 -ms-transform: scale(.5); /* IE 9 */
80 -ms-transform-origin: 0% 0%; /* IE 9 */
81 -webkit-transform: scale(.5); /* Chrome, Safari, Opera */
82 -webkit-transform-origin: 0% 0%; /* Chrome, Safari, Opera */
83 transform: scale(.5);
84 transform-origin: 0% 0%;
85 }
86 #logo{
87 position: absolute;
88 left: 17px;
89 top: 168px;
90 width:131px;
91 height:157px;
92
93 }
94 #subscribe{
95 left: 167px;
96 top: 190px;
97
98 }
99
100 #eye-right-lash, #e-large, #e-small{
101 opacity: 0;
102 }
103 #pant{
104 }
105
106 </style>
107
108 </head>
109
110 <body>
111 <div id="border">
112
113
114 <img class="box" id="box-xmas" src="assets/box-xmas.jpg" alt="box-xmas">
115 <img class="box" id="box-advent" src="assets/box-advent.jpg" alt="box-advent">
116 <img class="box" id="box-winter" src="assets/box-winter.jpg" alt="box-winter">
117 <img class="box" id="box-spoileddog" src="assets/box-spoileddog.jpg" alt="box-spoileddog">
118 <img class="box" id="box-valentines" src="assets/box-valentines.jpg" alt="box-valentines">
119 <!--
120 <img class="box" id="box-birthday" src="assets/box-birthday.jpg" alt="box-birthday">
121 <img class="box" id="box-thanksgiving" src="assets/box-thanksgiving.jpg" alt="box-thanksgiving">
122 -->
123
124 <img id="txt" src="assets/txt.png" alt="txt"> <!-- width="238" height="215" -->
125
126
127 <div id="logo"></div>
128 <img id="subscribe" src="assets/subscribe.svg" alt="txt" width="114" height="33">
129
130 <a id="click-tag" href="javascript:window.open(window.clickTag)"></a>
131 </div>
132
133 <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
134 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
135 <script>
136
137 $( document ).ready(function() {
138
139 /*
140 * embed external svg using ajax
141 */
142
143 var container = $("#logo");
144 var svgUrl = "assets/logo.svg";
145
146 $.get(svgUrl)
147 .then(injectSvg);
148
149 function injectSvg(xmlDoc) {
150 var svg = $(xmlDoc).find("svg");
151 container.append(svg);
152 animate();
153 }
154
155 /*
156 * animate
157 */
158
159 function animate(){
160
161 // animate the boxes
162
163 var tl = new TimelineMax({repeat:2});
164
165 var d = 1.25;
166 var box_arr = ["#box-advent", "#box-winter", "#box-spoileddog", "#box-valentines"];
167 for (var i = 0 in box_arr) {
168 tl.to(box_arr[i], 0.6, {opacity:1, ease:Power1.easeInOut, delay:d });
169 }
170 for (var i = 0 in box_arr) {
171 tl.to(box_arr[i], 0.6, {opacity:0, delay:0 });
172 }
173 console.log("boxes: " + tl.totalDuration());
174
175
176 // animate the logo
177
178 var eye_tl = new TimelineMax({repeat:12});
179 eye_tl.to("#eye-right-lid", 2, {scaleY:.1, transformOrigin:"0% 0%", delay:0 });
180
181
182 console.log("eye_right: " + eye_tl.totalDuration());
183
184
185
186 var tongue_tl = new TimelineMax();
187 var pantDuration = .3;
188 var pantTongueLength = .9;
189 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:9, delay:0 });
190 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:3, delay:1 });
191 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:33, delay:1 });
192 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:3, delay:1 });
193 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:13, delay:1 });
194 tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:13, delay:1 });
195 console.log("tongue: " + tongue_tl.totalDuration());
196 };
197 });
198
199
200 </script>
201
202
203 </body>
204
205 </html>
...\ No newline at end of file ...\ No newline at end of file
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 <script type="text/javascript">
8
9 // IAB source: modified to allow link testing
10 var clickTag = "https://businesstobruce.com/wiarton";
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
24
25 <style>
26
27 body{
28 margin: 0;
29 padding: 0;
30 }
31 a{
32 text-decoration: none;
33 }
34 #click-tag{
35 display: block;
36 position: absolute;
37 width: 100%;
38 height: 100%;
39 }
40 #border{
41 position: relative;
42 width: 100%;
43 height: 100%;
44 border: 1px solid #939598;
45 background-color: #FFFFFF;
46 overflow: hidden;
47 cursor: pointer;
48 box-sizing: border-box;
49 }
50 img {
51 position: absolute;
52 }
53 #logos {
54 right: 0px;
55 top: 185px;
56 opacity: 0;
57 }
58
59
60 /* Custom per ad */
61
62 body{
63 width: 300px;
64 height: 250px;
65 }
66
67 #blue {
68 left: -402px;
69 }
70
71 </style>
72
73 </head>
74
75 <body>
76 <div id="border">
77 <img id="img" src="assets/img.jpg">
78 <img id="blue" src="assets/blue.gif">
79 <img id="logos" src="assets/logos.gif">
80 <img id="triangle" src="assets/triangle.png">
81 <img id="check" src="assets/check.gif">
82
83 <a id="click-tag" href="javascript:window.open(window.clickTag)"></a>
84 </div>
85
86 <!-- GREENSOCK-->
87 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
88 <script>
89 var tl = new TimelineMax({repeat:2});
90
91 tl.to("#check", 0.6, {left:-728, ease:Power1.easeInOut, delay:3.5 });
92 tl.to("#blue", 0.4, {left:0, ease:Power1.easeInOut, delay:3.3 });
93 tl.to("#img", 1.0, {opacity:0, ease:Power1.easeInOut, delay:-0.5 });
94 tl.to("#logos", 1.0, {opacity:1, ease:Power1.easeInOut, delay:0 });
95 tl.to("#logos", 1.0, {opacity:1, ease:Power1.easeInOut, delay:2 });
96 </script>
97
98
99 </body>
100
101 </html>
...\ No newline at end of file ...\ No newline at end of file
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 <script type="text/javascript">
8
9 // IAB source: modified to allow link testing
10 var clickTag = "https://businesstobruce.com/wiarton";
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
24
25 <style>
26
27 body{
28 margin: 0;
29 padding: 0;
30 }
31 a{
32 text-decoration: none;
33 }
34 #click-tag{
35 display: block;
36 position: absolute;
37 width: 100%;
38 height: 100%;
39 }
40 #border{
41 position: relative;
42 width: 100%;
43 height: 100%;
44 border: 1px solid #939598;
45 background-color: #FFFFFF;
46 overflow: hidden;
47 cursor: pointer;
48 box-sizing: border-box;
49 }
50 img {
51 position: absolute;
52 }
53 #logos {
54 right: 0px;
55 top: 185px;
56 opacity: 0;
57 }
58
59
60 /* Custom per ad */
61
62 body{
63 width: 300px;
64 height: 250px;
65 }
66
67 #blue {
68 left: -402px;
69 }
70
71 </style>
72
73 </head>
74
75 <body>
76 <div id="border">
77 <img id="img" src="assets/img.jpg">
78 <img id="blue" src="assets/blue.gif">
79 <img id="logos" src="assets/logos.gif">
80 <img id="triangle" src="assets/triangle.png">
81 <img id="check" src="assets/check.gif">
82
83 <a id="click-tag" href="javascript:window.open(window.clickTag)"></a>
84 </div>
85
86 <!-- GREENSOCK-->
87 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
88 <script>
89 var tl = new TimelineMax({repeat:2});
90
91 tl.to("#check", 0.6, {left:-728, ease:Power1.easeInOut, delay:3.5 });
92 tl.to("#blue", 0.4, {left:0, ease:Power1.easeInOut, delay:3.3 });
93 tl.to("#img", 1.0, {opacity:0, ease:Power1.easeInOut, delay:-0.5 });
94 tl.to("#logos", 1.0, {opacity:1, ease:Power1.easeInOut, delay:0 });
95 tl.to("#logos", 1.0, {opacity:1, ease:Power1.easeInOut, delay:2 });
96 </script>
97
98
99 </body>
100
101 </html>
...\ No newline at end of file ...\ No newline at end of file
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 <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><a href="index.html">Wiarton</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_kin.html">Kincardine</a></h3>
15
16 <iframe id='' class="b728x90 float" scrolling="no" src="728x90_Wiarton/index.html"></iframe>
17 <div style="width:700px">
18 <iframe id='' class="b300x250 float" scrolling="no" src="300x250_Wiarton/index.html"></iframe>
19 </div>
20 <!-- <iframe id='' class="b300x600 stacked" scrolling="no" src="300x600_Wiarton/index.html"></iframe> -->
21
22 </body>
23 </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