1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 6 <!-- Meta --> 7 8<meta charset="utf-8" /> 9<meta name="keywords" content="The Tattoo & Arts Festival Winter Edition is a curated show that showcases than 150 talented local artists highlighting certain tattoo styles. The selection of artists is exclusive, guaranteeing top-tier talents from across the globe. 10Join us for contests, live entertainment and non-stop tattooing all weekend long!" /> 11<meta name="description" content="" /> 12<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" /> 13<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 14<title>Winter Tattoo & Arts Festival</title> 15 16 <link href="/images/favicon.png" rel="shortcut icon" type="image/x-icon" /> 17 <link type="text/css" href="/res/css/common.css" rel="stylesheet" /> 18<link type="text/css" href="/res/css/mw.cells.css" rel="stylesheet" /> 19<link type="text/css" href="/res/css/mw.forms.css?3c59dc048e8850243be8079a5c74d079" rel="stylesheet" /> 20<link type="text/css" href="/res/css/mw.windows.css?3c59dc048e8850243be8079a5c74d079" rel="stylesheet" /> 21<link type="text/css" href="/cms2t/res/vit-lib/status.css" rel="stylesheet" /> 22<link type="text/css" href="/cms2t/res/vit-lib/code_coloring.css" rel="stylesheet" /> 23<link type="text/css" href="/cms2t/res/vit-lib/syntax.css" rel="stylesheet" /> 24<link type="text/css" href="/cms2t/res/mediaelement/mediaelementplayer.css" rel="stylesheet" /> 25<link type="text/css" href="/cms2t/res/css/mw.media.css" rel="stylesheet" /> 26<link type="text/css" href="/res/pages/css/columns.css" rel="stylesheet" /> 27 28
29<script type="text/javascript" src="/cms2t/res/js/json2.js"></script>
vendor: 1 bytes, line 29
29
30<script type="text/javascript" src="/cms2t/res/js/jQuery/jquery.js"></script>
vendor: 1 bytes, line 30
30
31<script type="text/javascript" src="/cms2t/res/mediaelement/mediaelement-and-player.js"></script>
vendor: 1 bytes, line 31
31
32<script type="text/javascript" src="/cms2t/res/js/mw.media.js"></script>
vendor: 1 bytes, line 32
32
33<script type="text/javascript" src="/cms2t/res/js/jQuery/ui/jquery.ui.core.js"></script>
vendor: 1 bytes, line 33
33
34<script type="text/javascript" src="/cms2t/res/js/jQuery/ui/jquery.ui.widget.js"></script>
vendor: 1 bytes, line 34
34
35<script type="text/javascript" src="/cms2t/res/js/jQuery/ui/jquery.ui.mouse.js"></script>
vendor: 1 bytes, line 35
35
36<script type="text/javascript" src="/cms2t/res/js/jQuery/ui/jquery.ui.position.js"></script>
vendor: 1 bytes, line 36
36
37<script type="text/javascript" src="/cms2t/res/js/jQuery/ui/jquery.ui.draggable.js"></script>
vendor: 1 bytes, line 37
37
38<script type="text/javascript" src="/cms2t/res/js/jQuery/jquery.AjaxUpload.js"></script>
vendor: 1 bytes, line 38
38
39<script type="text/javascript" src="/cms2t/res/js/jQuery/hoverIntent.js"></script>
vendor: 1 bytes, line 39
39
40<script type="text/javascript" src="/cms2t/res/js/jQuery/superfish.js"></script>
vendor: 1 bytes, line 40
40
41<script type="text/javascript" src="/cms2t/res/vit-lib/common.js"></script>
vendor: 1 bytes, line 41
41
42<script type="text/javascript" src="/cms2t/res/vit-lib/ajax.js"></script>
vendor: 1 bytes, line 42
42
43<script type="text/javascript" src="/cms2t/res/vit-lib/debug.js"></script>
vendor: 1 bytes, line 43
43
44<script type="text/javascript" src="/cms2t/res/vit-lib/console.js"></script>
vendor: 1 bytes, line 44
44
45<script type="text/javascript">CMS_ALIAS = 'cms2t';CMS_RES = 'res';CMS_JS = 'js';CMS_CSS = 'css';CMS_IMAGES = 'images';</script>
vendor: 1 bytes, line 45
45
46<script type="text/javascript" src="/cms2t/res/js/mw.urls.js"></script>
vendor: 1 bytes, line 46
46
47<script type="text/javascript" src="/cms2t/res/js/mw.debug.js"></script>
vendor: 1 bytes, line 47
47
48<script type="text/javascript" src="/cms2t/res/js/mw.common.js"></script>
vendor: 1 bytes, line 48
48
49<script type="text/javascript" src="/cms2t/res/js/mw.system.js"></script>
vendor: 1 bytes, line 49
49
50<script type="text/javascript" src="/cms2t/res/js/mw.windows.js"></script>
vendor: 1 bytes, line 50
50
51<script type="text/javascript" src="/cms2t/res/js/mw.forms.js"></script>
vendor: 1 bytes, line 51
51
52<script type="text/javascript" src="/cms2t/res/js/mw.front.js"></script>
vendor: 1 bytes, line 52
52
53<script type="text/javascript" src="/res/pages/js/mw.responsive.js"></script>
vendor: 1 bytes, line 53
53
54<script type="text/javascript" src="/res/pages/js/columns.js"></script>
vendor: 1 bytes, line 54
54
55<script type="text/javascript" src="/res/intouch/js/block.contacts.js"></script>
55 56 57 58 59 60 <!-- Favicon --> 61 <link rel="shortcut icon" href="/images/favicon.png"> 62 63 <!-- CSS --> 64 <link rel="stylesheet" href="/css/reset.css"> 65 <link rel="stylesheet" href="/css/all.css"> 66 <link rel="stylesheet" href="/css/sidr.css"> 67 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> 68 <link rel="stylesheet" href="/css/aos.css"> 69 <link rel="stylesheet" href="/css/owlcarousel.css"> 70 71 <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet"> 72 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 66 bytes, lines 72-73
72 73 <script async src="https://www.googletagmanager.com/gtag/js?id=
73UA-113222384-8
vendor: 14 bytes, lines 73-74
73"></script> 74
74<script> 75
vendor: 150 bytes, lines 75-82
75window.dataLayer = window.dataLayer || []; 76 77 function gtag() { 78 dataLayer.push(arguments); 79 } 80 gtag('js', new Date()); 81 82 gtag('config', '
82UA-113222384-8
vendor: 6 bytes, lines 82-83
82'); 83
83</script>
83 84 85 <!-- Google Tag Manager --> 86
86<script>
vendor: 434 bytes, lines 86-100
86 87 (function (w, d, s, l, i) { 88 w[l] = w[l] || []; 89 w[l].push({ 90 'gtm.start': new Date().getTime(), 91 event: 'gtm.js' 92 }); 93 var f = d.getElementsByTagName(s)[0], 94 j = d.createElement(s), 95 dl = l != 'dataLayer' ? '&l=' + l : ''; 96 j.async = true; 97 j.src = 98 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 99 f.parentNode.insertBefore(j, f); 100 })(window, document, 'script', 'dataLayer', '
100GTM-W2F3LXT
vendor: 6 bytes, lines 100-101
100'); 101
101</script>
101 102 <!-- End Google Tag Manager --> 103 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 68 bytes, lines 103-105
103 104 105 <script async src="https://www.googletagmanager.com/gtag/js?id=
105UA-139867522-1
vendor: 16 bytes, lines 105-107
105"></script> 106 107
107<script> 108
vendor: 156 bytes, lines 108-118
108window.dataLayer = window.dataLayer || []; 109 110 function gtag() { 111 dataLayer.push(arguments); 112 } 113 114 gtag('js', new Date()); 115 116 117 118 gtag('config', '
118UA-139867522-1
vendor: 6 bytes, lines 118-119
118'); 119
119</script>
119 120 121 <!-- SHOWPASS SDK HEADER --> 122
122<script type="text/javascript"> 123 (function (window, document, src) { 124 var config = window.__shwps; 125 if (typeof config === "undefined") { 126 config = function () { 127 config.c(arguments) 128 }; 129 config.q = []; 130 config.c = function (args) { 131 config.q.push(args) 132 }; 133 window.__shwps = config; 134 135 var s = document.createElement('script'); 136 s.type = 'text/javascript'; 137 s.async = true; 138 s.src = src; 139 var x = document.getElementsByTagName('script')[0]; 140 x.parentNode.insertBefore(s, x); 141 } 142 })(window, document, 'https://www.showpass.com/static/dist/sdk.js'); 143 </script>
143 144</head> 145 146<body> 147 148 <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 148-149
148 149 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
149GTM-W2F3LXT
vendor: 89 bytes, lines 149-151
149" height="0" width="0" 150 style="display:none;visibility:hidden"></iframe></noscript> 151
151<!-- End Google Tag Manager (noscript) --> 152 153 154 <!-- Header --> 155 <div> 156 <div class="headerThree"> 157 158 <div class="headerWrap"> 159 <div class="header"> 160 161 <div class="headerLeft"> 162 163 <!-- Logo --> 164 <div class="logo"> 165 <a href="/"> <img src="/images/winter-logo.png" alt="Tattoo" /></a> 166 </div> 167 168 </div> 169 170 171 172 <div class="headerRight"> 173 <div class="headerTop"> 174 175 <div class="utilityMenu"> 176 <a href="https://www.facebook.com/calgarytattooshow/" target="_blank"><span 177 class="fa fa-facebook"></span></a> <a href="https://www.instagram.com/albertatattooshows/" 178 target="_blank"><span class="fa fa-instagram"></span></a> 179 </div> 180 181 </div> 182 183 <!-- Main Menu --> 184 <div class="menuWrap"> 185 <div class="mainMenu"> 186 <div class="mwPageArea"><div id="wY3N2IKOSHRG7XVZ" class="mwPageBlock Menu" style=""><ul id="m5lU9ry8J"> 187<li class="no-childs"><a href="/Calgary-Winter-Buy-Tickets"><span class="Title">Buy Tickets </span></a></li> 188<li class=""><a><span class="Title">Show Info <span class="fa fa-angle-down"> </span></span><span class="subMark"></span></a><ul> 189<li class="no-childs"><a href="/Calgary-Winter-General-Info"><span class="Title">General Info </span></a></li> 190<li class="no-childs"><a href="/Calgary-Winter-How-to-Book-a-Tattoo"><span class="Title">How to Book a Tattoo</span></a></li> 191<li class="no-childs"><a href="/Calgary-Winter-FAQ"><span class="Title">FAQs</span></a></li> 192<li class="no-childs"><a href="/Code-of-Conduct"><span class="Title">Code of Conduct</span></a></li></ul></li> 193<li class=""><a><span class="Title">Features <span class="fa fa-angle-down"> </span></span><span class="subMark"></span></a><ul> 194<li class="no-childs"><a href="/Calgary-Winter-Entertainment"><span class="Title">Entertainment</span></a></li> 195<li class="no-childs"><a href="/Calgary-Winter-Exhibitor-List"><span class="Title">Exhibitor List </span></a></li> 196<li class="no-childs"><a href="/Calgary-Winter-Featured-Artists"><span class="Title">Featured Artists</span></a></li> 197<li class="no-childs"><a href="/Calgary-Winter-Tattoo-Contest"><span class="Title">Tattoo Contests</span></a></li></ul></li> 198<li class=""><a><span class="Title">Vendors & Artists <span class="fa fa-angle-down"> </span></span><span class="subMark"></span></a><ul> 199<li class="no-childs"><a href="/Calgary-Apply-for-a-Booth"><span class="Title">Apply for a Booth - Fall</span></a></li> 200<li class="no-childs"><a href="/Calgary-Winter-Exhibitor-Kit"><span class="Title">Show Info & Exhibitor Kit</span></a></li> 201<li class="no-childs"><a href="/Calgary-Winter-Apply-for-a-Booth" onclick="Exhibitor Kit & Information"><span class="Title">***Apply for a Booth - Winter</span></a></li></ul></li> 202<li class=""><a><span class="Title">City <span class="fa fa-angle-down"> </span></span><span class="subMark"></span></a><ul> 203<li class="no-childs"><a href="/Calgary"><span class="Title">Calgary Fall</span></a></li> 204<li class="no-childs"><a href="/Calgary-Winter-Edition"><span class="Title">Calgary Winter Edition</span></a></li> 205<li class="no-childs"><a href="/Edmonton"><span class="Title">Edmonton</span></a></li> 206<li class="no-childs"><a href="/Vancouver"><span class="Title">Vancouver</span></a></li></ul></li> 207<li class="no-childs"><a href="/Calgary-Contact"><span class="Title">Contact</span></a></li></ul></div><div class="Clear"></div></div> 208 </div> 209 </div> 210 211 <!-- Mobile --> 212 <div id="mobile-header"> 213 <a id="responsive-menu-button" href="#sidr-main"> 214 <div id="navIcon"> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> 215 </div> 216 </a> 217 </div> 218 219 </div> 220 221 </div> 222 </div> 223 </div> 224 225
225<script type="text/javascript"> 226 $(document).ready(function () { 227 jQuery('#responsive-menu-button').sidr({ 228 name: 'sidr-main', 229 source: '.mainMenu' 230 }); 231 }); 232 </script>
232 233 </div> 234 235 <!-- Content --> 236 <div> 237 <div class="mwPageArea"><div id="w4HMOFIUSZGW0K9A" class="mwPageBlock Gallery" style=""><!-- Slider Three --> 238<!-- Slider --> 239 240<div class="sliderThree"> 241 <div class="slider"> 242 <div id="owl-demo" class="owl-carousel"> 243 244 <div class="sliderItem"> 245 <img src="/files/_cache/ae1aa42170425b86f44da867604d0a0a.png" style="width:100%" /> 246 </div> 247 248 </div> 249 </div> 250</div>
251<script src="/js/owl.carousel.js"></script>
251
252<script> 253 $(document).ready(function() { 254 255 var owl = $("#owl-demo"); 256 257 owl.owlCarousel({ 258 autoPlay : 7000, 259 navigation : true, 260 pagination : false, 261 singleItem : true, 262 transitionStyle : "fade" 263 /* Transitions "fade", "backSlide", goDown and scaleUp */ 264 }); 265 }); 266</script>
266 267
267<script type="text/javascript"> 268 jQuery( function () { mwInitMedia('#w4HMOFIUSZGW0K9A') } ); 269 </script>
269 270 </div><div id="wHK5MVP68HWG207O" class="mwPageBlock Include" style=""><div class="contentAreaWhite"> 271 <div class="mainContentArea"> 272 <div class="mwPageArea"><div id="wE6HJE9I2IHDGOOX" class="mwPageBlock Include" style=""><div class="eightHundred"> 273 <div class="mwPageArea"><div id="w52EF1EEOEFCCD20" class="mwPageBlock Content" style=""><div class="BlockContents"><h5 style="text-align: center;"> 274 <strong><span style="color: #008080;">NEW WINTER EDITION! </span></strong> 275</h5> 276<h5 style="text-align: center;"> 277 <em>Focusing on local talent, an intimate show highlighting specific tattoo styles!</em> 278</h5> 279<p style="text-align: center;"> 280 <em>Black & Grey | Blackwork | Fineline | Floral | Illustrative 281 <br /> 282 Japanese | Neo Traditional | Realistic | Traditional 283 <br /></em> 284</p> 285<h5 style="text-align: center;"> 286 <span style="color: #008080;"><strong>FEBRUARY 19-21, 2027 287 <br /></strong> <strong>BMO Centre Hall A, STAMPEDE PARK</strong></span> 288</h5> 289<h5 style="text-align: center;"> 290 Enjoy contests, retail exhibits, & tattooing all weekend long! 291</h5></div></div><div class="Clear"></div></div> 292</div> 293</div><div id="w6BAR1HC4QZHA8WH" class="mwPageBlock Gallery" style=""><!-- Owl Carousel Assets --> 294 295 296 297 298 299<div id="owl-demo" class="logo-gallery two"> 300 301 <a href="/files/galleries/catfineline.jpg" target="_blank"><img src="/files/_cache/b57b797aeab92771cfd08f547c76bb51.jpg" alt="catfineline.jpg" /></a> <a href="/files/galleries/catblackwork.jpg" target="_blank"><img src="/files/_cache/35679dfb293cddb94aa538afab4c7ff4.jpg" alt="catblackwork.jpg" /></a> <a href="/files/galleries/catfloral.jpg" target="_blank"><img src="/files/_cache/812f9a0b39cccf7289f6618900b100f3.jpg" alt="catfloral.jpg" /></a> <a href="/files/galleries/catillustrative.jpg" target="_blank"><img src="/files/_cache/521b571c6349b10620350d8f3ef52283.jpg" alt="catillustrative.jpg" /></a> <a href="/files/galleries/cattraditional.jpg" target="_blank"><img src="/files/_cache/f698c725870aa567ef75776ef68bfaf4.jpg" alt="cattraditional.jpg" /></a> <a href="https://www.instagram.com/stevepeacetattoos/" target="_blank"><img src="/files/_cache/aabd4fd6a193398b9ea3a7e3c6674bcc.jpg" alt="Steve Peace" /></a> 302 303</div> 304 305 306 307<!-- Demo --> 308 309 310
311<script> 312 313 jQuery(document).ready(function() { 314 315 $(".logo-gallery.two").owlCarousel({ 316 317 autoPlay: 5000, 318 319 items : 4, 320 321 itemsDesktop : [1199,3], 322 323 itemsDesktopSmall : [979,2], 324 325 navigation : true, 326 327 autoHeight : true 328 329 }); 330 331}); 332 333</script>
333 334 335
335<script type="text/javascript"> 336 jQuery( function () { mwInitMedia('#w6BAR1HC4QZHA8WH') } ); 337 </script>
337 338 </div><div class="Clear"></div></div> 339 </div> 340</div> 341<div class="Clear"></div></div><div id="w2KK31VT9WBCUSIE" class="mwPageBlock Include" style=""><div class="contentAreaColored red"> 342 <div class="mainContentArea"> 343 <div class="mwPageArea"><div class="Clear"></div></div> 344 </div> 345</div> 346<div class="Clear"></div></div><div id="w6Z8G4JZ5KXAWB22" class="mwPageBlock Columns" style=""> <div class="mwColumns areas pad middle-s top-s bottom-s"> 347 <div style="width:50%"> 348 <div class="mwPageArea"><div id="wS5RYSGOTHH7C79V" class="mwPageBlock File" style=""> 349 350 351 352 <div class="contentImageCaption" style="background:url('/files/galleries/CTATBooth.jpg') center center no-repeat; background-size:cover;"> 353 354 <a href="/Calgary-Winter-General-Info"> 355 356 <div class="contentImageCaptionCopy"> 357 358 <h2>General Info</h2> 359 360 </div> 361 362 </a> 363 364 </div> 365 366 367 368</div><div class="Clear"></div></div> 369 </div> 370 <div style="width:50%"> 371 <div class="mwPageArea"><div id="wM3A67TIMBN9WJAI" class="mwPageBlock File" style=""> 372 373 374 375 <div class="contentImageCaption" style="background:url('/files/galleries/applyforabooth.jpg') center center no-repeat; background-size:cover;"> 376 377 <a href="https://www.showpass.com/calgary-winter-tattoo2027/"> 378 379 <div class="contentImageCaptionCopy"> 380 381 <h2>Tickets</h2> 382 383 </div> 384 385 </a> 386 387 </div> 388 389 390 391</div><div class="Clear"></div></div> 392 </div> 393 </div> 394 </div><div id="w2IL6PDWIXA3DI2O" class="mwPageBlock Columns" style=""> <div class="mwColumns areas pad middle-s"> 395 <div style="width:33.27%"> 396 <div class="mwPageArea"><div id="wTH7UBUAGDZ9I0LM" class="mwPageBlock File" style=""> 397 398 399 400 <div class="contentImageCaption" style="background:url('/files/galleries/Entertainment_3.png') center center no-repeat; background-size:cover;"> 401 402 <a href="/Calgary-Winter-Entertainment"> 403 404 <div class="contentImageCaptionCopy"> 405 406 <h2>Entertainment</h2> 407 408 </div> 409 410 </a> 411 412 </div> 413 414 415 416</div><div class="Clear"></div></div> 417 </div> 418 <div style="width:33.62%"> 419 <div class="mwPageArea"><div id="w2N45ISCV7H5NIHX" class="mwPageBlock File" style=""> 420 421 422 423 <div class="contentImageCaption" style="background:url('/files/galleries/CTATT_Winter_blocks.png') center center no-repeat; background-size:cover;"> 424 425 <a href="/Calgary-Winter-Featured-Artists"> 426 427 <div class="contentImageCaptionCopy"> 428 429 <h2>Featured Artists</h2> 430 431 </div> 432 433 </a> 434 435 </div> 436 437 438 439</div><div class="Clear"></div></div> 440 </div> 441 <div style="width:33.11%"> 442 <div class="mwPageArea"><div id="w77K203CZQCFSM5F" class="mwPageBlock File" style=""> 443 444 445 446 <div class="contentImageCaption" style="background:url('/files/galleries/artists3-0001.png') center center no-repeat; background-size:cover;"> 447 448 <a href="/Calgary-Winter-Exhibitor-List"> 449 450 <div class="contentImageCaptionCopy"> 451 452 <h2>Exhibitor List</h2> 453 454 </div> 455 456 </a> 457 458 </div> 459 460 461 462</div><div class="Clear"></div></div> 463 </div> 464 </div> 465 </div><div id="w0QETI59B68D7EN8" class="mwPageBlock Include" style=""><div class="contentAreaWhite"> 466 <div class="mainContentArea"> 467 <div class="mwPageArea"><div id="wX019WCCHCK9J3IV" class="mwPageBlock Gallery" style=""><!-- Owl Carousel Assets --> 468 469 470 471<div id="owl-demo" class="logo-gallery one"> 472 473 <a href="/files/galleries/TattooDay.png"><img src="/files/_cache/8f79373dfaee3ccc3bb52d754c2bbf7b.png" alt="TattooDay.png" /></a> <a href="/files/galleries/IC.jpg"><img src="/files/_cache/66475bec42c490aad9b1d5c3cafa6b2a.jpg" alt="IC.jpg" /></a> <a href="/files/galleries/goodguy-web.png"><img src="/files/_cache/233e77eb6436cfa672c857e9612eecf6.png" alt="goodguy-web.png" /></a> <a href="/files/galleries/fyt-web.png"><img src="/files/_cache/61e01d35f0534c4727835b41f30df120.png" alt="fyt-web.png" /></a> <a href="https://www.eikondevice.com/"><img src="/files/_cache/4001c39c62f911b3093f7d04f215053f.jpg" alt="EikonWebSponsor.jpg" /></a> <a href="/files/galleries/deadlynorth.png"><img src="/files/_cache/4ef01877b15d47cb5a817b606cef11af.png" alt="deadlynorth.png" /></a> <a href="http://www.eternaltattoosupply.com/Eternal-Ink_c_1.html"><img src="/files/_cache/cd508af99ae6d1ec11466ec195bb46b3.jpg" alt="EternalInk_web2.jpg" /></a> <a href="https://www.mithracanada.com/"><img src="/files/_cache/e423f48ef83a62ef1a8b96aed6f8ab56.jpg" alt="WebSponsorMithra.jpg" /></a> <a href="/files/galleries/solabs-web.png"><img src="/files/_cache/1e11f160348865129b3a60faac989315.png" alt="solabs-web.png" /></a> 474 475</div> 476 477 478
479<script src="/js/owl.carousel.js"></script>
479 480 481 482 483<!-- Demo --> 484 485 486
487<script> 488 489 jQuery(document).ready(function() { 490 491 jQuery(".logo-gallery.one").owlCarousel({ 492 493 autoPlay: 5000, 494 495 items : 4, 496 497 itemsDesktop : [1199,3], 498 499 itemsDesktopSmall : [979,2], 500 501 navigation : true, 502 503 autoHeight : true 504 505 }); 506 507 508 509 }); 510 511</script>
511 512 513
513<script type="text/javascript"> 514 jQuery( function () { mwInitMedia('#wX019WCCHCK9J3IV') } ); 515 </script>
515 516 </div><div class="Clear"></div></div> 517 </div> 518</div> 519<div class="Clear"></div></div><div id="wP6DO4H83ZYJWN31" class="mwPageBlock Include" style=""><div class="contentAreaWhite"> 520 <div class="mainContentArea"> 521 <div class="mwPageArea"><div id="wEUBG7NJMBBYXUWH" class="mwPageBlock Include" style=""><div class="sevenTwenty"> 522 <div class="mwPageArea"><div id="wSJDR8B8ANW66VZS" class="mwPageBlock Include" style=""><div class="twoColumn"> 523 <div class="twoColLeft"> 524 <div class="mwPageArea"><div id="wV8QFLM9Y4961PLP" class="mwPageBlock Include" style=""><div id="instagram-photos" class="instagram-photos"></div> 525<style> 526 527.instagram-photos { 528 display: flex; 529 flex-wrap: wrap; 530justify-content: space-between; 531 532} 533 534 535.instagram-photos a { 536 width:32%; 537 margin-bottom: 7px; 538} 539 540.instagram-photos img { 541 width:100%; 542 height: 140px; 543} 544 545</style>
546<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.0/axios.min.js"></script>
546
547<script> 548 549const instagramRegExp = new RegExp(/
549<script type="text\/javascript">window\._sharedData = (.*);<\/script>/) 550 551const fetchInstagramPhotos = async (accountUrl) => { 552 const response = await axios.get(accountUrl) 553 const json = JSON.parse(response.data.match(instagramRegExp)[1]) 554 const edges = json.entry_data.ProfilePage[0].graphql.user.edge_owner_to_timeline_media.edges.splice(0, 9) 555 const photos = edges.map(({ node }) => { 556 return { 557 url: `https://www.instagram.com/p/${node.shortcode}/`, 558 thumbnailUrl: node.thumbnail_src, 559 displayUrl: node.display_url, 560 } 561 }) 562 return photos 563} 564 565(async () => { 566 try { 567 const photos = await fetchInstagramPhotos('https://www.instagram.com/albertatattooshows/') 568 const container = document.getElementById('instagram-photos') 569 photos.forEach(el => { 570 const a = document.createElement('a') 571 const img = document.createElement('img') 572 573 a.setAttribute('href', el.url) 574 a.setAttribute('target', '_blank') 575 a.setAttribute('rel', 'noopener noreferrer') 576 a.classList.add('instagram-photo') 577 578 img.setAttribute('src', el.thumbnailUrl) 579 img.setAttribute('alt', el.caption) 580 581 a.appendChild(img) 582 container.appendChild(a) 583 }) 584 } catch (e) { 585 console.error('Fetching Instagram photos failed', e) 586 } 587})() 588 589 590</script>
590 591</div><div class="Clear"></div></div> 592 </div> 593 <div class="twoColRight"> 594 <div class="mwPageArea"><div id="w6QE430M6ZXSD3J4" class="mwPageBlock Content" style=""><div class="BlockContents"><p class="fbHide"> 595 <iframe style="overflow: hidden; display: block; margin-left: auto; margin-right: auto;" src= 596 "https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fcalgarytattooshow&tabs=timeline&&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" 597 width="100%" height="435" frameborder="0" scrolling="no"></iframe> 598</p></div></div><div class="Clear"></div></div> 599 </div> 600</div> 601</div><div class="Clear"></div></div> 602</div> 603</div><div class="Clear"></div></div> 604 </div> 605</div> 606<div class="Clear"></div></div><div class="Clear"></div></div> 607 </div> 608 609 <!-- Footer --> 610 611 612 613 614 <div class="contentAreaColored subfooter"> 615 <div class="threeColumn"> 616 <div class="threeCol"> 617 <div class="contentImageCaption newsletter" 618 style="background:url('/files/galleries/download1.jpg') center center no-repeat; background-size:cover;"> 619 </div> 620 </div> 621 <div class="threeCol"> 622 <div class="contentAreaColored"> 623 <div class="mainContentArea"> 624 <div class="mwPageArea" data-rel="mainContent"> 625 <div class="mwPageBlock Contact" style=""> 626 <div id="wRYQGLM3T1GPFAHL" class="mwPageBlock Contact" style="">
626<script type="text/javascript"> 627 jQuery( function () { 628 styleDialog('#FSG6FGI6RPRDTSM5 .Dialog'); 629 jQuery('#FSG6FGI6RPRDTSM5').submit( function () { mwListForm(this).submit(); } ); 630 }); // jQuery.onLoad 631 </script>
631 632 <a name="AFSG6FGI6RPRDTSM5"></a> 633 <form id="FSG6FGI6RPRDTSM5" method="post" enctype="multipart/form-data" onsubmit="return false;" > 634 <div class="mwFormStatus"></div> 635 <input type="hidden" name="relation" value="10467" /> 636 <input type="hidden" name="list" value="16" /> 637 <input type="hidden" name="sn" value="FSG6FGI6RPRDTSM5" /> 638 <table class="Dialog Tall"> 639 <tbody> 640 <tr class="Group"> 641 <td> 642 <div style="max-width: 260px; margin: 0 auto;" align="center"> 643 <h2> 644 Stay In Touch 645 </h2> 646 <h5> 647 Signup for our newsletter 648 </h5><input name="name" value="" placeholder="Name" type="text" /> <input name="email" value="" placeholder="Email" type="text" /> <input class="mwFormSubmit" 649 style="float: center;" value="SUBSCRIBE NOW!" type="submit" /> 650 </div> 651 </td> 652 </tr> 653 </tbody> 654</table> 655 <div class="Clear"></div> 656 </form> 657 </div> 658 </div> 659 </div> 660 </div> 661 </div> 662 </div> 663 <div class="threeCol"> 664 <div class="contentImageCaption newsletter" 665 style="background:url('/files/galleries/CanH290_BW.jpg') center center no-repeat; background-size:cover;"> 666 </div> 667 </div> 668 </div> 669 </div> 670 671 672 673 674 <div class="footerThree"> 675 676 677 <div class="footerWrap"> 678 <div class="footer"> 679 680 681 <p>Copyright © 2021 All Rights Reserved.</p> 682 683 684 </div> 685 </div> 686 687 688 </div> 689 690<div class="toTop"> 691<span class="fa fa-arrow-up"></span> Back to Top 692</div> 693
693<script src="/js/jquery.magnific-popup.js"></script>
693 694 695 <!-- Sidr Menu --> 696
696<script type="text/javascript" src="/js/sidr.js"></script>
696 697 698 <!-- Owl Carousel --> 699
699<script src="/js/owl.carousel.js"></script>
699 700 701 <!-- Images Resize --> 702
702<script type="text/javascript"> 703 jQuery(document).ready(function ($) { 704 $('img').removeAttr('width height'); 705 }); 706 </script>
706 707 708 <!-- Images Resize --> 709
709<script type="text/javascript" src="/js/wow.min.js"></script>
709 710 711 <!-- Scripts --> 712
712<script src="/js/scripts.js"></script>
712 713</body> 714 715</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.