@penskemediacorp/larva 1.2.0-alpha.0 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (236) hide show
  1. package/.eslintignore +6 -0
  2. package/LICENSE +21 -0
  3. package/README.md +119 -4
  4. package/__tests__/fixtures/build/css/common.inline.css +1 -0
  5. package/__tests__/fixtures/build/images/test.png +0 -0
  6. package/__tests__/fixtures/build/js/larva-ui.js +1 -0
  7. package/__tests__/fixtures/build/svg/defs/sprite.svg +1 -0
  8. package/__tests__/fixtures/larva.config.js +43 -0
  9. package/__tests__/fixtures/public/some-library.js +1 -0
  10. package/__tests__/fixtures/src/patterns/__tests__/.gitkeep +0 -0
  11. package/__tests__/fixtures/src/patterns/components/c-nav-link/c-nav-link.featured.aia.js +3 -0
  12. package/__tests__/fixtures/src/patterns/components/c-nav-link/c-nav-link.featured.js +3 -0
  13. package/__tests__/fixtures/src/patterns/components/c-nav-link/c-nav-link.js +1 -0
  14. package/__tests__/fixtures/src/patterns/components/c-nav-link/c-nav-link.json +3 -0
  15. package/__tests__/fixtures/src/patterns/components/c-nav-link/c-nav-link.prototype.js +3 -0
  16. package/__tests__/fixtures/src/patterns/components/c-nav-link/c-nav-link.twig +3 -0
  17. package/__tests__/fixtures/src/patterns/components/c-tagline/c-tagline.prototype.js +3 -0
  18. package/__tests__/fixtures/src/patterns/modules/_also-ignored/_also-ignored.prototype.js +3 -0
  19. package/__tests__/fixtures/src/patterns/modules/_also-ignored/_also-ignored.twig +3 -0
  20. package/__tests__/fixtures/src/patterns/modules/ignore-me/ignore-me.prototype.js +0 -0
  21. package/__tests__/fixtures/src/patterns/modules/ignore-me/ignore-me.twig +0 -0
  22. package/__tests__/fixtures/src/patterns/modules/test-module/test-module.featured.js +3 -0
  23. package/__tests__/fixtures/src/patterns/modules/test-module/test-module.prototype.js +3 -0
  24. package/__tests__/fixtures/src/patterns/modules/test-module/test-module.twig +0 -0
  25. package/__tests__/fixtures/src/patterns/objects/_objects.scss +0 -0
  26. package/__tests__/fixtures/src/patterns/objects/o-crap/o-crap.json +3 -0
  27. package/__tests__/fixtures/src/patterns/objects/o-crap/o-crap.scss +0 -0
  28. package/__tests__/fixtures/src/patterns/objects/o-crap/o-crap.twig +1 -0
  29. package/__tests__/fixtures/src/patterns/objects/o-nav/o-nav.twig +14 -0
  30. package/__tests__/fixtures/src/patterns/one-offs/newswire/newswire.html +1 -0
  31. package/__tests__/fixtures/src/patterns/one-offs/newswire/newswire.prototype.js +3 -0
  32. package/__tests__/fixtures/template-parts/some-template.php +3 -0
  33. package/__tests__/lib/generateStatic.test.js +140 -0
  34. package/__tests__/lib/utils/clonePatternData.test.js +23 -0
  35. package/__tests__/lib/utils/getAllPatternsObj.test.js +45 -0
  36. package/__tests__/lib/utils/getAppConfiguration.test.js +13 -0
  37. package/__tests__/lib/utils/getModuleNamesFromDirectory.test.js +23 -0
  38. package/__tests__/lib/utils/getPatternData.test.js +55 -0
  39. package/__tests__/lib/utils/getPatternPathsToLoad.test.js +13 -0
  40. package/__tests__/lib/utils/getPatternRoutes.test.js +29 -0
  41. package/__tests__/lib/utils/getPatternType.test.js +16 -0
  42. package/__tests__/lib/utils/getPatternVariants.test.js +20 -0
  43. package/__tests__/lib/utils/getPatternsIndexPath.test.js +9 -0
  44. package/__tests__/lib/utils/getSubDirectoryNames.test.js +17 -0
  45. package/__tests__/lib/utils/isCoreTheme.test.js +12 -0
  46. package/__tests__/lib/utils/writeJsonToFile.test.js +29 -0
  47. package/__tests__/lib/writeJson.test.js +83 -0
  48. package/bin/larva.js +25 -0
  49. package/build/css/larva-important.css +1 -0
  50. package/build/css/larva-ui.css +1 -0
  51. package/build/css/larva.css +1 -0
  52. package/build/css/larva.inline-important.css +1 -0
  53. package/build/css/larva.inline.css +1 -0
  54. package/build/css/variety.compat-important.css +1 -0
  55. package/build/css/variety.compat.css +1 -0
  56. package/build/js/common.js +26 -0
  57. package/build/js/larva-ui.js +1 -0
  58. package/build/js/standalone/video-showcase.js +26 -0
  59. package/build/svg/brand-logo-white.svg +1 -0
  60. package/build/svg/brand-logo.svg +1 -0
  61. package/build/svg/defs/sprite.defs.html +852 -0
  62. package/build/svg/defs/sprite.defs.svg +1 -0
  63. package/build/tokens/artinamerica.custom-properties.css +546 -0
  64. package/build/tokens/artinamerica.json +533 -0
  65. package/build/tokens/artinamerica.map.scss +546 -0
  66. package/build/tokens/artinamerica.raw.json +4341 -0
  67. package/build/tokens/artnews.custom-properties.css +550 -0
  68. package/build/tokens/artnews.json +536 -0
  69. package/build/tokens/artnews.map.scss +550 -0
  70. package/build/tokens/artnews.raw.json +4373 -0
  71. package/build/tokens/bbpro.custom-properties.css +96 -0
  72. package/build/tokens/bbpro.json +80 -0
  73. package/build/tokens/bbpro.map.scss +96 -0
  74. package/build/tokens/bbpro.raw.json +789 -0
  75. package/build/tokens/billboard.custom-properties.css +96 -0
  76. package/build/tokens/billboard.json +80 -0
  77. package/build/tokens/billboard.map.scss +96 -0
  78. package/build/tokens/billboard.raw.json +789 -0
  79. package/build/tokens/deadline.custom-properties.css +533 -0
  80. package/build/tokens/deadline.json +517 -0
  81. package/build/tokens/deadline.map.scss +533 -0
  82. package/build/tokens/deadline.raw.json +4204 -0
  83. package/build/tokens/default.custom-properties.css +533 -0
  84. package/build/tokens/default.json +517 -0
  85. package/build/tokens/default.map.scss +533 -0
  86. package/build/tokens/default.raw.json +4204 -0
  87. package/build/tokens/dirt.custom-properties.css +81 -0
  88. package/build/tokens/dirt.json +66 -0
  89. package/build/tokens/dirt.map.scss +81 -0
  90. package/build/tokens/dirt.raw.json +690 -0
  91. package/build/tokens/indiewire.custom-properties.css +536 -0
  92. package/build/tokens/indiewire.json +520 -0
  93. package/build/tokens/indiewire.map.scss +536 -0
  94. package/build/tokens/indiewire.raw.json +4221 -0
  95. package/build/tokens/rivet.custom-properties.css +82 -0
  96. package/build/tokens/rivet.json +68 -0
  97. package/build/tokens/rivet.map.scss +82 -0
  98. package/build/tokens/rivet.raw.json +703 -0
  99. package/build/tokens/robbreport.custom-properties.css +536 -0
  100. package/build/tokens/robbreport.json +518 -0
  101. package/build/tokens/robbreport.map.scss +536 -0
  102. package/build/tokens/robbreport.raw.json +4215 -0
  103. package/build/tokens/rollingstone-2022.custom-properties.css +534 -0
  104. package/build/tokens/rollingstone-2022.json +519 -0
  105. package/build/tokens/rollingstone-2022.map.scss +534 -0
  106. package/build/tokens/rollingstone-2022.raw.json +4035 -0
  107. package/build/tokens/rollingstone.custom-properties.css +530 -0
  108. package/build/tokens/rollingstone.json +518 -0
  109. package/build/tokens/rollingstone.map.scss +530 -0
  110. package/build/tokens/rollingstone.raw.json +4207 -0
  111. package/build/tokens/sheknows.custom-properties.css +92 -0
  112. package/build/tokens/sheknows.json +76 -0
  113. package/build/tokens/sheknows.map.scss +92 -0
  114. package/build/tokens/sheknows.raw.json +761 -0
  115. package/build/tokens/sourcingjournal.custom-properties.css +87 -0
  116. package/build/tokens/sourcingjournal.json +70 -0
  117. package/build/tokens/sourcingjournal.map.scss +87 -0
  118. package/build/tokens/sourcingjournal.raw.json +720 -0
  119. package/build/tokens/sportico.custom-properties.css +73 -0
  120. package/build/tokens/sportico.json +59 -0
  121. package/build/tokens/sportico.map.scss +73 -0
  122. package/build/tokens/sportico.raw.json +640 -0
  123. package/build/tokens/thr.custom-properties.css +83 -0
  124. package/build/tokens/thr.json +67 -0
  125. package/build/tokens/thr.map.scss +83 -0
  126. package/build/tokens/thr.raw.json +698 -0
  127. package/build/tokens/variety-compat.custom-properties.css +36 -0
  128. package/build/tokens/variety-compat.json +33 -0
  129. package/build/tokens/variety-compat.map.scss +36 -0
  130. package/build/tokens/variety-compat.raw.json +224 -0
  131. package/build/tokens/variety-vip.custom-properties.css +532 -0
  132. package/build/tokens/variety-vip.json +521 -0
  133. package/build/tokens/variety-vip.map.scss +532 -0
  134. package/build/tokens/variety-vip.raw.json +4223 -0
  135. package/build/tokens/variety.custom-properties.css +534 -0
  136. package/build/tokens/variety.json +521 -0
  137. package/build/tokens/variety.map.scss +534 -0
  138. package/build/tokens/variety.raw.json +4225 -0
  139. package/build/tokens/vibe.custom-properties.css +77 -0
  140. package/build/tokens/vibe.json +63 -0
  141. package/build/tokens/vibe.map.scss +77 -0
  142. package/build/tokens/vibe.raw.json +668 -0
  143. package/build/tokens/wwd-2021.custom-properties.css +82 -0
  144. package/build/tokens/wwd-2021.json +67 -0
  145. package/build/tokens/wwd-2021.map.scss +82 -0
  146. package/build/tokens/wwd-2021.raw.json +701 -0
  147. package/build/tokens/wwd-beauty.custom-properties.css +86 -0
  148. package/build/tokens/wwd-beauty.json +70 -0
  149. package/build/tokens/wwd-beauty.map.scss +86 -0
  150. package/build/tokens/wwd-beauty.raw.json +719 -0
  151. package/build/tokens/wwd-dd.custom-properties.css +18 -0
  152. package/build/tokens/wwd-dd.json +13 -0
  153. package/build/tokens/wwd-dd.map.scss +18 -0
  154. package/build/tokens/wwd-dd.raw.json +90 -0
  155. package/build/tokens/wwd.custom-properties.css +70 -0
  156. package/build/tokens/wwd.json +60 -0
  157. package/build/tokens/wwd.map.scss +70 -0
  158. package/build/tokens/wwd.raw.json +643 -0
  159. package/index.js +7 -0
  160. package/lib/generateStatic.js +133 -0
  161. package/lib/server.js +284 -0
  162. package/lib/start.js +7 -0
  163. package/lib/utils/clonePatternData.js +13 -0
  164. package/lib/utils/copySyncHelper.js +33 -0
  165. package/lib/utils/getAllPatternsObj.js +48 -0
  166. package/lib/utils/getAppConfiguration.js +82 -0
  167. package/lib/utils/getArgsFromCli.js +3 -0
  168. package/lib/utils/getModuleNamesFromDirectory.js +11 -0
  169. package/lib/utils/getPatternData.js +34 -0
  170. package/lib/utils/getPatternPathsToLoad.js +20 -0
  171. package/lib/utils/getPatternRoutes.js +58 -0
  172. package/lib/utils/getPatternType.js +15 -0
  173. package/lib/utils/getPatternVariants.js +24 -0
  174. package/lib/utils/getPatternsIndexPath.js +11 -0
  175. package/lib/utils/getSubDirectoryNames.js +23 -0
  176. package/lib/utils/isCoreTheme.js +8 -0
  177. package/lib/utils/renderSass.js +20 -0
  178. package/lib/utils/spawnScript.js +26 -0
  179. package/lib/utils/writeJsonToFile.js +6 -0
  180. package/lib/writeJson.js +53 -0
  181. package/package.json +72 -5
  182. package/public/webfontloader.js +22 -0
  183. package/scripts/build-html.js +52 -0
  184. package/scripts/build-icons.js +80 -0
  185. package/scripts/build-scss.js +15 -0
  186. package/scripts/config/.eslintrc.json +11 -0
  187. package/scripts/config/gulpfile.js +191 -0
  188. package/scripts/config/stylelint.config.js +5 -0
  189. package/scripts/config/svgo-config.json +67 -0
  190. package/scripts/config/webpack.config.js +95 -0
  191. package/scripts/dev-js.js +13 -0
  192. package/scripts/dev-scss.js +20 -0
  193. package/scripts/help.js +65 -0
  194. package/scripts/init.js +21 -0
  195. package/scripts/larva/.nvmrc +1 -0
  196. package/scripts/larva/README.md +29 -0
  197. package/scripts/larva/larva.config.js +3 -0
  198. package/scripts/larva/src/patterns/README.md +3 -0
  199. package/scripts/larva/src/patterns/base.html +6 -0
  200. package/scripts/larva/src/patterns/components/README.md +3 -0
  201. package/scripts/larva/src/patterns/modules/README.md +3 -0
  202. package/scripts/larva/src/patterns/objects/README.md +3 -0
  203. package/scripts/larva/src/patterns/one-offs/README.md +3 -0
  204. package/scripts/link-all.js +40 -0
  205. package/scripts/lint-js.js +11 -0
  206. package/scripts/lint-scss.js +13 -0
  207. package/scripts/lint.js +73 -0
  208. package/scripts/prod-js.js +12 -0
  209. package/scripts/prod-scss.js +24 -0
  210. package/scripts/prod.js +122 -0
  211. package/scripts/server.js +11 -0
  212. package/scripts/start.js +36 -0
  213. package/scripts/upgrade.js +99 -0
  214. package/scripts/write-json.js +14 -0
  215. package/.DS_Store +0 -0
  216. package/__tests__/larva.test.js +0 -7
  217. package/lib/larva.js +0 -7
  218. package/lib/patterns.js +0 -48
  219. package/setup.scss +0 -1
  220. package/src/02-generic/breakpoint-label.scss +0 -33
  221. package/src/06-algorithms/a-glue/a-glue.html +0 -4
  222. package/src/06-algorithms/a-glue/a-glue.scss +0 -56
  223. package/src/06-algorithms/a-glue/index.js +0 -1
  224. package/src/06-algorithms/a-grid.scss +0 -29
  225. package/src/07-utilities/u-background.scss +0 -5
  226. package/src/07-utilities/u-color.scss +0 -5
  227. package/src/07-utilities/u-crop.scss +0 -5
  228. package/src/07-utilities/u-flex.scss +0 -35
  229. package/src/07-utilities/u-margin.scss +0 -5
  230. package/src/07-utilities/u-padding.scss +0 -5
  231. package/src/07-utilities/u-text.scss +0 -33
  232. package/src/07-utilities/utilities.scss +0 -5
  233. package/static/css/components.css +0 -4
  234. package/static/css/objects.css +0 -21
  235. package/static/css/prism.css +0 -126
  236. package/static/js/prism.js +0 -8
package/build/svg/defs/sprite.defs.html ADDED
@@ -0,0 +1,852 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
3
+ <head>
4
+ <meta charset="utf-8"/>
5
+ <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
6
+ <script src="https://rawgit.com/jonathantneal/svg4everybody/master/dist/svg4everybody.js"></script>
7
+ <script>svg4everybody();</script>
8
+ <title>SVG &lt;defs&gt; sprite preview | svg-sprite</title>
9
+ <style>@charset "UTF-8";body{padding:0;margin:0;color:#666;background:#fafafa;font-family:Arial,Helvetica,sans-serif;font-size:1em;line-height:1.4}header{display:block;padding:3em 3em 2em 3em;background-color:#fff}header p{margin:2em 0 0 0}section{border-top:1px solid #eee;padding:2em 3em 0 3em}section ul{margin:0;padding:0}section li{display:inline;display:inline-block;background-color:#fff;position:relative;margin:0 2em 2em 0;vertical-align:top;border:1px solid #ccc;padding:1em 1em 3em 1em;cursor:default}.icon-box{margin:0;width:144px;height:144px;position:relative;background:#ccc url("data:image/gif;base64,R0lGODlhDAAMAIAAAMzMzP///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQjk4OTI0MUY5NTIxMUUyQkJDMEI5NEFEM0Y1QTYwQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQjk4OTI0MkY5NTIxMUUyQkJDMEI5NEFEM0Y1QTYwQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNCOTg5MjNGRjk1MjExRTJCQkMwQjk0QUQzRjVBNjBDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCOTg5MjQwRjk1MjExRTJCQkMwQjk0QUQzRjVBNjBDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAAwADAAAAhaEH6mHmmzcgzJAUG/NVGrfOZ8YLlABADs=") top left repeat;border:1px solid #ccc;display:table-cell;vertical-align:middle;text-align:center}.icon{display:inline;display:inline-block}h1{margin-top:0}h2{margin:0;padding:0;font-size:1em;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;left:1em;right:1em;bottom:1em}footer{display:block;margin:0;padding:0 3em 3em 3em}footer p{margin:0;font-size:.7em}footer a{color:#0f7595;margin-left:0}</style>
10
+
11
+ <!--
12
+
13
+ Sprite shape dimensions
14
+ ====================================================================================================
15
+ You will need to set the sprite shape dimensions via CSS when you use them as inline SVG, otherwise
16
+ they would become a huge 100% in size. You may use the following dimension classes for doing so.
17
+ They might well be outsourced to an external stylesheet of course.
18
+
19
+ -->
20
+
21
+ <style type="text/css">
22
+ .svg-arrow-dims { width: 14px; height: 8px; }
23
+ .svg-byline-plus-dims { width: 15px; height: 15px; }
24
+ .svg-camera-dims { width: 22px; height: 20px; }
25
+ .svg-chat-dims { width: 27px; height: 24px; }
26
+ .svg-clock-dims { width: 35px; height: 33px; }
27
+ .svg-close-dims { width: 13px; height: 12px; }
28
+ .svg-email-dims { width: 14px; height: 9px; }
29
+ .svg-envelope-dims { width: 14px; height: 9px; }
30
+ .svg-facebook-dims { width: 24px; height: 24px; }
31
+ .svg-fire-dims { width: 14px; height: 19px; }
32
+ .svg-gallery-dims { width: 34.237px; height: 31.943px; }
33
+ .svg-google-dims { width: 24px; height: 24px; }
34
+ .svg-hamburger-dims { width: 19.4px; height: 14.5px; }
35
+ .svg-info-dims { width: 20px; height: 20px; }
36
+ .svg-instagram-dims { width: 19px; height: 19px; }
37
+ .svg-linkedin-dims { width: 24px; height: 24px; }
38
+ .svg-pinit-dims { width: 11.44px; height: 14.58px; }
39
+ .svg-pinterest-dims { width: 11.44px; height: 14.58px; }
40
+ .svg-plus-dims { width: 11.01px; height: 11.01px; }
41
+ .svg-pmc-logo-dims { width: 424.16px; height: 55.06px; }
42
+ .svg-pmc-logo-white-dims { width: 537.42px; height: 69.75px; }
43
+ .svg-print-dims { width: 166px; height: 166px; }
44
+ .svg-reddit-dims { width: 24px; height: 24px; }
45
+ .svg-search-dims { width: 18px; height: 18px; }
46
+ .svg-star-dims { width: 23px; height: 21px; }
47
+ .svg-star-half-dims { width: 12px; height: 21px; }
48
+ .svg-triangle-right-dims { width: 13.188px; height: 16.956px; }
49
+ .svg-tumblr-dims { width: 9.05px; height: 14.44px; }
50
+ .svg-twitter-dims { width: 24px; height: 24px; }
51
+ .svg-whatsapp-dims { width: 24px; height: 24px; }
52
+ .svg-youtube-dims { width: 19px; height: 14px; }
53
+ </style>
54
+
55
+ <!--
56
+ ====================================================================================================
57
+ -->
58
+
59
+ </head>
60
+ <body>
61
+
62
+ <!--
63
+
64
+ Inline <defs> SVG sprite
65
+ ====================================================================================================
66
+ This is an inlined version of the generated SVG sprite. The single images may be <use>d everywhere
67
+ below within this document. Please see
68
+
69
+ https://github.com/jkphl/svg-sprite/blob/master/docs/configuration.md#defs--symbol-mode
70
+
71
+ for further details on how to create this embeddable sprite variant.
72
+
73
+ -->
74
+
75
+ <svg width="0" height="0" style="position:absolute">
76
+ <defs>
77
+ <svg viewBox="0 0 14 8" id="arrow"><path d="M13.7 1.7l-6 6c-.2.2-.4.3-.7.3-.3 0-.5-.1-.7-.3l-6-6C-.1 1.3-.1.7.3.3s1-.4 1.4 0L7 5.6 12.3.3c.4-.4 1-.4 1.4 0s.4 1 0 1.4z"/></svg>
78
+ <svg viewBox="0 0 15 15" id="byline-plus"><path d="M2.53 5.27H.74V.6h4.67v1.78H2.53v2.89zm10.34 7.45H9.98v1.79h4.67V9.84h-1.78v2.88zM9.98 2.38h2.89v2.89h1.78V.6H9.98v1.78zM2.53 9.84H.74v4.67h4.67v-1.79H2.53V9.84zM11 6.66H8.59V4.24H6.8v2.42H4.39v1.78H6.8v2.42h1.78V8.44H11V6.66z"/></svg>
79
+ <svg viewBox="0 0 22 20" id="camera" xmlns="http://www.w3.org/2000/svg"><g fill="#FFF"><path d="M20.6 12.88a.81.81 0 00.82-.81V6.8a3.25 3.25 0 00-3.24-3.25h-1.23a.81.81 0 01-.77-.55l-.25-.72a2.43 2.43 0 00-2.3-1.64H8.45a2.44 2.44 0 00-2.29 1.6l-.28.78a.81.81 0 01-.76.53H3.9A3.25 3.25 0 00.66 6.8v9.32a3.25 3.25 0 003.24 3.25h14.28a3.25 3.25 0 003.24-3.25.81.81 0 10-1.62 0c0 .9-.73 1.63-1.62 1.63H3.9a1.62 1.62 0 01-1.62-1.63V6.8c0-.9.73-1.62 1.62-1.62h1.22A2.44 2.44 0 007.4 3.57l.28-.78a.81.81 0 01.76-.53h5.18a.81.81 0 01.77.55l.24.72a2.43 2.43 0 002.3 1.65h1.24c.89 0 1.62.72 1.62 1.62v5.27c0 .45.36.8.8.8z"/><path d="M11.08 5.99a5.07 5.07 0 00-5.07 5.06 5.07 5.07 0 005.07 5.07 5.07 5.07 0 005.07-5.07A5.07 5.07 0 0011.08 6zm0 8.51a3.45 3.45 0 01-3.45-3.44 3.45 3.45 0 013.45-3.45 3.45 3.45 0 013.45 3.44 3.45 3.45 0 01-3.45 3.45z"/></g></svg>
80
+ <svg viewBox="0 0 27 24" id="chat"><path d="M0 8.304c.077-.423.129-.854.235-1.266.495-1.922 1.554-3.36 2.94-4.488C4.85 1.183 6.733.447 8.758.175c2.125-.285 4.21-.087 6.237.736 1.88.763 3.53 1.928 4.736 3.824a7.777 7.777 0 01-.262 8.766c-1.393 1.911-3.198 3.032-5.233 3.7-2.028.666-4.088.73-6.165.35a.519.519 0 00-.38.097c-1.567 1.22-3.278 2.002-5.142 2.335-.229.041-.42-.025-.544-.252-.132-.243-.14-.505.027-.733.263-.362.543-.708.81-1.066.457-.613.858-1.267 1.102-2.076l-.315-.229c-1.368-1.014-2.494-2.294-3.138-4.053-.214-.586-.3-1.236-.444-1.856L0 9.516V8.304zm26.143 5.317c-.043.273-.08.547-.13.818-.323 1.72-1.145 3.08-2.254 4.212-.453.463-.959.855-1.488 1.32.166.358.315.787.543 1.146.386.607.828 1.164 1.235 1.754.097.14.193.32.21.493.042.4-.251.69-.606.627-1.764-.314-3.396-1.041-4.881-2.203-.228-.178-.431-.241-.704-.19-1.92.362-3.829.27-5.713-.303a10.272 10.272 0 01-3.316-1.727c.166 0 .267-.007.368.001a12.638 12.638 0 005.216-.675c2.444-.85 4.583-2.282 6.147-4.713 1.515-2.355 2.009-4.98 1.368-7.866a1.393 1.393 0 01-.025-.146c-.002-.018.009-.037.034-.132.504.425 1.014.802 1.472 1.252 1.255 1.23 2.157 2.731 2.448 4.669.023.154.05.308.076.463v1.2z" fill-rule="evenodd"/></svg>
81
+ <svg viewBox="0 0 35 33" id="clock"><path d="M22.1 22.8L17 18v-7.1h1.3v6.5l4.6 4.4-.8 1zm12.7-6.1C34.8 7.8 27.1.6 17.7.6 8.3.6.7 7.8.7 16.7s7.7 16.1 17.1 16.1c9.3 0 17-7.3 17-16.1zm-1.4 0c0 8.1-7.1 14.8-15.7 14.8C9 31.4 2 24.8 2 16.7S9 1.9 17.7 1.9s15.7 6.6 15.7 14.8z"/></svg>
82
+ <svg viewBox="0 0 13 12" id="close"><path d="M12.164 1.423L11.058.318 6.396 4.98 1.735.318.629 1.423l4.662 4.662-4.662 4.662 1.106 1.105 4.661-4.661 4.662 4.661 1.106-1.105-4.662-4.662z" fill-rule="evenodd"/></svg>
83
+ <svg viewBox="0 0 14 9" id="email"><path d="M.64.728C.5.654.27.524.218.369.13.105.225 0 .599 0h12.869c.374 0 .468.102.38.37-.05.15-.282.284-.42.358-.37.204-5.513 3.132-5.705 3.238-.191.105-.387.154-.69.154-.302 0-.498-.049-.69-.154C6.153 3.86 1.01.932.64.728zm13.08.158c.3-.158.28.025.28.172v7.207c0 .324-.394.735-.724.735H.791C.46 9 0 8.592 0 8.265V1.058C0 .914.017.728.313.886c.276.148 2.78 1.99 4.419 3.097L1.969 7.235c-.068.07-.098.158-.057.197.04.042.13.021.198-.05l3.318-2.924c.502.337.852.57.916.604.259.138.44.155.69.155.249 0 .43-.017.69-.154.06-.036.413-.268.915-.605l3.318 2.925c.07.067.158.088.199.049.037-.042.006-.127-.061-.197L9.329 3.983c1.639-1.107 4.115-2.95 4.391-3.097z"/></svg>
84
+ <svg viewBox="0 0 14 9" id="envelope"><path d="M.77.945C.636.875.406.752.356.605.269.357.362.258.731.258h12.723c.37 0 .462.096.376.349-.05.143-.28.27-.416.34-.366.192-5.45 2.964-5.64 3.064-.19.1-.382.146-.681.146-.3 0-.493-.047-.683-.146C6.22 3.91 1.137 1.138.77.945zm12.934.15c.296-.15.276.023.276.163v6.82c0 .307-.39.696-.716.696H.921c-.326 0-.782-.386-.782-.695V1.258c0-.136.016-.313.31-.163.272.14 2.747 1.883 4.368 2.931L2.085 7.104c-.066.066-.096.15-.056.186.04.04.13.02.196-.046l3.28-2.769c.496.32.842.54.905.573.257.13.436.146.683.146.246 0 .425-.017.682-.146.06-.034.409-.253.905-.573l3.28 2.769c.07.063.156.083.196.046.037-.04.007-.12-.06-.186L9.363 4.026c1.62-1.048 4.069-2.791 4.342-2.931z"/></svg>
85
+ <svg viewBox="0 0 24 24" id="facebook"><path d="M9 8H6v4h3v12h5V12h3.642L18 8h-4V6.333C14 5.378 14.192 5 15.115 5H18V0h-3.808C10.596 0 9 1.583 9 4.615V8z"/></svg>
86
+ <svg viewBox="0 0 14 19" id="fire"><path d="M14 13.4c0-.6-.2-1.2-.4-1.7s-.5-1-.8-1.5c0-.1-.1-.2-.1-.2s0-.1-.1-.1c0-.1-.1-.1-.1-.1-.2-.3-.4-.6-.5-.7l-.9-1.2C10.4 7 9.6 6.1 9 5.1l-.6-1c-.1-.3-.3-.7-.4-1-.3-1-.3-1.9.1-2.9V.1H8c-.7.4-1.4.8-2 1.3-.7.6-1.3 1.3-1.6 2.1-.3.9-.3 1.9.1 2.8.1.2.1.4.2.6l-.1-.1c-.2-.2-.4-.3-.6-.5-.5-.3-1.1-.6-1.7-.8h-.2v.2c0 .1.1.1.1.2.2.8.3 1.5.1 2.3 0 0-.2.6-.4 1.1-.1.1-.1.2-.2.4-.2.3-.4.6-.4.7-.5.8-1 1.7-1.1 2.7 0 0-.1.9.1 1.5.3 1.5 1 2.7 2.2 3.7.3.3.6.5.8.5.2.1.4.1.4.1l-.3-.5v-.1c-.4-.7-.5-1.5-.3-2.3.1-.6.4-1.2.8-1.8.5-.7 1.1-1.4 1.7-2 .5-.5.9-1.1 1.3-1.7.3-.5.4-1 .3-1.5 0-.2-.1-.4-.2-.6h.1c.3.2.5.3.7.5 1.1.9 1.6 2 1.8 3.3.2 1 0 2.1-.4 3.1 0 .1-.1.2-.1.4.7-.2 1.2-.6 1.4-1.3 1 1.2 1.1 2.5.4 3.9-.1.3 0 .5 0 .5h.1l.8-.5c1.1-.9 1.9-2 2.2-3.3v-1.6"/></svg>
87
+ <svg viewBox="0 0 34.237 31.943" id="gallery" xmlns="http://www.w3.org/2000/svg"><g fill="#fff"><rect height="26.738" rx="5" width="29.031" y="5.205"/><path d="M10.206 0h19.03a5.006 5.006 0 015 5v16.737a5.018 5.018 0 01-3.278 4.697 4.985 4.985 0 00.3-1.721V7.974a5.006 5.006 0 00-5-5H7.228a4.984 4.984 0 00-1.721.3A5.019 5.019 0 0110.206 0z"/></g></svg>
88
+ <svg viewBox="0 0 24 24" id="google"><path d="M7 11v2.4h3.97c-.16 1.029-1.2 3.02-3.97 3.02-2.39 0-4.34-1.979-4.34-4.42 0-2.44 1.95-4.42 4.34-4.42 1.36 0 2.27.58 2.79 1.08l1.9-1.83C10.47 5.69 8.89 5 7 5c-3.87 0-7 3.13-7 7s3.13 7 7 7c4.04 0 6.721-2.84 6.721-6.84 0-.46-.051-.81-.111-1.16H7zm0 0l17 2h-3v3h-2v-3h-3v-2h3V8h2v3h3v2z" fill-rule="evenodd" clip-rule="evenodd"/></svg>
89
+ <svg viewBox="0 0 19.4 14.5" id="hamburger"><path d="M0 0h19.4v2.5H0zm0 6h19.4v2.5H0zm0 6h19.4v2.5H0z"/></svg>
90
+ <svg viewBox="0 0 20 20" id="info"><path d="M10 0C4.48 0 0 4.48 0 10s4.48 10 10 10 10-4.48 10-10S15.52 0 10 0zm1 15H9V9h2v6zm0-8H9V5h2v2z"/></svg>
91
+ <svg viewBox="0 0 19 19" id="instagram"><path d="M9.5 0c2.58 0 2.904.01 3.917.057 1.011.046 1.702.207 2.306.442a4.657 4.657 0 011.683 1.095A4.657 4.657 0 0118.5 3.277c.235.604.396 1.295.442 2.306C18.989 6.596 19 6.92 19 9.5s-.01 2.904-.057 3.917c-.046 1.011-.207 1.702-.442 2.306a4.657 4.657 0 01-1.095 1.683 4.657 4.657 0 01-1.683 1.095c-.604.235-1.295.396-2.306.442-1.013.046-1.337.057-3.917.057s-2.904-.01-3.917-.057c-1.011-.046-1.702-.207-2.306-.442a4.657 4.657 0 01-1.683-1.095A4.657 4.657 0 01.5 15.723c-.235-.604-.396-1.295-.442-2.306C.011 12.404 0 12.08 0 9.5s.01-2.904.057-3.917C.103 4.572.264 3.881.5 3.277a4.657 4.657 0 011.095-1.683A4.657 4.657 0 013.277.5C3.881.264 4.572.103 5.583.057 6.596.011 6.92 0 9.5 0zm0 1.712c-2.537 0-2.837.01-3.839.055-.926.042-1.43.197-1.764.327-.443.173-.76.378-1.092.71a2.943 2.943 0 00-.71 1.093c-.13.335-.286.838-.328 1.764-.046 1.002-.055 1.302-.055 3.839s.01 2.837.055 3.839c.042.926.197 1.43.327 1.764.173.443.378.76.71 1.092.333.333.65.538 1.093.71.335.13.838.286 1.764.328 1.002.046 1.302.055 3.839.055s2.837-.01 3.839-.055c.926-.042 1.43-.197 1.764-.327.443-.173.76-.378 1.092-.71.333-.333.538-.65.71-1.093.13-.335.286-.838.328-1.764.046-1.002.055-1.302.055-3.839s-.01-2.837-.055-3.839c-.042-.926-.197-1.43-.327-1.764a2.943 2.943 0 00-.71-1.092 2.943 2.943 0 00-1.093-.71c-.335-.13-.838-.286-1.764-.328-1.002-.046-1.302-.055-3.839-.055zm0 2.91a4.878 4.878 0 110 9.756 4.878 4.878 0 010-9.756zm0 8.045a3.167 3.167 0 100-6.334 3.167 3.167 0 000 6.334zm6.211-8.238a1.14 1.14 0 11-2.28 0 1.14 1.14 0 012.28 0z" fill-rule="evenodd"/></svg>
92
+ <svg viewBox="0 0 24 24" id="linkedin"><path d="M4.98 3.5C4.98 4.881 3.87 6 2.5 6S.02 4.881.02 3.5C.02 2.12 1.13 1 2.5 1s2.48 1.12 2.48 2.5zM5 8H0v16h5V8zm7.982 0H8.014v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0V24H24V13.869c0-7.88-8.922-7.593-11.018-3.714V8z"/></svg>
93
+ <svg viewBox="0 0 11.44 14.58" id="pinit"><path d="M2.04 8.34c.17-.28.26-.54.26-.77a1 1 0 00-.13-.55l-.3-.5c-.1-.2-.18-.39-.2-.57-.1-.7-.03-1.37.23-2.02.27-.65.66-1.17 1.18-1.56.52-.4 1.09-.7 1.71-.9a3.5 3.5 0 013.65.87c.42.43.67 1.06.77 1.87.09.82.04 1.6-.16 2.34-.2.74-.56 1.37-1.08 1.88-.51.5-1.1.7-1.77.56-.49-.1-.79-.33-.9-.7-.11-.38-.1-.81.06-1.3.15-.49.3-.98.48-1.48.17-.5.23-.96.2-1.38a.94.94 0 00-.66-.86 1.3 1.3 0 00-1.14.08c-.35.21-.6.5-.77.9a3.26 3.26 0 00.05 2.54c-.08.38-.2.85-.34 1.41l-.39 1.44a18.75 18.75 0 00-.46 3.07c0 .45.03 1.02.08 1.72a4.08 4.08 0 001.4-1.86c.31-.8.6-1.8.84-3.02l.45.28c.19.14.34.23.45.3a2.83 2.83 0 001.02.32 3.6 3.6 0 002.73-.81 5.1 5.1 0 001.66-2.48A7.1 7.1 0 0011.22 4 4.15 4.15 0 009.1.86a6.5 6.5 0 00-4.2-.8 5.65 5.65 0 00-3.38 1.59A4.67 4.67 0 00.01 5.02c-.08 1.9.6 3 2.03 3.32z" fill-rule="evenodd"/></svg>
94
+ <svg viewBox="0 0 11.44 14.58" id="pinterest"><path d="M2.04 8.34c.17-.28.26-.54.26-.77a1 1 0 00-.13-.55l-.3-.5c-.1-.2-.18-.39-.2-.57-.1-.7-.03-1.37.23-2.02.27-.65.66-1.17 1.18-1.56.52-.4 1.09-.7 1.71-.9a3.5 3.5 0 013.65.87c.42.43.67 1.06.77 1.87.09.82.04 1.6-.16 2.34-.2.74-.56 1.37-1.08 1.88-.51.5-1.1.7-1.77.56-.49-.1-.79-.33-.9-.7-.11-.38-.1-.81.06-1.3.15-.49.3-.98.48-1.48.17-.5.23-.96.2-1.38a.94.94 0 00-.66-.86 1.3 1.3 0 00-1.14.08c-.35.21-.6.5-.77.9a3.26 3.26 0 00.05 2.54c-.08.38-.2.85-.34 1.41l-.39 1.44a18.75 18.75 0 00-.46 3.07c0 .45.03 1.02.08 1.72a4.08 4.08 0 001.4-1.86c.31-.8.6-1.8.84-3.02l.45.28c.19.14.34.23.45.3a2.83 2.83 0 001.02.32 3.6 3.6 0 002.73-.81 5.1 5.1 0 001.66-2.48A7.1 7.1 0 0011.22 4 4.15 4.15 0 009.1.86a6.5 6.5 0 00-4.2-.8 5.65 5.65 0 00-3.38 1.59A4.67 4.67 0 00.01 5.02c-.08 1.9.6 3 2.03 3.32z" fill-rule="evenodd"/></svg>
95
+ <svg viewBox="0 0 11.01 11.01" id="plus"><path d="M11 4.75v1.5c0 .2-.07.39-.22.53a.72.72 0 01-.53.22H7v3.25c0 .2-.07.39-.22.53a.72.72 0 01-.53.22h-1.5a.72.72 0 01-.53-.22.72.72 0 01-.22-.53V7H.75a.72.72 0 01-.53-.22.72.72 0 01-.22-.53v-1.5c0-.2.07-.39.22-.53A.72.72 0 01.75 4H4V.75c0-.2.07-.39.22-.53A.72.72 0 014.75 0h1.5c.2 0 .39.07.53.22A.7.7 0 017 .75V4h3.25c.2 0 .39.07.53.22a.7.7 0 01.22.53z" fill-rule="evenodd"/></svg>
96
+ <svg viewBox="0 0 424.16 55.06" style="height:auto;width:100%" id="pmc-logo" xmlns="http://www.w3.org/2000/svg"><defs><style>.atcls-1{fill:#e50019}</style></defs><g id="atLayer_2" data-name="Layer 2"><g id="atLayer_1-2" data-name="Layer 1"><path id="atPath_2512" data-name="Path 2512" d="M424.15 55.06h-98.88c-11.84 0-20.75-5-20.75-17.28V18.19c0-12.62 7.3-18.19 21.19-18.19h98.44v7.68h-98.28c-7.53 0-13.2 2.4-13.2 10.68v18.87c0 6.48 4.69 10.18 12.38 10.18h99.11v7.65z"/><path id="atPath_2513" data-name="Path 2513" d="M119.39 19.79c0 8.35-7.16 12.54-15.46 12.54H8.36v22.72H0V24.79h104.32c4.6 0 7-1.74 6.93-6.1l-.06-5.18c0-4.6-2.16-5.72-6.87-5.72H0V0h105.2c7.76 0 14.2 3.1 14.2 11v8.8z"/><g id="atGroup_2634" data-name="Group 2634"><g id="atGroup_2631" data-name="Group 2631"><g id="atGroup_2630" data-name="Group 2630"><path id="atPath_2514" data-name="Path 2514" d="M138 55.05h8.36V15.61l-8.36-4z"/><path id="atPath_2515" data-name="Path 2515" d="M212 31.51L146.33 0H138v5.29l66.11 31.76a19.32 19.32 0 007.89 1.77z"/></g></g><g id="atGroup_2633" data-name="Group 2633"><g id="atGroup_2632" data-name="Group 2632"><path id="atPath_2516" data-name="Path 2516" d="M285.93 55.05h-8.36V15.6l8.36-4z"/><path id="atPath_2517" data-name="Path 2517" class="atcls-1" d="M212 31.51L277.58 0h8.36v5.29l-66.11 31.76a19.28 19.28 0 01-7.83 1.77z"/></g></g></g></g></g></svg>
97
+ <svg viewBox="0 0 537.42 69.75" id="pmc-logo-white" xmlns="http://www.w3.org/2000/svg"><defs><style>.aucls-1{fill:#fff}.aucls-2{fill:#ed1c24}</style></defs><g id="auLayer_2" data-name="Layer 2"><g id="auLayer_1-2" data-name="Layer 1"><path class="aucls-1" d="M537.42 69.75H412.13c-15 0-26.28-6.29-26.28-21.89V23c0-16 9.24-23 26.84-23h124.73v9.73H412.89c-9.53 0-16.73 3-16.73 13.52v23.92c0 8.2 5.94 12.89 15.69 12.89h125.57v9.69zM151.28 25.06c0 10.59-9.08 15.9-19.59 15.9H10.6v28.79H0V31.41h132.17c5.84 0 8.85-2.22 8.79-7.74l-.07-6.55c-.06-5.83-2.74-7.25-8.72-7.25H0V0h133.29c9.83 0 18 3.93 18 13.91v11.15zm23.55 44.69h10.6l-.02-49.98-10.59-5.11.01 55.09zm93.73-29.82L185.41 0h-10.59v6.7l83.77 40.24a24.31 24.31 0 0010 2.24zm93.73 29.82H351.7l.01-49.98 10.59-5.11-.01 55.09z"/><path class="aucls-2" d="M268.56 39.93L351.71 0h10.59v6.7l-83.77 40.24a24.31 24.31 0 01-10 2.24z"/></g></g></svg>
98
+ <svg viewBox="0 0 166 166" id="print" xmlns="http://www.w3.org/2000/svg"><style>.avst1{fill:#fff}</style><g id="avprint_1_" transform="translate(1251 1399)"><g id="avGroup-3_1_" transform="translate(0 .992)"><defs><filter id="avAdobe_OpacityMaskFilter" x="-1251" y="-1400" width="166" height="166"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/></filter></defs><mask maskUnits="userSpaceOnUse" x="-1251" y="-1400" width="166" height="166" id="avmask-2_1_"><g filter="url(#avAdobe_OpacityMaskFilter)"><path id="avpath-1_1_" class="avst1" d="M-1251-1400h166v166h-166z"/></g></mask><path id="avFill-1_1_" d="M-1113.8-1317c5.2 0 9.6-4.3 9.6-9.4 0-5.3-4.2-9.7-9.4-9.7-5.4 0-9.7 4.2-9.7 9.6 0 5.2 4.3 9.5 9.5 9.5zm-99.1-31.9h89.4v-31.6c0-.4 0-.8-.1-1.2-.6-3.3-3.1-5.4-6.5-5.4h-76.1c-.5 0-1.1 0-1.6.2-3.1.7-5 3.1-5 6.4v31.2l-.1.4zm0 44.7v50.9c0 .4 0 .8.1 1.2.6 3.3 3.1 5.4 6.6 5.4h76.1c.5 0 1 0 1.5-.1 3.2-.7 5.2-3.1 5.2-6.5v-50.8h-89.5zm5.1-95.8h79.2c.2 0 .3.1.5.1 2.4.2 4.7.8 6.8 2 6.9 3.8 10.5 9.6 10.6 17.5v31.6h6.9c2.9 0 5.7.6 8.2 2 7 3.7 10.6 9.5 10.7 17.4.1 12.6 0 25.2 0 37.8 0 1.1-.1 2.2-.2 3.2-.6 3.6-2.1 6.9-4.5 9.6-3.7 4.2-8.4 6.4-14 6.5-2.1.1-4.2 0-6.4 0h-.6v18.9c0 3.1-.6 6-2 8.7-3.7 6.9-9.6 10.6-17.5 10.6-25.2.1-50.4 0-75.6 0-1 0-2.1-.1-3.1-.2-5-.7-9.1-3-12.3-6.9-3-3.6-4.4-7.8-4.4-12.5v-18.7h-6.1c-1.2 0-2.3-.1-3.5-.3-7.4-1.3-13.6-7.1-15.2-14.4-.2-1-.4-2-.5-3v-41.1c0-.1.1-.2.1-.3.2-2.7 1-5.3 2.4-7.6 3.7-6.2 9.2-9.5 16.5-9.7 1.8-.1 3.7 0 5.5 0h.8v-31.5c0-1 0-2.1.2-3.1 1-7.7 7-14.3 14.6-16 .8-.3 1.9-.4 2.9-.6z" mask="url(#avmask-2_1_)"/></g><defs><filter id="avAdobe_OpacityMaskFilter_1_" x="-1199.9" y="-1290.4" width="63.8" height="12.7"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/></filter></defs><mask maskUnits="userSpaceOnUse" x="-1199.9" y="-1290.4" width="63.8" height="12.7" id="avmask-4_2_"><g filter="url(#avAdobe_OpacityMaskFilter_1_)"><path id="avpath-3_2_" class="avst1" d="M-1251-1233h166v-166h-166z"/></g></mask><path id="avFill-4_1_" mask="url(#avmask-4_2_)" d="M-1199.9-1277.8h63.8v-12.6h-63.8z"/><defs><filter id="avAdobe_OpacityMaskFilter_2_" x="-1199.9" y="-1271.3" width="44.6" height="12.7"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/></filter></defs><mask maskUnits="userSpaceOnUse" x="-1199.9" y="-1271.3" width="44.6" height="12.7" id="avmask-4_1_"><g filter="url(#avAdobe_OpacityMaskFilter_2_)"><path id="avpath-3_1_" class="avst1" d="M-1251-1233h166v-166h-166z"/></g></mask><path id="avFill-6_1_" mask="url(#avmask-4_1_)" d="M-1199.9-1258.6h44.6v-12.7h-44.6z"/></g></svg>
99
+ <svg viewBox="0 0 24 24" id="reddit"><path d="M24 11.779a2.654 2.654 0 00-4.497-1.899c-1.81-1.191-4.259-1.949-6.971-2.046l1.483-4.669 4.016.941-.006.058a2.17 2.17 0 002.174 2.163 2.17 2.17 0 002.172-2.163 2.171 2.171 0 00-4.193-.785l-4.329-1.015a.37.37 0 00-.44.249L11.755 7.82c-2.838.034-5.409.798-7.3 2.025a2.643 2.643 0 00-1.799-.712A2.654 2.654 0 000 11.779c0 .97.533 1.811 1.317 2.271a4.716 4.716 0 00-.086.857C1.231 18.818 6.039 22 11.95 22s10.72-3.182 10.72-7.093c0-.274-.029-.544-.075-.81A2.633 2.633 0 0024 11.779zM6.776 13.595c0-.868.71-1.575 1.582-1.575.872 0 1.581.707 1.581 1.575s-.709 1.574-1.581 1.574-1.582-.706-1.582-1.574zm9.061 4.669c-.797.793-2.048 1.179-3.824 1.179L12 19.44l-.013.003c-1.777 0-3.028-.386-3.824-1.179a.369.369 0 010-.523.372.372 0 01.526 0c.65.647 1.729.961 3.298.961l.013.003.013-.003c1.569 0 2.648-.315 3.298-.962a.373.373 0 01.526 0 .37.37 0 010 .524zm-.189-3.095a1.58 1.58 0 01-1.581-1.574c0-.868.709-1.575 1.581-1.575s1.581.707 1.581 1.575-.709 1.574-1.581 1.574z"/></svg>
100
+ <svg viewBox="0 0 18 18" id="search"><path d="M17.7 16.3l-1.5 1.5-5-5V12l-.2-.2c-1.1 1-2.6 1.6-4.2 1.6-3.6 0-6.5-2.9-6.5-6.5S3.2.4 6.8.4s6.5 2.9 6.5 6.5c0 1.6-.6 3.1-1.6 4.2l.3.3h.8l4.9 4.9zm-6.5-9.5c0-2.5-2-4.5-4.5-4.5s-4.5 2-4.5 4.5 2 4.5 4.5 4.5 4.5-2 4.5-4.5z" fill-rule="evenodd"/></svg>
101
+ <svg viewBox="0 0 23 21" id="star"><path d="M11.5 17.25l-6.76 3.554 1.291-7.527-5.468-5.33 7.557-1.1L11.5 0l3.38 6.848 7.557 1.098-5.468 5.33 1.29 7.528z"/></svg>
102
+ <svg viewBox="0 0 23 21" id="star-half"><path d="M11.5 17.25l-6.76 3.554 1.291-7.527-5.468-5.33 7.557-1.1L11.5 0z"/></svg>
103
+ <svg viewBox="0 0 13.188 16.956" id="triangle-right" xmlns="http://www.w3.org/2000/svg"><path data-name="Polygon 384" d="M13.188 8.478L0 16.956V0z"/></svg>
104
+ <svg viewBox="0 0 9.05 14.44" id="tumblr"><path d="M1.95 10.96c0 .66.07 1.16.22 1.52.14.36.39.69.75.99a4.85 4.85 0 002.85.96 7.2 7.2 0 003.29-.77V11.5c-.59.39-1.22.59-1.9.59a2 2 0 01-1.1-.31 1.15 1.15 0 01-.54-.62 7.05 7.05 0 01-.09-1.55V6.3h3.63V3.6H5.43V0H3.1a5.2 5.2 0 01-.49 1.85 3.8 3.8 0 01-.99 1.22c-.34.3-.87.56-1.61.79v2.45h1.95v4.65z" fill-rule="evenodd"/></svg>
105
+ <svg viewBox="0 0 24 24" id="twitter"><path d="M24 4.557a9.83 9.83 0 01-2.828.775 4.932 4.932 0 002.165-2.724 9.864 9.864 0 01-3.127 1.195 4.916 4.916 0 00-3.594-1.555c-3.179 0-5.515 2.966-4.797 6.045A13.978 13.978 0 011.671 3.149a4.93 4.93 0 001.523 6.574 4.903 4.903 0 01-2.229-.616c-.054 2.281 1.581 4.415 3.949 4.89a4.935 4.935 0 01-2.224.084 4.928 4.928 0 004.6 3.419A9.9 9.9 0 010 19.54a13.94 13.94 0 007.548 2.212c9.142 0 14.307-7.721 13.995-14.646A10.025 10.025 0 0024 4.557z"/></svg>
106
+ <svg viewBox="0 0 24 24" id="whatsapp"><path d="M.057 24l1.687-6.163a11.867 11.867 0 01-1.587-5.946C.16 5.335 5.495 0 12.05 0a11.817 11.817 0 018.413 3.488 11.824 11.824 0 013.48 8.414c-.003 6.557-5.338 11.892-11.893 11.892a11.9 11.9 0 01-5.688-1.448L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z"/></svg>
107
+ <svg viewBox="0 0 19 14" id="youtube"><path d="M7.538 9.582V3.989l5.133 2.806-5.133 2.787zM18.81 3.02s-.186-1.372-.755-1.976C17.332.251 16.522.248 16.15.202 13.492 0 9.504 0 9.504 0h-.008S5.508 0 2.849.202c-.372.046-1.181.05-1.904.842C.375 1.648.19 3.02.19 3.02S0 4.63 0 6.24v1.51c0 1.612.19 3.222.19 3.222s.185 1.372.755 1.976c.723.793 1.672.768 2.095.85C4.56 13.954 9.5 14 9.5 14s3.992-.006 6.651-.208c.371-.046 1.181-.05 1.904-.843.57-.604.755-1.976.755-1.976s.19-1.61.19-3.221v-1.51c0-1.611-.19-3.222-.19-3.222z" fill-rule="evenodd"/></svg>
108
+ </defs>
109
+ </svg>
110
+
111
+ <!--
112
+ ====================================================================================================
113
+ -->
114
+
115
+ <header>
116
+ <h1>SVG <code>&lt;defs&gt;</code> sprite preview</h1>
117
+ <p>This preview features two methods of using the generated sprite in conjunction with inline SVG. Please have a look at the HTML source for further details and be aware of the following constraints:</p>
118
+ <ul>
119
+ <li>Your browser has to <a href="http://caniuse.com/#feat=svg-html5" target="_blank">support inline SVG</a> for these techniques to work.</li>
120
+ <li>The embedded sprite (A) slightly differs from the generated external one. Please <a href="https://github.com/jkphl/svg-sprite/blob/master/docs/configuration.md#defs--symbol-mode" target="_blank">see the documentation</a> for details on how to create such an embeddable sprite.</li>
121
+ <li>Internet Explorer up to version 11 doesn't support external sprites for use with inline SVG. For IE 9-11, you may polyfill this functionality with <a href="https://github.com/jonathantneal/svg4everybody" target="_blank">SVG for Everybody</a>.</li>
122
+ </ul>
123
+ </header>
124
+ <section>
125
+
126
+ <!--
127
+
128
+ A) Inline SVG with embedded sprite
129
+ ====================================================================================================
130
+ These SVG images make use of fragment identifiers (IDs) and are extracted out of the inline sprite
131
+ embedded above. They may be styled via CSS.
132
+
133
+ -->
134
+
135
+ <h3>A) Inline SVG with embedded sprite</h3>
136
+ <ul>
137
+
138
+ <li title="arrow">
139
+ <div class="icon-box">
140
+
141
+ <!-- arrow -->
142
+ <svg viewBox="0 0 14 8" class="svg-arrow-dims">
143
+ <use xlink:href="#arrow"></use>
144
+ </svg>
145
+
146
+ </div>
147
+ <h2>arrow</h2>
148
+ </li>
149
+ <li title="byline-plus">
150
+ <div class="icon-box">
151
+
152
+ <!-- byline-plus -->
153
+ <svg viewBox="0 0 15 15" class="svg-byline-plus-dims">
154
+ <use xlink:href="#byline-plus"></use>
155
+ </svg>
156
+
157
+ </div>
158
+ <h2>byline-plus</h2>
159
+ </li>
160
+ <li title="camera">
161
+ <div class="icon-box">
162
+
163
+ <!-- camera -->
164
+ <svg viewBox="0 0 22 20" class="svg-camera-dims">
165
+ <use xlink:href="#camera"></use>
166
+ </svg>
167
+
168
+ </div>
169
+ <h2>camera</h2>
170
+ </li>
171
+ <li title="chat">
172
+ <div class="icon-box">
173
+
174
+ <!-- chat -->
175
+ <svg viewBox="0 0 27 24" class="svg-chat-dims">
176
+ <use xlink:href="#chat"></use>
177
+ </svg>
178
+
179
+ </div>
180
+ <h2>chat</h2>
181
+ </li>
182
+ <li title="clock">
183
+ <div class="icon-box">
184
+
185
+ <!-- clock -->
186
+ <svg viewBox="0 0 35 33" class="svg-clock-dims">
187
+ <use xlink:href="#clock"></use>
188
+ </svg>
189
+
190
+ </div>
191
+ <h2>clock</h2>
192
+ </li>
193
+ <li title="close">
194
+ <div class="icon-box">
195
+
196
+ <!-- close -->
197
+ <svg viewBox="0 0 13 12" class="svg-close-dims">
198
+ <use xlink:href="#close"></use>
199
+ </svg>
200
+
201
+ </div>
202
+ <h2>close</h2>
203
+ </li>
204
+ <li title="email">
205
+ <div class="icon-box">
206
+
207
+ <!-- email -->
208
+ <svg viewBox="0 0 14 9" class="svg-email-dims">
209
+ <use xlink:href="#email"></use>
210
+ </svg>
211
+
212
+ </div>
213
+ <h2>email</h2>
214
+ </li>
215
+ <li title="envelope">
216
+ <div class="icon-box">
217
+
218
+ <!-- envelope -->
219
+ <svg viewBox="0 0 14 9" class="svg-envelope-dims">
220
+ <use xlink:href="#envelope"></use>
221
+ </svg>
222
+
223
+ </div>
224
+ <h2>envelope</h2>
225
+ </li>
226
+ <li title="facebook">
227
+ <div class="icon-box">
228
+
229
+ <!-- facebook -->
230
+ <svg viewBox="0 0 24 24" class="svg-facebook-dims">
231
+ <use xlink:href="#facebook"></use>
232
+ </svg>
233
+
234
+ </div>
235
+ <h2>facebook</h2>
236
+ </li>
237
+ <li title="fire">
238
+ <div class="icon-box">
239
+
240
+ <!-- fire -->
241
+ <svg viewBox="0 0 14 19" class="svg-fire-dims">
242
+ <use xlink:href="#fire"></use>
243
+ </svg>
244
+
245
+ </div>
246
+ <h2>fire</h2>
247
+ </li>
248
+ <li title="gallery">
249
+ <div class="icon-box">
250
+
251
+ <!-- gallery -->
252
+ <svg viewBox="0 0 34.237 31.943" class="svg-gallery-dims">
253
+ <use xlink:href="#gallery"></use>
254
+ </svg>
255
+
256
+ </div>
257
+ <h2>gallery</h2>
258
+ </li>
259
+ <li title="google">
260
+ <div class="icon-box">
261
+
262
+ <!-- google -->
263
+ <svg viewBox="0 0 24 24" class="svg-google-dims">
264
+ <use xlink:href="#google"></use>
265
+ </svg>
266
+
267
+ </div>
268
+ <h2>google</h2>
269
+ </li>
270
+ <li title="hamburger">
271
+ <div class="icon-box">
272
+
273
+ <!-- hamburger -->
274
+ <svg viewBox="0 0 19.4 14.5" class="svg-hamburger-dims">
275
+ <use xlink:href="#hamburger"></use>
276
+ </svg>
277
+
278
+ </div>
279
+ <h2>hamburger</h2>
280
+ </li>
281
+ <li title="info">
282
+ <div class="icon-box">
283
+
284
+ <!-- info -->
285
+ <svg viewBox="0 0 20 20" class="svg-info-dims">
286
+ <use xlink:href="#info"></use>
287
+ </svg>
288
+
289
+ </div>
290
+ <h2>info</h2>
291
+ </li>
292
+ <li title="instagram">
293
+ <div class="icon-box">
294
+
295
+ <!-- instagram -->
296
+ <svg viewBox="0 0 19 19" class="svg-instagram-dims">
297
+ <use xlink:href="#instagram"></use>
298
+ </svg>
299
+
300
+ </div>
301
+ <h2>instagram</h2>
302
+ </li>
303
+ <li title="linkedin">
304
+ <div class="icon-box">
305
+
306
+ <!-- linkedin -->
307
+ <svg viewBox="0 0 24 24" class="svg-linkedin-dims">
308
+ <use xlink:href="#linkedin"></use>
309
+ </svg>
310
+
311
+ </div>
312
+ <h2>linkedin</h2>
313
+ </li>
314
+ <li title="pinit">
315
+ <div class="icon-box">
316
+
317
+ <!-- pinit -->
318
+ <svg viewBox="0 0 11.44 14.58" class="svg-pinit-dims">
319
+ <use xlink:href="#pinit"></use>
320
+ </svg>
321
+
322
+ </div>
323
+ <h2>pinit</h2>
324
+ </li>
325
+ <li title="pinterest">
326
+ <div class="icon-box">
327
+
328
+ <!-- pinterest -->
329
+ <svg viewBox="0 0 11.44 14.58" class="svg-pinterest-dims">
330
+ <use xlink:href="#pinterest"></use>
331
+ </svg>
332
+
333
+ </div>
334
+ <h2>pinterest</h2>
335
+ </li>
336
+ <li title="plus">
337
+ <div class="icon-box">
338
+
339
+ <!-- plus -->
340
+ <svg viewBox="0 0 11.01 11.01" class="svg-plus-dims">
341
+ <use xlink:href="#plus"></use>
342
+ </svg>
343
+
344
+ </div>
345
+ <h2>plus</h2>
346
+ </li>
347
+ <li title="pmc-logo">
348
+ <div class="icon-box">
349
+
350
+ <!-- pmc-logo -->
351
+ <svg viewBox="0 0 424.16 55.06" class="svg-pmc-logo-dims">
352
+ <use xlink:href="#pmc-logo"></use>
353
+ </svg>
354
+
355
+ </div>
356
+ <h2>pmc-logo</h2>
357
+ </li>
358
+ <li title="pmc-logo-white">
359
+ <div class="icon-box">
360
+
361
+ <!-- pmc-logo-white -->
362
+ <svg viewBox="0 0 537.42 69.75" class="svg-pmc-logo-white-dims">
363
+ <use xlink:href="#pmc-logo-white"></use>
364
+ </svg>
365
+
366
+ </div>
367
+ <h2>pmc-logo-white</h2>
368
+ </li>
369
+ <li title="print">
370
+ <div class="icon-box">
371
+
372
+ <!-- print -->
373
+ <svg viewBox="0 0 166 166" class="svg-print-dims">
374
+ <use xlink:href="#print"></use>
375
+ </svg>
376
+
377
+ </div>
378
+ <h2>print</h2>
379
+ </li>
380
+ <li title="reddit">
381
+ <div class="icon-box">
382
+
383
+ <!-- reddit -->
384
+ <svg viewBox="0 0 24 24" class="svg-reddit-dims">
385
+ <use xlink:href="#reddit"></use>
386
+ </svg>
387
+
388
+ </div>
389
+ <h2>reddit</h2>
390
+ </li>
391
+ <li title="search">
392
+ <div class="icon-box">
393
+
394
+ <!-- search -->
395
+ <svg viewBox="0 0 18 18" class="svg-search-dims">
396
+ <use xlink:href="#search"></use>
397
+ </svg>
398
+
399
+ </div>
400
+ <h2>search</h2>
401
+ </li>
402
+ <li title="star">
403
+ <div class="icon-box">
404
+
405
+ <!-- star -->
406
+ <svg viewBox="0 0 23 21" class="svg-star-dims">
407
+ <use xlink:href="#star"></use>
408
+ </svg>
409
+
410
+ </div>
411
+ <h2>star</h2>
412
+ </li>
413
+ <li title="star-half">
414
+ <div class="icon-box">
415
+
416
+ <!-- star-half -->
417
+ <svg viewBox="0 0 12 21" class="svg-star-half-dims">
418
+ <use xlink:href="#star-half"></use>
419
+ </svg>
420
+
421
+ </div>
422
+ <h2>star-half</h2>
423
+ </li>
424
+ <li title="triangle-right">
425
+ <div class="icon-box">
426
+
427
+ <!-- triangle-right -->
428
+ <svg viewBox="0 0 13.188 16.956" class="svg-triangle-right-dims">
429
+ <use xlink:href="#triangle-right"></use>
430
+ </svg>
431
+
432
+ </div>
433
+ <h2>triangle-right</h2>
434
+ </li>
435
+ <li title="tumblr">
436
+ <div class="icon-box">
437
+
438
+ <!-- tumblr -->
439
+ <svg viewBox="0 0 9.05 14.44" class="svg-tumblr-dims">
440
+ <use xlink:href="#tumblr"></use>
441
+ </svg>
442
+
443
+ </div>
444
+ <h2>tumblr</h2>
445
+ </li>
446
+ <li title="twitter">
447
+ <div class="icon-box">
448
+
449
+ <!-- twitter -->
450
+ <svg viewBox="0 0 24 24" class="svg-twitter-dims">
451
+ <use xlink:href="#twitter"></use>
452
+ </svg>
453
+
454
+ </div>
455
+ <h2>twitter</h2>
456
+ </li>
457
+ <li title="whatsapp">
458
+ <div class="icon-box">
459
+
460
+ <!-- whatsapp -->
461
+ <svg viewBox="0 0 24 24" class="svg-whatsapp-dims">
462
+ <use xlink:href="#whatsapp"></use>
463
+ </svg>
464
+
465
+ </div>
466
+ <h2>whatsapp</h2>
467
+ </li>
468
+ <li title="youtube">
469
+ <div class="icon-box">
470
+
471
+ <!-- youtube -->
472
+ <svg viewBox="0 0 19 14" class="svg-youtube-dims">
473
+ <use xlink:href="#youtube"></use>
474
+ </svg>
475
+
476
+ </div>
477
+ <h2>youtube</h2>
478
+ </li>
479
+ </ul>
480
+
481
+ <!--
482
+ ====================================================================================================
483
+ -->
484
+
485
+ </section>
486
+ <section>
487
+
488
+ <!--
489
+
490
+ B) Inline SVG with external sprite (IE 9-11 with polyfill only)
491
+ ====================================================================================================
492
+ These SVG images make use of an URL + fragment identifiers (IDs) and refer to the regular external
493
+ SVG sprite. They may be styled via CSS. (IE 9-11 with polyfill only)
494
+
495
+ -->
496
+
497
+ <h3>B) Inline SVG with external sprite (IE 9-11 with polyfill only)</h3>
498
+ <ul>
499
+
500
+ <li title="arrow">
501
+ <div class="icon-box">
502
+
503
+ <!-- arrow -->
504
+ <svg viewBox="0 0 14 8" class="svg-arrow-dims">
505
+ <use xlink:href="sprite.defs.svg#arrow"></use>
506
+ </shapes>
507
+
508
+ </div>
509
+ <h2>arrow</h2>
510
+ </li>
511
+ <li title="byline-plus">
512
+ <div class="icon-box">
513
+
514
+ <!-- byline-plus -->
515
+ <svg viewBox="0 0 15 15" class="svg-byline-plus-dims">
516
+ <use xlink:href="sprite.defs.svg#byline-plus"></use>
517
+ </shapes>
518
+
519
+ </div>
520
+ <h2>byline-plus</h2>
521
+ </li>
522
+ <li title="camera">
523
+ <div class="icon-box">
524
+
525
+ <!-- camera -->
526
+ <svg viewBox="0 0 22 20" class="svg-camera-dims">
527
+ <use xlink:href="sprite.defs.svg#camera"></use>
528
+ </shapes>
529
+
530
+ </div>
531
+ <h2>camera</h2>
532
+ </li>
533
+ <li title="chat">
534
+ <div class="icon-box">
535
+
536
+ <!-- chat -->
537
+ <svg viewBox="0 0 27 24" class="svg-chat-dims">
538
+ <use xlink:href="sprite.defs.svg#chat"></use>
539
+ </shapes>
540
+
541
+ </div>
542
+ <h2>chat</h2>
543
+ </li>
544
+ <li title="clock">
545
+ <div class="icon-box">
546
+
547
+ <!-- clock -->
548
+ <svg viewBox="0 0 35 33" class="svg-clock-dims">
549
+ <use xlink:href="sprite.defs.svg#clock"></use>
550
+ </shapes>
551
+
552
+ </div>
553
+ <h2>clock</h2>
554
+ </li>
555
+ <li title="close">
556
+ <div class="icon-box">
557
+
558
+ <!-- close -->
559
+ <svg viewBox="0 0 13 12" class="svg-close-dims">
560
+ <use xlink:href="sprite.defs.svg#close"></use>
561
+ </shapes>
562
+
563
+ </div>
564
+ <h2>close</h2>
565
+ </li>
566
+ <li title="email">
567
+ <div class="icon-box">
568
+
569
+ <!-- email -->
570
+ <svg viewBox="0 0 14 9" class="svg-email-dims">
571
+ <use xlink:href="sprite.defs.svg#email"></use>
572
+ </shapes>
573
+
574
+ </div>
575
+ <h2>email</h2>
576
+ </li>
577
+ <li title="envelope">
578
+ <div class="icon-box">
579
+
580
+ <!-- envelope -->
581
+ <svg viewBox="0 0 14 9" class="svg-envelope-dims">
582
+ <use xlink:href="sprite.defs.svg#envelope"></use>
583
+ </shapes>
584
+
585
+ </div>
586
+ <h2>envelope</h2>
587
+ </li>
588
+ <li title="facebook">
589
+ <div class="icon-box">
590
+
591
+ <!-- facebook -->
592
+ <svg viewBox="0 0 24 24" class="svg-facebook-dims">
593
+ <use xlink:href="sprite.defs.svg#facebook"></use>
594
+ </shapes>
595
+
596
+ </div>
597
+ <h2>facebook</h2>
598
+ </li>
599
+ <li title="fire">
600
+ <div class="icon-box">
601
+
602
+ <!-- fire -->
603
+ <svg viewBox="0 0 14 19" class="svg-fire-dims">
604
+ <use xlink:href="sprite.defs.svg#fire"></use>
605
+ </shapes>
606
+
607
+ </div>
608
+ <h2>fire</h2>
609
+ </li>
610
+ <li title="gallery">
611
+ <div class="icon-box">
612
+
613
+ <!-- gallery -->
614
+ <svg viewBox="0 0 34.237 31.943" class="svg-gallery-dims">
615
+ <use xlink:href="sprite.defs.svg#gallery"></use>
616
+ </shapes>
617
+
618
+ </div>
619
+ <h2>gallery</h2>
620
+ </li>
621
+ <li title="google">
622
+ <div class="icon-box">
623
+
624
+ <!-- google -->
625
+ <svg viewBox="0 0 24 24" class="svg-google-dims">
626
+ <use xlink:href="sprite.defs.svg#google"></use>
627
+ </shapes>
628
+
629
+ </div>
630
+ <h2>google</h2>
631
+ </li>
632
+ <li title="hamburger">
633
+ <div class="icon-box">
634
+
635
+ <!-- hamburger -->
636
+ <svg viewBox="0 0 19.4 14.5" class="svg-hamburger-dims">
637
+ <use xlink:href="sprite.defs.svg#hamburger"></use>
638
+ </shapes>
639
+
640
+ </div>
641
+ <h2>hamburger</h2>
642
+ </li>
643
+ <li title="info">
644
+ <div class="icon-box">
645
+
646
+ <!-- info -->
647
+ <svg viewBox="0 0 20 20" class="svg-info-dims">
648
+ <use xlink:href="sprite.defs.svg#info"></use>
649
+ </shapes>
650
+
651
+ </div>
652
+ <h2>info</h2>
653
+ </li>
654
+ <li title="instagram">
655
+ <div class="icon-box">
656
+
657
+ <!-- instagram -->
658
+ <svg viewBox="0 0 19 19" class="svg-instagram-dims">
659
+ <use xlink:href="sprite.defs.svg#instagram"></use>
660
+ </shapes>
661
+
662
+ </div>
663
+ <h2>instagram</h2>
664
+ </li>
665
+ <li title="linkedin">
666
+ <div class="icon-box">
667
+
668
+ <!-- linkedin -->
669
+ <svg viewBox="0 0 24 24" class="svg-linkedin-dims">
670
+ <use xlink:href="sprite.defs.svg#linkedin"></use>
671
+ </shapes>
672
+
673
+ </div>
674
+ <h2>linkedin</h2>
675
+ </li>
676
+ <li title="pinit">
677
+ <div class="icon-box">
678
+
679
+ <!-- pinit -->
680
+ <svg viewBox="0 0 11.44 14.58" class="svg-pinit-dims">
681
+ <use xlink:href="sprite.defs.svg#pinit"></use>
682
+ </shapes>
683
+
684
+ </div>
685
+ <h2>pinit</h2>
686
+ </li>
687
+ <li title="pinterest">
688
+ <div class="icon-box">
689
+
690
+ <!-- pinterest -->
691
+ <svg viewBox="0 0 11.44 14.58" class="svg-pinterest-dims">
692
+ <use xlink:href="sprite.defs.svg#pinterest"></use>
693
+ </shapes>
694
+
695
+ </div>
696
+ <h2>pinterest</h2>
697
+ </li>
698
+ <li title="plus">
699
+ <div class="icon-box">
700
+
701
+ <!-- plus -->
702
+ <svg viewBox="0 0 11.01 11.01" class="svg-plus-dims">
703
+ <use xlink:href="sprite.defs.svg#plus"></use>
704
+ </shapes>
705
+
706
+ </div>
707
+ <h2>plus</h2>
708
+ </li>
709
+ <li title="pmc-logo">
710
+ <div class="icon-box">
711
+
712
+ <!-- pmc-logo -->
713
+ <svg viewBox="0 0 424.16 55.06" class="svg-pmc-logo-dims">
714
+ <use xlink:href="sprite.defs.svg#pmc-logo"></use>
715
+ </shapes>
716
+
717
+ </div>
718
+ <h2>pmc-logo</h2>
719
+ </li>
720
+ <li title="pmc-logo-white">
721
+ <div class="icon-box">
722
+
723
+ <!-- pmc-logo-white -->
724
+ <svg viewBox="0 0 537.42 69.75" class="svg-pmc-logo-white-dims">
725
+ <use xlink:href="sprite.defs.svg#pmc-logo-white"></use>
726
+ </shapes>
727
+
728
+ </div>
729
+ <h2>pmc-logo-white</h2>
730
+ </li>
731
+ <li title="print">
732
+ <div class="icon-box">
733
+
734
+ <!-- print -->
735
+ <svg viewBox="0 0 166 166" class="svg-print-dims">
736
+ <use xlink:href="sprite.defs.svg#print"></use>
737
+ </shapes>
738
+
739
+ </div>
740
+ <h2>print</h2>
741
+ </li>
742
+ <li title="reddit">
743
+ <div class="icon-box">
744
+
745
+ <!-- reddit -->
746
+ <svg viewBox="0 0 24 24" class="svg-reddit-dims">
747
+ <use xlink:href="sprite.defs.svg#reddit"></use>
748
+ </shapes>
749
+
750
+ </div>
751
+ <h2>reddit</h2>
752
+ </li>
753
+ <li title="search">
754
+ <div class="icon-box">
755
+
756
+ <!-- search -->
757
+ <svg viewBox="0 0 18 18" class="svg-search-dims">
758
+ <use xlink:href="sprite.defs.svg#search"></use>
759
+ </shapes>
760
+
761
+ </div>
762
+ <h2>search</h2>
763
+ </li>
764
+ <li title="star">
765
+ <div class="icon-box">
766
+
767
+ <!-- star -->
768
+ <svg viewBox="0 0 23 21" class="svg-star-dims">
769
+ <use xlink:href="sprite.defs.svg#star"></use>
770
+ </shapes>
771
+
772
+ </div>
773
+ <h2>star</h2>
774
+ </li>
775
+ <li title="star-half">
776
+ <div class="icon-box">
777
+
778
+ <!-- star-half -->
779
+ <svg viewBox="0 0 12 21" class="svg-star-half-dims">
780
+ <use xlink:href="sprite.defs.svg#star-half"></use>
781
+ </shapes>
782
+
783
+ </div>
784
+ <h2>star-half</h2>
785
+ </li>
786
+ <li title="triangle-right">
787
+ <div class="icon-box">
788
+
789
+ <!-- triangle-right -->
790
+ <svg viewBox="0 0 13.188 16.956" class="svg-triangle-right-dims">
791
+ <use xlink:href="sprite.defs.svg#triangle-right"></use>
792
+ </shapes>
793
+
794
+ </div>
795
+ <h2>triangle-right</h2>
796
+ </li>
797
+ <li title="tumblr">
798
+ <div class="icon-box">
799
+
800
+ <!-- tumblr -->
801
+ <svg viewBox="0 0 9.05 14.44" class="svg-tumblr-dims">
802
+ <use xlink:href="sprite.defs.svg#tumblr"></use>
803
+ </shapes>
804
+
805
+ </div>
806
+ <h2>tumblr</h2>
807
+ </li>
808
+ <li title="twitter">
809
+ <div class="icon-box">
810
+
811
+ <!-- twitter -->
812
+ <svg viewBox="0 0 24 24" class="svg-twitter-dims">
813
+ <use xlink:href="sprite.defs.svg#twitter"></use>
814
+ </shapes>
815
+
816
+ </div>
817
+ <h2>twitter</h2>
818
+ </li>
819
+ <li title="whatsapp">
820
+ <div class="icon-box">
821
+
822
+ <!-- whatsapp -->
823
+ <svg viewBox="0 0 24 24" class="svg-whatsapp-dims">
824
+ <use xlink:href="sprite.defs.svg#whatsapp"></use>
825
+ </shapes>
826
+
827
+ </div>
828
+ <h2>whatsapp</h2>
829
+ </li>
830
+ <li title="youtube">
831
+ <div class="icon-box">
832
+
833
+ <!-- youtube -->
834
+ <svg viewBox="0 0 19 14" class="svg-youtube-dims">
835
+ <use xlink:href="sprite.defs.svg#youtube"></use>
836
+ </shapes>
837
+
838
+ </div>
839
+ <h2>youtube</h2>
840
+ </li>
841
+ </ul>
842
+
843
+ <!--
844
+ ====================================================================================================
845
+ -->
846
+
847
+ </section>
848
+ <footer>
849
+ <p>Generated at Wed, 25 May 2022 06:14:13 GMT by <a href="https://github.com/jkphl/svg-sprite" target="_blank">svg-sprite</a>.</p>
850
+ </footer>
851
+ </body>
852
+ </html>