@pimaonline/pimaonline-themepack 3.12.1 → 4.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (142) hide show
  1. package/README.md +12 -23
  2. package/dist/css/main.css +1 -1
  3. package/dist/css/plugins/alt-icons.css +1 -1
  4. package/dist/css/plugins/font-awesome.css +1 -1
  5. package/dist/css/routes.css +1 -1
  6. package/dist/css/themes/ait/styles.css +1 -1
  7. package/dist/css/themes/ajs/styles.css +1 -1
  8. package/dist/css/themes/ant/styles.css +1 -0
  9. package/dist/css/themes/art/styles.css +1 -1
  10. package/dist/css/themes/aviation/styles.css +1 -1
  11. package/dist/css/themes/bct/styles.css +1 -1
  12. package/dist/css/themes/bio/styles.css +1 -1
  13. package/dist/css/themes/business/styles.css +1 -1
  14. package/dist/css/themes/cad/styles.css +1 -1
  15. package/dist/css/themes/cards/styles.css +1 -1
  16. package/dist/css/themes/cas/styles.css +1 -0
  17. package/dist/css/themes/cda/styles.css +1 -1
  18. package/dist/css/themes/chm/styles.css +1 -0
  19. package/dist/css/themes/cis/styles.css +1 -1
  20. package/dist/css/themes/communication/styles.css +1 -1
  21. package/dist/css/themes/computer-information-systems/styles.css +1 -1
  22. package/dist/css/themes/culinary/styles.css +1 -1
  23. package/dist/css/themes/culinary/versions/black-marble.css +1 -1
  24. package/dist/css/themes/culinary/versions/stainless.css +1 -1
  25. package/dist/css/themes/culinary/versions/wood.css +1 -1
  26. package/dist/css/themes/dental/styles.css +1 -1
  27. package/dist/css/themes/ece/styles.css +1 -1
  28. package/dist/css/themes/ecn/styles.css +1 -1
  29. package/dist/css/themes/eng/styles.css +1 -1
  30. package/dist/css/themes/fashion/styles.css +1 -1
  31. package/dist/css/themes/fitness/styles.css +1 -1
  32. package/dist/css/themes/fsc/styles.css +1 -1
  33. package/dist/css/themes/geography/styles.css +1 -1
  34. package/dist/css/themes/geology/styles.css +1 -1
  35. package/dist/css/themes/health-it/styles.css +1 -1
  36. package/dist/css/themes/history/styles.css +1 -1
  37. package/dist/css/themes/hrm/styles.css +1 -1
  38. package/dist/css/themes/hrs/styles.css +1 -1
  39. package/dist/css/themes/journalism/styles.css +1 -1
  40. package/dist/css/themes/lang/styles.css +1 -1
  41. package/dist/css/themes/lgm/styles.css +1 -1
  42. package/dist/css/themes/machine/styles.css +1 -1
  43. package/dist/css/themes/math/styles.css +1 -1
  44. package/dist/css/themes/mgt/styles.css +1 -1
  45. package/dist/css/themes/minimalist/styles.css +1 -1
  46. package/dist/css/themes/mkt/styles.css +1 -0
  47. package/dist/css/themes/music/styles.css +1 -1
  48. package/dist/css/themes/nursing/styles.css +1 -0
  49. package/dist/css/themes/philosophy/styles.css +1 -1
  50. package/dist/css/themes/pht/styles.css +1 -1
  51. package/dist/css/themes/phy/styles.css +1 -0
  52. package/dist/css/themes/pos/styles.css +1 -0
  53. package/dist/css/themes/psy/styles.css +1 -1
  54. package/dist/css/themes/reading/styles.css +1 -0
  55. package/dist/css/themes/resort/styles.css +1 -1
  56. package/dist/css/themes/soc/styles.css +1 -1
  57. package/dist/css/themes/ss/styles.css +1 -1
  58. package/dist/css/themes/tps/styles.css +1 -0
  59. package/dist/css/themes/university/styles.css +1 -1
  60. package/dist/css/themes/vet/styles.css +1 -1
  61. package/dist/css/themes/welding/styles.css +1 -1
  62. package/dist/css/themes/writing/styles.css +1 -1
  63. package/dist/img/general/arrow-right-black.svg +1 -0
  64. package/dist/img/general/arrow-right-primary-blue.svg +1 -0
  65. package/dist/img/general/arrow-right-white.svg +1 -0
  66. package/dist/img/theme-images/ant/texture.png +0 -0
  67. package/dist/img/theme-images/cas/city-vector.svg +92 -0
  68. package/dist/img/theme-images/cas/farm-vector.svg +1 -0
  69. package/dist/img/theme-images/cas/ocean-vector.svg +1 -0
  70. package/dist/img/theme-images/cas/recycle-symbol.svg +1 -0
  71. package/dist/img/theme-images/chm/chem-letters/letter-a.png +0 -0
  72. package/dist/img/theme-images/chm/chem-letters/letter-b.png +0 -0
  73. package/dist/img/theme-images/chm/chem-letters/letter-c.png +0 -0
  74. package/dist/img/theme-images/chm/chem-letters/letter-d.png +0 -0
  75. package/dist/img/theme-images/chm/chem-letters/letter-e.png +0 -0
  76. package/dist/img/theme-images/chm/chem-letters/letter-f.png +0 -0
  77. package/dist/img/theme-images/chm/chem-letters/letter-g.png +0 -0
  78. package/dist/img/theme-images/chm/chem-letters/letter-h.png +0 -0
  79. package/dist/img/theme-images/chm/chem-letters/letter-i.png +0 -0
  80. package/dist/img/theme-images/chm/chem-letters/letter-j.png +0 -0
  81. package/dist/img/theme-images/chm/chem-letters/letter-k.png +0 -0
  82. package/dist/img/theme-images/chm/chem-letters/letter-l.png +0 -0
  83. package/dist/img/theme-images/chm/chem-letters/letter-m.png +0 -0
  84. package/dist/img/theme-images/chm/chem-letters/letter-n.png +0 -0
  85. package/dist/img/theme-images/chm/chem-letters/letter-o.png +0 -0
  86. package/dist/img/theme-images/chm/chem-letters/letter-p.png +0 -0
  87. package/dist/img/theme-images/chm/chem-letters/letter-q.png +0 -0
  88. package/dist/img/theme-images/chm/chem-letters/letter-r.png +0 -0
  89. package/dist/img/theme-images/chm/chem-letters/letter-s.png +0 -0
  90. package/dist/img/theme-images/chm/chem-letters/letter-t.png +0 -0
  91. package/dist/img/theme-images/chm/chem-letters/letter-u.png +0 -0
  92. package/dist/img/theme-images/chm/chem-letters/letter-v.png +0 -0
  93. package/dist/img/theme-images/chm/chem-letters/letter-w.png +0 -0
  94. package/dist/img/theme-images/chm/chem-letters/letter-x.png +0 -0
  95. package/dist/img/theme-images/chm/chem-letters/letter-y.png +0 -0
  96. package/dist/img/theme-images/chm/chem-letters/letter-z.png +0 -0
  97. package/dist/img/theme-images/mkt/blue/bluebars.svg +36 -0
  98. package/dist/img/theme-images/mkt/blue/blueheader.jpg +0 -0
  99. package/dist/img/theme-images/mkt/blue/bluepie.svg +42 -0
  100. package/dist/img/theme-images/mkt/green/greenbars.svg +36 -0
  101. package/dist/img/theme-images/mkt/green/greenheader.jpg +0 -0
  102. package/dist/img/theme-images/mkt/green/greenpie.svg +42 -0
  103. package/dist/img/theme-images/mkt/yellow/yellowbars.svg +36 -0
  104. package/dist/img/theme-images/mkt/yellow/yellowheader.jpg +0 -0
  105. package/dist/img/theme-images/mkt/yellow/yellowpie.svg +42 -0
  106. package/dist/img/theme-images/nursing/blue/bottomright-blue.svg +95 -0
  107. package/dist/img/theme-images/nursing/blue/topleft-blue.svg +111 -0
  108. package/dist/img/theme-images/nursing/green/bottomright-green.svg +95 -0
  109. package/dist/img/theme-images/nursing/green/topleft-green.svg +111 -0
  110. package/dist/img/theme-images/nursing/purple/bottomright-purple.svg +95 -0
  111. package/dist/img/theme-images/nursing/purple/topleft-purple.svg +111 -0
  112. package/dist/img/theme-images/nursing/teal/bottomright-teal.svg +95 -0
  113. package/dist/img/theme-images/nursing/teal/topleft-teal.svg +111 -0
  114. package/dist/img/theme-images/phy/background.svg +150 -0
  115. package/dist/img/theme-images/phy/tape-style1.svg +8 -0
  116. package/dist/img/theme-images/reading/bg10.jpg +0 -0
  117. package/dist/js/scripts2.js +1 -1552
  118. package/dist/js/themes/cas.js +1 -0
  119. package/dist/js/themes/chm.js +1 -0
  120. package/dist/js/themes/ecn.js +1 -13
  121. package/dist/js/themes/hrs.js +1 -19
  122. package/dist/js/themes/ss.js +1 -197
  123. package/dist/plugins/fancybox/fancybox-example.html +1 -1
  124. package/dist/plugins/fancybox/helpers/jquery.fancybox-buttons.js +2 -122
  125. package/dist/plugins/fancybox/helpers/jquery.fancybox-media.js +2 -201
  126. package/dist/plugins/fancybox/helpers/jquery.fancybox-thumbs.js +2 -165
  127. package/dist/plugins/fancybox/jquery.fancybox.js +2 -2018
  128. package/dist/plugins/fancybox/jquery.fancybox.pack.js +2 -46
  129. package/dist/plugins/flashcards/flashcards-example.html +1 -1
  130. package/dist/plugins/flashcards/js/flash_cards.min.js +1 -12
  131. package/dist/plugins/flashcards/js/plugins/flash_cards.js +1 -62
  132. package/dist/plugins/flashcards/js/plugins/jquery.cycle.js +2 -1148
  133. package/dist/plugins/flashcards/js/vendor/jquery-1.7.2.js +2 -9404
  134. package/dist/plugins/flashcards/js/vendor/jquery-1.7.2.min.js +2 -4
  135. package/dist/plugins/flashcards/js/vendor/modernizr-2.5.3.min.js +1 -4
  136. package/dist/plugins/floating-particles/floating-particles.js +1 -68
  137. package/dist/plugins/global-homepage-overrides/global-homepage-overrides.js +1 -53
  138. package/dist/plugins/preview-banner/preview-banner.js +1 -57
  139. package/package.json +12 -16
  140. package/dist/js/jumpTo.js +0 -4
  141. package/dist/js/scripts-ts.js +0 -1
  142. package/dist/js/scripts.js +0 -327
@@ -0,0 +1 @@
1
+ (()=>{"use strict";document.querySelectorAll("button:not(.slider-arrow), .btn").forEach((e=>{const t=e.getBoundingClientRect(),n=t.width,i=t.height,l=`<svg width="${n}px" height="${i}px" viewBox="0 0 ${n} ${i}" class="btn-svg">\n <rect x="0" y="0" width="${n}" height="${i}" rx="10" ry="10" fill="none" stroke="white" stroke-width="2"/>\n <polyline points="${n},1 ${n},${i} 1,${i} 1,1 ${n},1" class="bg-line" />\n <polyline points="${n},1 ${n},${i} 1,${i} 1,1 ${n},1" class="hl-line" />\n </svg>`,o=document.createElement("div");o.innerHTML=l;const s=o.firstChild;s&&e.appendChild(s.cloneNode(!0))}))})();
@@ -0,0 +1 @@
1
+ (()=>{"use strict";var t;const e=document.querySelector(".content-body"),r=null==e?void 0:e.querySelector("h2"),l={a:".letter-a",b:".letter-b",c:".letter-c",d:".letter-d",e:".letter-e",f:".letter-f",g:".letter-g",h:".letter-h",i:".letter-i",j:".letter-j",k:".letter-k",l:".letter-l",m:".letter-m",n:".letter-n",o:".letter-o",p:".letter-p",q:".letter-q",r:".letter-r",s:".letter-s",t:".letter-t",u:".letter-u",v:".letter-v",w:".letter-w",x:".letter-x",y:".letter-y",z:".letter-z"};if(e&&r){const e=(null===(t=r.textContent)||void 0===t?void 0:t.charAt(0).toLowerCase())||"";r.setAttribute("aria-hidden","true");const n=document.createElement("span");if(n.textContent=e,n.className="first-letter",l[e]&&n.classList.add(`letter-${e}`),r.textContent){const t=r.textContent.slice(1),e=document.createElement("span");r.textContent="",e.textContent=t,r.appendChild(n),r.appendChild(e)}const o=document.createElement("h2");o.textContent=r.textContent||"",o.className="sr-only",r.insertAdjacentElement("afterend",o)}})();
@@ -1,13 +1 @@
1
- // Reset margin-top and padding-top for content bodies that don't have headings as the first child element
2
- const ecnStylesheet = document.querySelector("[href*='themes/ecn/styles.css']");
3
- const ecnContentBodies = document.querySelectorAll(".content-body");
4
-
5
- if (ecnStylesheet) {
6
- ecnContentBodies.forEach((contentBody) => {
7
- const firstChildHeading = contentBody.querySelector(":first-child");
8
- if (firstChildHeading && firstChildHeading.tagName !== "H2" && firstChildHeading.tagName !== "H3") {
9
- contentBody.style.marginTop = "unset";
10
- contentBody.style.paddingTop = "15px";
11
- }
12
- })
13
- }
1
+ (()=>{"use strict";const e=document.querySelector("[href*='themes/ecn/styles.css']"),t=document.querySelectorAll(".content-body");e&&t.forEach((e=>{const t=e.querySelector(":first-child");t&&"H2"!==t.tagName&&"H3"!==t.tagName&&(e.style.marginTop="unset",e.style.paddingTop="15px")}))})();
@@ -1,19 +1 @@
1
- // Animated border for HRS theme
2
- const borders = document.querySelectorAll(".border");
3
-
4
- if (borders) {
5
- Array.from(borders).forEach((border) => {
6
- border.classList.add("hrs-border");
7
- const callAnimateBorder = new IntersectionObserver(entries => {
8
- // Loop over the entries
9
- entries.forEach(entry => {
10
- // If the element is visible
11
- if (entry.isIntersecting) {
12
- // Add the animation class
13
- entry.target.classList.add('animate-border');
14
- }
15
- });
16
- });
17
- callAnimateBorder.observe(border);
18
- });
19
- };
1
+ (()=>{"use strict";const e=document.querySelectorAll(".border:not(.border.border-yellow)");e.length>0&&[...e].forEach((e=>{e.classList.add("hrs-border"),new IntersectionObserver((e=>{e.forEach((e=>{e.isIntersecting&&e.target.classList.add("animate-border")}))})).observe(e)}))})();
@@ -1,197 +1 @@
1
- // JS specifically for the Social Sciences (SS) theme
2
-
3
- // Add items for the button
4
- function replaceButtons() {
5
- const buttons = document.querySelectorAll(".btn");
6
- const vocabBtns = document.querySelectorAll(".vocab-list button");
7
-
8
- vocabBtns.forEach(button => {
9
- button.classList.add("blob-btn");
10
-
11
- const innerSpan = document.createElement("span");
12
- innerSpan.classList.add("blob-btn__inner");
13
-
14
- const blobsSpan = document.createElement("span");
15
- blobsSpan.classList.add("blob-btn__blobs");
16
-
17
- for (let i = 0; i < 4; i++) {
18
- const blob = document.createElement("span");
19
- blob.classList.add("blob-btn__blob");
20
- blobsSpan.appendChild(blob);
21
- }
22
-
23
- innerSpan.appendChild(blobsSpan);
24
- button.appendChild(innerSpan);
25
-
26
- })
27
-
28
- buttons.forEach(button => {
29
- // Create the elements for the new structure
30
- const newButton = document.createElement("a");
31
- newButton.classList.add("blob-btn");
32
-
33
- // Create a new span element for the original button text
34
- const originalTextSpan = document.createElement("span");
35
- originalTextSpan.classList.add("original-text");
36
- originalTextSpan.textContent = button.textContent;
37
-
38
- // Copy the original button's href attribute
39
- const hrefAttribute = button.getAttribute("href");
40
-
41
- if (hrefAttribute) {
42
- newButton.setAttribute("href", hrefAttribute);
43
- }
44
-
45
- const innerSpan = document.createElement("span");
46
- innerSpan.classList.add("blob-btn__inner");
47
-
48
- const blobsSpan = document.createElement("span");
49
- blobsSpan.classList.add("blob-btn__blobs");
50
-
51
- for (let i = 0; i < 4; i++) {
52
- const blob = document.createElement("span");
53
- blob.classList.add("blob-btn__blob");
54
- blobsSpan.appendChild(blob);
55
- }
56
-
57
- innerSpan.appendChild(blobsSpan);
58
- newButton.appendChild(originalTextSpan); // Add the original button text
59
- newButton.appendChild(innerSpan);
60
-
61
- // Replace the existing button with the new structure
62
- button.parentNode.replaceChild(newButton, button);
63
- });
64
- }
65
-
66
- replaceButtons();
67
-
68
- // Create and add the SVG to HTML document
69
- const svgElement = document.createElementNS("http://www.w3.org/2000/svg", "svg");
70
- svgElement.setAttribute("xmlns", "http://www.w3.org/2000/svg");
71
- svgElement.setAttribute("version", "1.1");
72
- svgElement.style.display = "none"; // Hide the SVG
73
- document.body.appendChild(svgElement);
74
-
75
- // Create and add the filter definition to the SVG
76
- const svgDefs = document.createElementNS("http://www.w3.org/2000/svg", "defs");
77
- svgElement.appendChild(svgDefs);
78
-
79
- const filter = document.createElementNS("http://www.w3.org/2000/svg", "filter");
80
- filter.setAttribute("id", "goo");
81
- svgDefs.appendChild(filter);
82
-
83
- const feGaussianBlur = document.createElementNS("http://www.w3.org/2000/svg", "feGaussianBlur");
84
- feGaussianBlur.setAttribute("in", "SourceGraphic");
85
- feGaussianBlur.setAttribute("result", "blur");
86
- feGaussianBlur.setAttribute("stdDeviation", "10");
87
- filter.appendChild(feGaussianBlur);
88
-
89
- const feColorMatrix = document.createElementNS("http://www.w3.org/2000/svg", "feColorMatrix");
90
- feColorMatrix.setAttribute("in", "blur");
91
- feColorMatrix.setAttribute("mode", "matrix");
92
- feColorMatrix.setAttribute("values", "1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 21 -7");
93
- feColorMatrix.setAttribute("result", "goo");
94
- filter.appendChild(feColorMatrix);
95
-
96
- const feBlend = document.createElementNS("http://www.w3.org/2000/svg", "feBlend");
97
- feBlend.setAttribute("in2", "goo");
98
- feBlend.setAttribute("in", "SourceGraphic");
99
- feBlend.setAttribute("result", "mix");
100
- filter.appendChild(feBlend);
101
-
102
- // Add items for text container for header
103
- const header = document.querySelector(".header");
104
-
105
- const root = document.documentElement; // Get the root element (HTML or :root)
106
-
107
- const colorPrimary = getComputedStyle(root).getPropertyValue('--color-primary');
108
- const colorSecondary = getComputedStyle(root).getPropertyValue('--color-secondary');
109
- const colorQuaternary = getComputedStyle(root).getPropertyValue('--color-quaternary');
110
-
111
- // Function to create and append an SVG element to a container with attributes and path content
112
- function appendSVG(container, width, height, viewBox, pathContent, fillColor, addedClass) {
113
- // Create a new SVG element
114
- const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
115
- svg.setAttribute("width", width);
116
- svg.setAttribute("height", height);
117
- svg.setAttribute("viewBox", viewBox);
118
- svg.classList.add(addedClass);
119
-
120
- // Create the path element
121
- const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
122
- path.setAttribute("fill", fillColor);
123
- path.setAttribute("d", pathContent);
124
-
125
- // Append the path to the SVG
126
- svg.appendChild(path);
127
-
128
- // Append the SVG to the container
129
- container.appendChild(svg);
130
- }
131
-
132
- //Text container blobs
133
- const textContainerSmallBlobSVG = `
134
- <svg width="520" height="459" viewBox="0 0 520 459" fill="none" xmlns="http://www.w3.org/2000/svg">
135
- <path fill-rule="evenodd" clip-rule="evenodd" d="M518.747 292.757C511.163 363.898 440.15 404.891 377.856 437.098C326.398 463.702 270.615 462.018 214.356 450.131C145.576 435.598 67.8836 426.477 32.6383 364.155C-8.37421 291.635 -10.4849 197.618 30.2012 124.499C71.6254 50.0538 151.869 1.46188 235.136 0.237608C309.302 -0.852853 359.552 65.0224 411.778 118.889C461.313 169.98 526.413 220.85 518.747 292.757Z" fill="${colorPrimary}"/>
136
- </svg>`;
137
-
138
- const textContainerLargeBlobSVG = `<svg width="1024" height="285" viewBox="0 0 1024 285" fill="none" xmlns="http://www.w3.org/2000/svg">
139
- <path fill-rule="evenodd" clip-rule="evenodd" d="M514.156 49.6823C564.805 56.965 616.051 59.1393 668.904 64.096C762.93 72.9141 878.419 64.6177 944.009 89.9955C1015.02 117.472 1043.01 160.905 1010.6 196.305C978.193 231.716 875.223 252.546 780.388 268.761C697.795 282.883 602.567 289.866 514.156 281.188C436.033 273.519 409.15 238.597 337.375 225.273C243.966 207.934 105.924 223.16 41.923 193.526C-22.351 163.765 -2.11912 119.429 32.3376 84.0315C66.4424 48.9954 126.608 8.23296 229.425 0.903027C335.419 -6.65334 414.006 35.2816 514.156 49.6823Z" fill="${colorPrimary}"/>
140
- </svg>
141
- `;
142
-
143
- // SVG content for "small blob"
144
- const smallBlobSVG = `
145
- M192.013 7.52222C214.383 27.4062 184.038 72.2918 203.388 95.132C223.515 118.891 277.432 95.6132 290.57 123.857C301.863 148.137 264.142 169.094 247.593 190.168C235.224 205.919 222.205 220.428 205.763 231.852C190.226 242.647 173.165 249.94 154.841 254.61C135.115 259.637 115.381 261.357 95.0731 260.059C68.3899 258.355 32.8537 267.757 17.5267 245.837C1.76764 223.3 31.5572 192.865 28.9319 165.469C26.5454 140.566 -8.77626 118.326 3.20184 96.3545C15.9424 72.984 56.4801 89.4153 78.5187 74.5108C97.6061 61.6021 97.8281 30.652 117.67 18.9405C139.648 5.96868 172.953 -9.4198 192.013 7.52222Z`;
146
-
147
- // SVG content for "tallBlob"
148
- const tallBlobSVG = `
149
- M122.209 11.1194C145.616 1.52446 173.459 -9.48853 193.008 14.1527C212.611 37.8602 211.527 86.7738 217.321 126.143C222.085 158.521 224.726 190.244 223.825 223.561C222.835 260.165 222.737 297.625 211.823 329.361C199.641 364.788 182.152 396.846 159.319 411.148C135.807 425.875 109.654 420.299 85.5729 408.442C61.4883 396.583 36.8662 378.545 22.6348 343.846C8.88936 310.332 13.78 266.304 10.7226 225.942C7.72455 186.365 -7.70321 142.971 4.85214 109.093C17.6055 74.681 49.0013 82.3697 70.621 64.3208C89.0654 48.9228 102.197 19.3226 122.209 11.1194Z`;
150
-
151
- appendSVG(header, "293", "261", "0 0 293 261", smallBlobSVG, colorSecondary, "small-blob");
152
- appendSVG(header, "224", "420", "0 0 224 420", tallBlobSVG, colorQuaternary, "tall-blob");
153
-
154
- // Encode the textContainerBlobSVG as a data URI
155
- const encodedTextContainerSmallBlobSVG = 'url("data:image/svg+xml,' + encodeURIComponent(textContainerSmallBlobSVG) + '")';
156
- const encodedTextContainerLargeBlobSVG = 'url("data:image/svg+xml,' + encodeURIComponent(textContainerLargeBlobSVG) + '")';
157
-
158
- // Select your HTML element
159
- const textContainer = document.querySelector(".text-container");
160
- const hasLargeClass = header.classList.contains('large');
161
-
162
-
163
- // Apply the background image to the HTML element
164
- if (hasLargeClass) {
165
- // The element has the 'large' class
166
- textContainer.style.backgroundImage = encodedTextContainerLargeBlobSVG;
167
- } else {
168
- // The element does not have the 'large' class
169
- textContainer.style.backgroundImage = encodedTextContainerSmallBlobSVG;
170
- }
171
-
172
- //Media Queries for changing SVG background images via JS
173
- // Function to handle viewport width changes
174
- function handleViewportChanges() {
175
- const viewportWidth = window.innerWidth;
176
-
177
- if (viewportWidth > 1000) {
178
- if (hasLargeClass) {
179
- // The element has the 'large' class
180
- textContainer.style.backgroundImage = encodedTextContainerLargeBlobSVG;
181
- } else {
182
- // The element does not have the 'large' class
183
- textContainer.style.backgroundImage = encodedTextContainerSmallBlobSVG;
184
- }
185
- }
186
- if (viewportWidth <= 1000) {
187
- textContainer.style.backgroundImage = encodedTextContainerLargeBlobSVG;
188
- } else if (viewportWidth <= 768) {
189
- textContainer.style.backgroundImage = "none";
190
- }
191
- }
192
-
193
- // Initial check on page load
194
- handleViewportChanges();
195
-
196
- // Add event listener to track changes in viewport width
197
- window.addEventListener("resize", handleViewportChanges);
1
+ (()=>{"use strict";const e=document.querySelectorAll(".btn"),t=document.querySelectorAll(".vocab-list button"),n=e=>{const t=document.createElement("span");t.classList.add("blob-btn__inner");const n=document.createElement("span");n.classList.add("blob-btn__blobs");for(let e=0;e<4;e++){const e=document.createElement("span");e.classList.add("blob-btn__blob"),n.appendChild(e)}t.appendChild(n),e.appendChild(t)};t.length>0&&(t.length>0&&t.forEach(n),e.length>0&&e.forEach((e=>{var t;const o=document.createElement("a");o.classList.add("blob-btn");const l=document.createElement("span");l.classList.add("original-text"),l.textContent=e.textContent||"";const d=e.getAttribute("href");d&&o.setAttribute("href",d),n(o),o.appendChild(l),null===(t=e.parentNode)||void 0===t||t.replaceChild(o,e)})));const o=(e,t,n)=>{const o=document.createElementNS("http://www.w3.org/2000/svg",e);return Object.entries(t).forEach((([e,t])=>o.setAttribute(e,t))),n?n.appendChild(o):document.body.appendChild(o),o},l=o("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",style:"display:none"}),d=o("defs",{});l.appendChild(d);const r=o("filter",{id:"goo"});d.appendChild(r),o("feGaussianBlur",{in:"SourceGraphic",result:"blur",stdDeviation:"10"},r),o("feColorMatrix",{in:"blur",mode:"matrix",values:"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 21 -7",result:"goo"},r),o("feBlend",{in2:"goo",in:"SourceGraphic",result:"mix"},r);const s=document.querySelector(".header"),a=document.documentElement,i=document.querySelector(".text-container"),c=window.innerWidth,C=s.classList.contains("large"),u=getComputedStyle(a).getPropertyValue("--color-primary"),g=getComputedStyle(a).getPropertyValue("--color-secondary"),p=getComputedStyle(a).getPropertyValue("--color-quaternary"),m=(e,t,n,l,d,r,s)=>{const a=o("svg",{width:t,height:n,viewBox:l,class:s},e);o("path",{fill:r,d},a)},h=`\n<svg width="520" height="459" viewBox="0 0 520 459" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M518.747 292.757C511.163 363.898 440.15 404.891 377.856 437.098C326.398 463.702 270.615 462.018 214.356 450.131C145.576 435.598 67.8836 426.477 32.6383 364.155C-8.37421 291.635 -10.4849 197.618 30.2012 124.499C71.6254 50.0538 151.869 1.46188 235.136 0.237608C309.302 -0.852853 359.552 65.0224 411.778 118.889C461.313 169.98 526.413 220.85 518.747 292.757Z" fill="${u}"/>\n</svg>`,b=`<svg width="1024" height="285" viewBox="0 0 1024 285" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M514.156 49.6823C564.805 56.965 616.051 59.1393 668.904 64.096C762.93 72.9141 878.419 64.6177 944.009 89.9955C1015.02 117.472 1043.01 160.905 1010.6 196.305C978.193 231.716 875.223 252.546 780.388 268.761C697.795 282.883 602.567 289.866 514.156 281.188C436.033 273.519 409.15 238.597 337.375 225.273C243.966 207.934 105.924 223.16 41.923 193.526C-22.351 163.765 -2.11912 119.429 32.3376 84.0315C66.4424 48.9954 126.608 8.23296 229.425 0.903027C335.419 -6.65334 414.006 35.2816 514.156 49.6823Z" fill="${u}"/>\n</svg>\n`;m(s,"293","261","0 0 293 261","\n M192.013 7.52222C214.383 27.4062 184.038 72.2918 203.388 95.132C223.515 118.891 277.432 95.6132 290.57 123.857C301.863 148.137 264.142 169.094 247.593 190.168C235.224 205.919 222.205 220.428 205.763 231.852C190.226 242.647 173.165 249.94 154.841 254.61C135.115 259.637 115.381 261.357 95.0731 260.059C68.3899 258.355 32.8537 267.757 17.5267 245.837C1.76764 223.3 31.5572 192.865 28.9319 165.469C26.5454 140.566 -8.77626 118.326 3.20184 96.3545C15.9424 72.984 56.4801 89.4153 78.5187 74.5108C97.6061 61.6021 97.8281 30.652 117.67 18.9405C139.648 5.96868 172.953 -9.4198 192.013 7.522222Z",g,"small-blob"),m(s,"224","420","0 0 224 420","\n M1222.209 11.1194C145.616 1.524446 173.459 -9.488853 193.008 14.1527C212.611 37.8602 211.527 86.7738 217.321 126.143C222.085 158.521 224.726 190.244 223.825 223.561C222.835 260.165 222.737 297.625 211.823 329.361C199.641 364.788 182.152 396.846 159.319 411.148C135.807 425.875 109.654 420.299 85.5729 408.442C61.4883 396.583 36.8662 378.545 22.6348 343.846C8.88936 310.332 13.78 266.304 10.72226 225.942C7.72455 186.365 -7.70321 142.971 4.85214 109.093C17.6055 74.681 49.0013 82.3697 70.621 64.3208C89.0654 48.9228 102.197 19.32226 122.209 11.1194Z",p,"tall-blob");const v='url("data:image/svg+xml,'+encodeURIComponent(h)+'")',w='url("data:image/svg+xml,'+encodeURIComponent(b)+'")';i.style.backgroundImage=C?w:v;const y=()=>{c>1e4&&(i.style.backgroundImage=C?w:v),c<=1e4?i.style.backgroundImage=w:c<=768&&(i.style.backgroundImage="none")};y(),window.addEventListener("resize",y)})();
@@ -1,4 +1,4 @@
1
- <!doctype html>
1
+ <!doctype html>
2
2
  <html lang="en">
3
3
  <head>
4
4
  <title>Fancybox Example</title>
@@ -1,122 +1,2 @@
1
- /*!
2
- * Buttons helper for fancyBox
3
- * version: 1.0.5 (Mon, 15 Oct 2012)
4
- * @requires fancyBox v2.0 or later
5
- *
6
- * Usage:
7
- * $(".fancybox").fancybox({
8
- * helpers : {
9
- * buttons: {
10
- * position : 'top'
11
- * }
12
- * }
13
- * });
14
- *
15
- */
16
- ;(function ($) {
17
- //Shortcut for fancyBox object
18
- var F = $.fancybox;
19
-
20
- //Add helper object
21
- F.helpers.buttons = {
22
- defaults : {
23
- skipSingle : false, // disables if gallery contains single image
24
- position : 'top', // 'top' or 'bottom'
25
- tpl : '<div id="fancybox-buttons"><ul><li><a class="btnPrev" title="Previous" href="javascript:;"></a></li><li><a class="btnPlay" title="Start slideshow" href="javascript:;"></a></li><li><a class="btnNext" title="Next" href="javascript:;"></a></li><li><a class="btnToggle" title="Toggle size" href="javascript:;"></a></li><li><a class="btnClose" title="Close" href="javascript:;"></a></li></ul></div>'
26
- },
27
-
28
- list : null,
29
- buttons: null,
30
-
31
- beforeLoad: function (opts, obj) {
32
- //Remove self if gallery do not have at least two items
33
-
34
- if (opts.skipSingle && obj.group.length < 2) {
35
- obj.helpers.buttons = false;
36
- obj.closeBtn = true;
37
-
38
- return;
39
- }
40
-
41
- //Increase top margin to give space for buttons
42
- obj.margin[ opts.position === 'bottom' ? 2 : 0 ] += 30;
43
- },
44
-
45
- onPlayStart: function () {
46
- if (this.buttons) {
47
- this.buttons.play.attr('title', 'Pause slideshow').addClass('btnPlayOn');
48
- }
49
- },
50
-
51
- onPlayEnd: function () {
52
- if (this.buttons) {
53
- this.buttons.play.attr('title', 'Start slideshow').removeClass('btnPlayOn');
54
- }
55
- },
56
-
57
- afterShow: function (opts, obj) {
58
- var buttons = this.buttons;
59
-
60
- if (!buttons) {
61
- this.list = $(opts.tpl).addClass(opts.position).appendTo('body');
62
-
63
- buttons = {
64
- prev : this.list.find('.btnPrev').click( F.prev ),
65
- next : this.list.find('.btnNext').click( F.next ),
66
- play : this.list.find('.btnPlay').click( F.play ),
67
- toggle : this.list.find('.btnToggle').click( F.toggle ),
68
- close : this.list.find('.btnClose').click( F.close )
69
- }
70
- }
71
-
72
- //Prev
73
- if (obj.index > 0 || obj.loop) {
74
- buttons.prev.removeClass('btnDisabled');
75
- } else {
76
- buttons.prev.addClass('btnDisabled');
77
- }
78
-
79
- //Next / Play
80
- if (obj.loop || obj.index < obj.group.length - 1) {
81
- buttons.next.removeClass('btnDisabled');
82
- buttons.play.removeClass('btnDisabled');
83
-
84
- } else {
85
- buttons.next.addClass('btnDisabled');
86
- buttons.play.addClass('btnDisabled');
87
- }
88
-
89
- this.buttons = buttons;
90
-
91
- this.onUpdate(opts, obj);
92
- },
93
-
94
- onUpdate: function (opts, obj) {
95
- var toggle;
96
-
97
- if (!this.buttons) {
98
- return;
99
- }
100
-
101
- toggle = this.buttons.toggle.removeClass('btnDisabled btnToggleOn');
102
-
103
- //Size toggle button
104
- if (obj.canShrink) {
105
- toggle.addClass('btnToggleOn');
106
-
107
- } else if (!obj.canExpand) {
108
- toggle.addClass('btnDisabled');
109
- }
110
- },
111
-
112
- beforeClose: function () {
113
- if (this.list) {
114
- this.list.remove();
115
- }
116
-
117
- this.list = null;
118
- this.buttons = null;
119
- }
120
- };
121
-
122
- }(jQuery));
1
+ /*! For license information please see jquery.fancybox-buttons.js.LICENSE.txt */
2
+ !function(t){var s=t.fancybox;s.helpers.buttons={defaults:{skipSingle:!1,position:"top",tpl:'<div id="fancybox-buttons"><ul><li><a class="btnPrev" title="Previous" href="javascript:;"></a></li><li><a class="btnPlay" title="Start slideshow" href="javascript:;"></a></li><li><a class="btnNext" title="Next" href="javascript:;"></a></li><li><a class="btnToggle" title="Toggle size" href="javascript:;"></a></li><li><a class="btnClose" title="Close" href="javascript:;"></a></li></ul></div>'},list:null,buttons:null,beforeLoad:function(t,s){if(t.skipSingle&&s.group.length<2)return s.helpers.buttons=!1,void(s.closeBtn=!0);s.margin["bottom"===t.position?2:0]+=30},onPlayStart:function(){this.buttons&&this.buttons.play.attr("title","Pause slideshow").addClass("btnPlayOn")},onPlayEnd:function(){this.buttons&&this.buttons.play.attr("title","Start slideshow").removeClass("btnPlayOn")},afterShow:function(l,i){var n=this.buttons;n||(this.list=t(l.tpl).addClass(l.position).appendTo("body"),n={prev:this.list.find(".btnPrev").click(s.prev),next:this.list.find(".btnNext").click(s.next),play:this.list.find(".btnPlay").click(s.play),toggle:this.list.find(".btnToggle").click(s.toggle),close:this.list.find(".btnClose").click(s.close)}),i.index>0||i.loop?n.prev.removeClass("btnDisabled"):n.prev.addClass("btnDisabled"),i.loop||i.index<i.group.length-1?(n.next.removeClass("btnDisabled"),n.play.removeClass("btnDisabled")):(n.next.addClass("btnDisabled"),n.play.addClass("btnDisabled")),this.buttons=n,this.onUpdate(l,i)},onUpdate:function(t,s){var l;this.buttons&&(l=this.buttons.toggle.removeClass("btnDisabled btnToggleOn"),s.canShrink?l.addClass("btnToggleOn"):s.canExpand||l.addClass("btnDisabled"))},beforeClose:function(){this.list&&this.list.remove(),this.list=null,this.buttons=null}}}(jQuery);
@@ -1,201 +1,2 @@
1
- /*!
2
- * Media helper for fancyBox
3
- * version: 1.0.6 (Fri, 14 Jun 2013)
4
- * @requires fancyBox v2.0 or later
5
- *
6
- * Usage:
7
- * $(".fancybox").fancybox({
8
- * helpers : {
9
- * media: true
10
- * }
11
- * });
12
- *
13
- * Set custom URL parameters:
14
- * $(".fancybox").fancybox({
15
- * helpers : {
16
- * media: {
17
- * youtube : {
18
- * params : {
19
- * autoplay : 0
20
- * }
21
- * }
22
- * }
23
- * }
24
- * });
25
- *
26
- * Or:
27
- * $(".fancybox").fancybox({,
28
- * helpers : {
29
- * media: true
30
- * },
31
- * youtube : {
32
- * autoplay: 0
33
- * }
34
- * });
35
- *
36
- * Supports:
37
- *
38
- * Youtube
39
- * http://www.youtube.com/watch?v=opj24KnzrWo
40
- * http://www.youtube.com/embed/opj24KnzrWo
41
- * http://youtu.be/opj24KnzrWo
42
- * http://www.youtube-nocookie.com/embed/opj24KnzrWo
43
- * Vimeo
44
- * http://vimeo.com/40648169
45
- * http://vimeo.com/channels/staffpicks/38843628
46
- * http://vimeo.com/groups/surrealism/videos/36516384
47
- * http://player.vimeo.com/video/45074303
48
- * Metacafe
49
- * http://www.metacafe.com/watch/7635964/dr_seuss_the_lorax_movie_trailer/
50
- * http://www.metacafe.com/watch/7635964/
51
- * Dailymotion
52
- * http://www.dailymotion.com/video/xoytqh_dr-seuss-the-lorax-premiere_people
53
- * Twitvid
54
- * http://twitvid.com/QY7MD
55
- * Twitpic
56
- * http://twitpic.com/7p93st
57
- * Instagram
58
- * http://instagr.am/p/IejkuUGxQn/
59
- * http://instagram.com/p/IejkuUGxQn/
60
- * Google maps
61
- * http://maps.google.com/maps?q=Eiffel+Tower,+Avenue+Gustave+Eiffel,+Paris,+France&t=h&z=17
62
- * http://maps.google.com/?ll=48.857995,2.294297&spn=0.007666,0.021136&t=m&z=16
63
- * http://maps.google.com/?ll=48.859463,2.292626&spn=0.000965,0.002642&t=m&z=19&layer=c&cbll=48.859524,2.292532&panoid=YJ0lq28OOy3VT2IqIuVY0g&cbp=12,151.58,,0,-15.56
64
- */
65
- ;(function ($) {
66
- "use strict";
67
-
68
- //Shortcut for fancyBox object
69
- var F = $.fancybox,
70
- format = function( url, rez, params ) {
71
- params = params || '';
72
-
73
- if ( $.type( params ) === "object" ) {
74
- params = $.param(params, true);
75
- }
76
-
77
- $.each(rez, function(key, value) {
78
- url = url.replace( '$' + key, value || '' );
79
- });
80
-
81
- if (params.length) {
82
- url += ( url.indexOf('?') > 0 ? '&' : '?' ) + params;
83
- }
84
-
85
- return url;
86
- };
87
-
88
- //Add helper object
89
- F.helpers.media = {
90
- defaults : {
91
- youtube : {
92
- matcher : /(youtube\.com|youtu\.be|youtube-nocookie\.com)\/(watch\?v=|v\/|u\/|embed\/?)?(videoseries\?list=(.*)|[\w-]{11}|\?listType=(.*)&list=(.*)).*/i,
93
- params : {
94
- autoplay : 1,
95
- autohide : 1,
96
- fs : 1,
97
- rel : 0,
98
- hd : 1,
99
- wmode : 'opaque',
100
- enablejsapi : 1,
101
- ps: 'docs',
102
- controls: 1
103
- },
104
- type : 'iframe',
105
- url : '//www.youtube.com/embed/$3'
106
- },
107
- vimeo : {
108
- matcher : /(?:vimeo(?:pro)?.com)\/(?:[^\d]+)?(\d+)(?:.*)/,
109
- params : {
110
- autoplay : 1,
111
- hd : 1,
112
- show_title : 1,
113
- show_byline : 1,
114
- show_portrait : 0,
115
- fullscreen : 1
116
- },
117
- type : 'iframe',
118
- url : '//player.vimeo.com/video/$1'
119
- },
120
- metacafe : {
121
- matcher : /metacafe.com\/(?:watch|fplayer)\/([\w\-]{1,10})/,
122
- params : {
123
- autoPlay : 'yes'
124
- },
125
- type : 'swf',
126
- url : function( rez, params, obj ) {
127
- obj.swf.flashVars = 'playerVars=' + $.param( params, true );
128
-
129
- return '//www.metacafe.com/fplayer/' + rez[1] + '/.swf';
130
- }
131
- },
132
- dailymotion : {
133
- matcher : /dailymotion.com\/video\/(.*)\/?(.*)/,
134
- params : {
135
- additionalInfos : 0,
136
- autoStart : 1
137
- },
138
- type : 'swf',
139
- url : '//www.dailymotion.com/swf/video/$1'
140
- },
141
- twitvid : {
142
- matcher : /twitvid\.com\/([a-zA-Z0-9_\-\?\=]+)/i,
143
- params : {
144
- autoplay : 0
145
- },
146
- type : 'iframe',
147
- url : '//www.twitvid.com/embed.php?guid=$1'
148
- },
149
- twitpic : {
150
- matcher : /twitpic\.com\/(?!(?:place|photos|events)\/)([a-zA-Z0-9\?\=\-]+)/i,
151
- type : 'image',
152
- url : '//twitpic.com/show/full/$1/'
153
- },
154
- instagram : {
155
- matcher : /(instagr\.am|instagram\.com)\/p\/([a-zA-Z0-9_\-]+)\/?/i,
156
- type : 'image',
157
- url : '//$1/p/$2/media/?size=l'
158
- },
159
- google_maps : {
160
- matcher : /maps\.google\.([a-z]{2,3}(\.[a-z]{2})?)\/(\?ll=|maps\?)(.*)/i,
161
- type : 'iframe',
162
- url : function( rez ) {
163
- return '//maps.google.' + rez[1] + '/' + rez[3] + '' + rez[4] + '&output=' + (rez[4].indexOf('layer=c') > 0 ? 'svembed' : 'embed');
164
- }
165
- }
166
- },
167
-
168
- beforeLoad : function(opts, obj) {
169
- var url = obj.href || '',
170
- type = false,
171
- what,
172
- item,
173
- rez,
174
- params;
175
-
176
- for (what in opts) {
177
- if (opts.hasOwnProperty(what)) {
178
- item = opts[ what ];
179
- rez = url.match( item.matcher );
180
-
181
- if (rez) {
182
- type = item.type;
183
- params = $.extend(true, {}, item.params, obj[ what ] || ($.isPlainObject(opts[ what ]) ? opts[ what ].params : null));
184
-
185
- url = $.type( item.url ) === "function" ? item.url.call( this, rez, params, obj ) : format( item.url, rez, params );
186
-
187
- break;
188
- }
189
- }
190
- }
191
-
192
- if (type) {
193
- obj.href = url;
194
- obj.type = type;
195
-
196
- obj.autoHeight = false;
197
- }
198
- }
199
- };
200
-
201
- }(jQuery));
1
+ /*! For license information please see jquery.fancybox-media.js.LICENSE.txt */
2
+ !function(e){"use strict";var a=e.fancybox,t=function(a,t,o){return o=o||"","object"===e.type(o)&&(o=e.param(o,!0)),e.each(t,(function(e,t){a=a.replace("$"+e,t||"")})),o.length&&(a+=(a.indexOf("?")>0?"&":"?")+o),a};a.helpers.media={defaults:{youtube:{matcher:/(youtube\.com|youtu\.be|youtube-nocookie\.com)\/(watch\?v=|v\/|u\/|embed\/?)?(videoseries\?list=(.*)|[\w-]{11}|\?listType=(.*)&list=(.*)).*/i,params:{autoplay:1,autohide:1,fs:1,rel:0,hd:1,wmode:"opaque",enablejsapi:1,ps:"docs",controls:1},type:"iframe",url:"//www.youtube.com/embed/$3"},vimeo:{matcher:/(?:vimeo(?:pro)?.com)\/(?:[^\d]+)?(\d+)(?:.*)/,params:{autoplay:1,hd:1,show_title:1,show_byline:1,show_portrait:0,fullscreen:1},type:"iframe",url:"//player.vimeo.com/video/$1"},metacafe:{matcher:/metacafe.com\/(?:watch|fplayer)\/([\w\-]{1,10})/,params:{autoPlay:"yes"},type:"swf",url:function(a,t,o){return o.swf.flashVars="playerVars="+e.param(t,!0),"//www.metacafe.com/fplayer/"+a[1]+"/.swf"}},dailymotion:{matcher:/dailymotion.com\/video\/(.*)\/?(.*)/,params:{additionalInfos:0,autoStart:1},type:"swf",url:"//www.dailymotion.com/swf/video/$1"},twitvid:{matcher:/twitvid\.com\/([a-zA-Z0-9_\-\?\=]+)/i,params:{autoplay:0},type:"iframe",url:"//www.twitvid.com/embed.php?guid=$1"},twitpic:{matcher:/twitpic\.com\/(?!(?:place|photos|events)\/)([a-zA-Z0-9\?\=\-]+)/i,type:"image",url:"//twitpic.com/show/full/$1/"},instagram:{matcher:/(instagr\.am|instagram\.com)\/p\/([a-zA-Z0-9_\-]+)\/?/i,type:"image",url:"//$1/p/$2/media/?size=l"},google_maps:{matcher:/maps\.google\.([a-z]{2,3}(\.[a-z]{2})?)\/(\?ll=|maps\?)(.*)/i,type:"iframe",url:function(e){return"//maps.google."+e[1]+"/"+e[3]+e[4]+"&output="+(e[4].indexOf("layer=c")>0?"svembed":"embed")}}},beforeLoad:function(a,o){var i,r,m,l,c=o.href||"",p=!1;for(i in a)if(a.hasOwnProperty(i)&&(r=a[i],m=c.match(r.matcher))){p=r.type,l=e.extend(!0,{},r.params,o[i]||(e.isPlainObject(a[i])?a[i].params:null)),c="function"===e.type(r.url)?r.url.call(this,m,l,o):t(r.url,m,l);break}p&&(o.href=c,o.type=p,o.autoHeight=!1)}}}(jQuery);