appscms-tools-theme 4.7.7 → 4.7.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (138) hide show
  1. checksums.yaml +4 -4
  2. data/_data/about/en/about.json +16 -16
  3. data/_data/blog/nav.json +14 -14
  4. data/_data/blog/relatedblogs.json +2816 -2816
  5. data/_data/feature/en/batch-conversion.json +192 -192
  6. data/_data/feature/en/compress-pdf.json +223 -223
  7. data/_data/feature/en/devtools.json +321 -321
  8. data/_data/feature/en/face-detection.json +156 -156
  9. data/_data/feature/en/split-pdf.json +221 -221
  10. data/_data/feature/en/theframe.json +160 -160
  11. data/_data/footer/en/data.json +264 -264
  12. data/_data/header/en/data.json +672 -672
  13. data/_data/home/en/en.json +250 -250
  14. data/_data/home/en/posters.json +322 -322
  15. data/_data/home-1/en/en.json +236 -236
  16. data/_includes/alternates/alternates.html +88 -88
  17. data/_includes/appscms/customblog/contenttool-recent-posts.html +94 -94
  18. data/_includes/appscms/customblog/pageRelatedPosts.html +68 -68
  19. data/_includes/appscms/customblog/recentposts.html +67 -67
  20. data/_includes/appscms/customblog/relatedBlogs.html +82 -82
  21. data/_includes/appscms/customblog/relatedposts.html +193 -193
  22. data/_includes/appscms/extras/appscms-postbox.html +57 -57
  23. data/_includes/appscms/featurePageAuthors/featurePageAuthors.html +85 -85
  24. data/_includes/appscms/head/bloghead.html +128 -128
  25. data/_includes/appscms/headings/contenttool-headings.html +33 -33
  26. data/_includes/appscms/headings/devtool-headings.html +38 -38
  27. data/_includes/appscms/home/contenttool-feature-boxes.html +19 -19
  28. data/_includes/appscms/home/devtool-feature-boxes.html +70 -70
  29. data/_includes/appscms/infographics/infographics.html +160 -160
  30. data/_includes/appscms/loaders/loader.html +4 -4
  31. data/_includes/appscms/navbars/devtool-navbar.html +50 -50
  32. data/_includes/appscms/navbars/devtool-toolbar.html +100 -100
  33. data/_includes/appscms/recent-posts/recent_posts.html +90 -90
  34. data/_includes/appscms/recent-posts/related_categories_post.html +194 -194
  35. data/_includes/appscms/searchbar/devtool-searchbar.html +63 -63
  36. data/_includes/appscms/usp/usp.html +90 -90
  37. data/_includes/author_bio.html +41 -41
  38. data/_includes/authorpagehead/index.html +47 -47
  39. data/_includes/authors/authors.html +39 -39
  40. data/_includes/batch-conversion.html +141 -141
  41. data/_includes/bookmark.html +6 -6
  42. data/_includes/cssfile/links.html +54 -54
  43. data/_includes/custom-head.html +138 -138
  44. data/_includes/customCode.html +1 -1
  45. data/_includes/customScripts.html +1 -1
  46. data/_includes/customblog/pageRelatedPosts.html +87 -87
  47. data/_includes/customblog/recentposts.html +67 -67
  48. data/_includes/customblog/relatedBlogs.html +86 -86
  49. data/_includes/customblog/relatedposts.html +201 -201
  50. data/_includes/dropdown/langdropdown.html +32 -32
  51. data/_includes/feature.html +39 -39
  52. data/_includes/featurePageAuthors/featurePageAuthors.html +101 -101
  53. data/_includes/footer/index.html +537 -537
  54. data/_includes/google-analytics.html +32 -32
  55. data/_includes/head/index.html +627 -627
  56. data/_includes/header/blogHeader.html +34 -34
  57. data/_includes/header/index.html +152 -152
  58. data/_includes/infographics/infographics.html +244 -244
  59. data/_includes/internationalization-section.html +44 -0
  60. data/_includes/paginationBlogPage.html +70 -70
  61. data/_includes/postbox.html +65 -65
  62. data/_includes/script.html +493 -493
  63. data/_includes/section/count.html +32 -32
  64. data/_includes/section/recent_posts.html +94 -94
  65. data/_includes/section/related_categories_post.html +196 -196
  66. data/_includes/share/socialshare.html +21 -21
  67. data/_includes/userTracking.html +14 -14
  68. data/_layouts/aboutUs.html +175 -175
  69. data/_layouts/allAuthors.html +131 -131
  70. data/_layouts/appscms-about.html +163 -163
  71. data/_layouts/appscms-audio.html +33 -33
  72. data/_layouts/appscms-author.html +436 -436
  73. data/_layouts/appscms-authors.html +145 -145
  74. data/_layouts/appscms-batch.html +141 -141
  75. data/_layouts/appscms-calculator.html +93 -93
  76. data/_layouts/appscms-categories.html +26 -26
  77. data/_layouts/appscms-contact.html +132 -132
  78. data/_layouts/appscms-disclaimer.html +124 -124
  79. data/_layouts/appscms-download.html +289 -289
  80. data/_layouts/appscms-feature-result.html +96 -96
  81. data/_layouts/appscms-feature.html +22 -24
  82. data/_layouts/appscms-help.html +25 -25
  83. data/_layouts/appscms-imagekit.html +96 -96
  84. data/_layouts/appscms-post.html +243 -243
  85. data/_layouts/appscms-privacy-policy.html +781 -781
  86. data/_layouts/appscms-terms-and-conditions.html +646 -646
  87. data/_layouts/appscms-video.html +33 -33
  88. data/_layouts/audio.html +33 -33
  89. data/_layouts/author.html +409 -409
  90. data/_layouts/batch.html +177 -177
  91. data/_layouts/blog-1.html +116 -116
  92. data/_layouts/blog.html +131 -131
  93. data/_layouts/calculator.html +99 -99
  94. data/_layouts/contenttool-feature.html +45 -45
  95. data/_layouts/contenttool-home.html +53 -53
  96. data/_layouts/devtool-blog.html +132 -132
  97. data/_layouts/devtool-feature.html +54 -54
  98. data/_layouts/devtool-home.html +53 -53
  99. data/_layouts/devtools.html +57 -57
  100. data/_layouts/feature-1.html +285 -285
  101. data/_layouts/feature.html +351 -351
  102. data/_layouts/featureResultPage.html +82 -82
  103. data/_layouts/frame.html +222 -222
  104. data/_layouts/home-1.html +186 -186
  105. data/_layouts/home.html +375 -375
  106. data/_layouts/homeResultPage.html +32 -32
  107. data/_layouts/imagekit.html +308 -308
  108. data/_layouts/photo-effects-home.html +190 -190
  109. data/_layouts/post.html +233 -233
  110. data/assets/app.js +75 -75
  111. data/assets/css/appscms-blog.css +505 -505
  112. data/assets/css/appscms-contenttool.css +1384 -1384
  113. data/assets/css/appscms-home.css +5 -5
  114. data/assets/css/appscms-imagekit.css +855 -855
  115. data/assets/css/appscms-variables.css +19 -19
  116. data/assets/css/blog.css +510 -510
  117. data/assets/css/calculators.css +46 -46
  118. data/assets/css/common.css +944 -944
  119. data/assets/css/devtool-main.css +1350 -1350
  120. data/assets/css/devtools.css +105 -105
  121. data/assets/css/feature-1.css +293 -293
  122. data/assets/css/home-1.css +188 -188
  123. data/assets/css/imagekit copy.css +848 -848
  124. data/assets/css/imagekit.css +848 -848
  125. data/assets/css/tools.css +1846 -1846
  126. data/assets/images/close-button.svg +31 -31
  127. data/assets/images/digipaint.svg +6 -6
  128. data/assets/images/iconn.svg +12 -12
  129. data/assets/images/logo.svg +2 -2
  130. data/assets/images/manthink.svg +3552 -3552
  131. data/assets/images/search-icon.svg +2 -2
  132. data/assets/js/batch.js +219 -219
  133. data/assets/js/devtools.js +81 -81
  134. data/assets/js/sharePage.js +65 -65
  135. data/assets/js/usageTracking.js +143 -143
  136. data/assets/js/usageTrackingEvents.js +6 -6
  137. data/assets/js/webvitals.js +4 -4
  138. metadata +4 -3
@@ -1,244 +1,244 @@
1
- <style>
2
- .inforgraphics_section {
3
- width: 100%;
4
- padding: 50px 0px 50px 0px;
5
- border-top: 1px solid rgb(224, 224, 224);
6
- display: flex;
7
- flex-direction: column;
8
- align-items: center;
9
- }
10
-
11
- .inforgraphics_section .wrapper {
12
- display: flex;
13
- max-width: 700px;
14
- position: relative;
15
- }
16
-
17
- .inforgraphics_section .wrapper i {
18
- top: 50%;
19
- height: 44px;
20
- width: 44px;
21
- color: #343f4f;
22
- cursor: pointer;
23
- font-size: 1.15rem;
24
- position: absolute;
25
- text-align: center;
26
- line-height: 44px;
27
- background: #eee;
28
- border-radius: 50%;
29
- transform: translateY(-50%);
30
- transition: transform 0.1s linear;
31
- }
32
-
33
- .inforgraphics_section .wrapper i:active {
34
- transform: translateY(-50%) scale(0.9);
35
- }
36
-
37
- .inforgraphics_section .wrapper i:hover {
38
- background: #f2f2f2;
39
- }
40
-
41
- .inforgraphics_section .wrapper i:first-child {
42
- left: 0px;
43
- display: none;
44
- z-index: 999;
45
- }
46
-
47
- .inforgraphics_section .wrapper i:last-child {
48
- right: 0px;
49
- }
50
-
51
- .carousel {
52
- display: flex;
53
- max-width: 700px;
54
- overflow-x: scroll;
55
- scroll-snap-type: x mandatory;
56
- scroll-behavior: smooth;
57
- }
58
-
59
- .carousel-inner {
60
- display: flex;
61
- flex-wrap: nowrap;
62
- }
63
-
64
- .slide {
65
- flex: 0 0 calc(100% / 3);
66
- scroll-snap-align: start;
67
- padding: 20px;
68
- display: flex;
69
- flex-direction: column;
70
- align-items: center;
71
- justify-content: center;
72
- }
73
-
74
- .carousel img {
75
- object-fit: contain;
76
-
77
- height: auto;
78
- border-radius: 8px;
79
- }
80
-
81
- .carousel-inner p {
82
- text-align: center;
83
- margin: 10px 0;
84
- font-size: 14px;
85
- white-space: normal;
86
- word-wrap: break-word;
87
- }
88
-
89
- @media screen and (max-width: 768px) {
90
- .inforgraphics_section .wrapper {
91
- max-width: 100%;
92
- }
93
-
94
- .carousel-inner p {
95
- font-size: 20px;
96
- }
97
-
98
- .inforgraphics_section .wrapper i:first-child {
99
- left: 0;
100
- /* margin-left: 14px; */
101
- z-index: 99;
102
- }
103
-
104
- .inforgraphics_section .wrapper i:last-child {
105
- right: 0;
106
- z-index: 99;
107
- display: block !important;
108
- }
109
-
110
- .carousel {
111
- overflow-x: hidden;
112
- }
113
-
114
- .slide {
115
- flex: 0 0 100%;
116
- margin-right: 0;
117
- }
118
- }
119
- </style>
120
-
121
- <div class="inforgraphics_section">
122
- <h3 class="text-center w-100 mb-5"><b>Other useful information</b></h3>
123
- <div class="wrapper">
124
- <i id="left" class="fas fa-angle-left"></i>
125
- <div class="carousel">
126
- <div class="carousel-inner">
127
- {%- if homeData.infographics -%} {% for item in homeData.infographics %}
128
- <div class="slide">
129
- <img
130
- loading="lazy"
131
- src="{{ item.image }}"
132
- alt="img"
133
- draggable="false"
134
- />
135
- <p class="infographic-desc">{{ item.description | capitalize }}</p>
136
- </div>
137
- {% endfor %} {%- else -%} {% for item in featureData.infographics %}
138
- <div class="slide">
139
- <img
140
- loading="lazy"
141
- src="{{ item.image }}"
142
- alt="img"
143
- draggable="false"
144
- />
145
- <p class="infographic-desc">{{ item.description | capitalize }}</p>
146
- </div>
147
- {% endfor %} {%- endif -%}
148
- </div>
149
- </div>
150
- <i id="right" class="fas fa-angle-right"></i>
151
- </div>
152
- </div>
153
-
154
- <script>
155
- const carousel = document.querySelector(".carousel-inner"),
156
- firstImg = carousel.querySelectorAll("img")[0],
157
- arrowIcons = document.querySelectorAll(".wrapper i");
158
-
159
- const numImages = carousel.querySelectorAll("img").length;
160
- const isMobile = window.matchMedia("(max-width: 767px)").matches; // Check if screen width is less than or equal to 767px
161
-
162
- if (numImages > 3) {
163
- arrowIcons[1].style.display = "block";
164
- } else {
165
- // arrowIcons[0].style.display = "none";
166
- // arrowIcons[1].style.display = "none";
167
- }
168
-
169
- let isDragStart = false,
170
- isDragging = false,
171
- prevPageX,
172
- prevScrollLeft,
173
- positionDiff;
174
- const showHideIcons = () => {
175
- let scrollWidth = carousel.scrollWidth - carousel.clientWidth; // getting max scrollable width
176
- arrowIcons[0].style.display = carousel.scrollLeft == 0 ? "none" : "block";
177
- arrowIcons[1].style.display =
178
- carousel.scrollLeft == scrollWidth ? "none" : "block";
179
- };
180
-
181
- arrowIcons.forEach((icon) => {
182
- icon.addEventListener("click", () => {
183
- let firstImgWidth = firstImg.clientWidth + 40;
184
- const scrollAmount = icon.id === "left" ? -firstImgWidth : firstImgWidth;
185
- carousel.scrollBy({
186
- left: "100vw",
187
- behavior: "smooth",
188
- });
189
- setTimeout(() => showHideIcons(), 60); // calling showHideIcons after 60ms
190
- });
191
- });
192
-
193
- // const autoSlide = () => {
194
- // // if there is no image left to scroll then return from here
195
- // if (carousel.scrollLeft - (carousel.scrollWidth - carousel.clientWidth) > -1 || carousel.scrollLeft <= 0) return;
196
-
197
- // positionDiff = Math.abs(positionDiff); // making positionDiff value to positive
198
- // let firstImgWidth = firstImg.clientWidth + 14;
199
- // // getting difference value that needs to add or reduce from carousel left to take middle img center
200
- // let valDifference = firstImgWidth - positionDiff;
201
-
202
- // if (carousel.scrollLeft > prevScrollLeft) { // if user is scrolling to the right
203
- // return carousel.scrollLeft += positionDiff > firstImgWidth / 3 ? valDifference : -positionDiff;
204
- // }
205
- // // if user is scrolling to the left
206
- // carousel.scrollLeft -= positionDiff > firstImgWidth / 3 ? valDifference : -positionDiff;
207
- // }
208
-
209
- // const dragStart = (e) => {
210
- // // updatating global variables value on mouse down event
211
- // isDragStart = true;
212
- // prevPageX = e.pageX || e.touches[0].pageX;
213
- // prevScrollLeft = carousel.scrollLeft;
214
- // }
215
-
216
- // const dragging = (e) => {
217
- // // scrolling images/carousel to left according to mouse pointer
218
- // if (!isDragStart) return;
219
- // e.preventDefault();
220
- // isDragging = true;
221
- // carousel.classList.add("dragging");
222
- // positionDiff = (e.pageX || e.touches[0].pageX) - prevPageX;
223
- // carousel.scrollLeft = prevScrollLeft - positionDiff;
224
- // showHideIcons();
225
- // }
226
-
227
- // const dragStop = () => {
228
- // isDragStart = false;
229
- // carousel.classList.remove("dragging");
230
-
231
- // if (!isDragging) return;
232
- // isDragging = false;
233
- // autoSlide();
234
- // }
235
-
236
- // carousel.addEventListener("mousedown", dragStart);
237
- // carousel.addEventListener("touchstart", dragStart);
238
-
239
- // document.addEventListener("mousemove", dragging);
240
- // carousel.addEventListener("touchmove", dragging);
241
-
242
- // document.addEventListener("mouseup", dragStop);
243
- // carousel.addEventListener("touchend", dragStop);
244
- </script>
1
+ <style>
2
+ .inforgraphics_section {
3
+ width: 100%;
4
+ padding: 50px 0px 50px 0px;
5
+ border-top: 1px solid rgb(224, 224, 224);
6
+ display: flex;
7
+ flex-direction: column;
8
+ align-items: center;
9
+ }
10
+
11
+ .inforgraphics_section .wrapper {
12
+ display: flex;
13
+ max-width: 700px;
14
+ position: relative;
15
+ }
16
+
17
+ .inforgraphics_section .wrapper i {
18
+ top: 50%;
19
+ height: 44px;
20
+ width: 44px;
21
+ color: #343f4f;
22
+ cursor: pointer;
23
+ font-size: 1.15rem;
24
+ position: absolute;
25
+ text-align: center;
26
+ line-height: 44px;
27
+ background: #eee;
28
+ border-radius: 50%;
29
+ transform: translateY(-50%);
30
+ transition: transform 0.1s linear;
31
+ }
32
+
33
+ .inforgraphics_section .wrapper i:active {
34
+ transform: translateY(-50%) scale(0.9);
35
+ }
36
+
37
+ .inforgraphics_section .wrapper i:hover {
38
+ background: #f2f2f2;
39
+ }
40
+
41
+ .inforgraphics_section .wrapper i:first-child {
42
+ left: 0px;
43
+ display: none;
44
+ z-index: 999;
45
+ }
46
+
47
+ .inforgraphics_section .wrapper i:last-child {
48
+ right: 0px;
49
+ }
50
+
51
+ .carousel {
52
+ display: flex;
53
+ max-width: 700px;
54
+ overflow-x: scroll;
55
+ scroll-snap-type: x mandatory;
56
+ scroll-behavior: smooth;
57
+ }
58
+
59
+ .carousel-inner {
60
+ display: flex;
61
+ flex-wrap: nowrap;
62
+ }
63
+
64
+ .slide {
65
+ flex: 0 0 calc(100% / 3);
66
+ scroll-snap-align: start;
67
+ padding: 20px;
68
+ display: flex;
69
+ flex-direction: column;
70
+ align-items: center;
71
+ justify-content: center;
72
+ }
73
+
74
+ .carousel img {
75
+ object-fit: contain;
76
+
77
+ height: auto;
78
+ border-radius: 8px;
79
+ }
80
+
81
+ .carousel-inner p {
82
+ text-align: center;
83
+ margin: 10px 0;
84
+ font-size: 14px;
85
+ white-space: normal;
86
+ word-wrap: break-word;
87
+ }
88
+
89
+ @media screen and (max-width: 768px) {
90
+ .inforgraphics_section .wrapper {
91
+ max-width: 100%;
92
+ }
93
+
94
+ .carousel-inner p {
95
+ font-size: 20px;
96
+ }
97
+
98
+ .inforgraphics_section .wrapper i:first-child {
99
+ left: 0;
100
+ /* margin-left: 14px; */
101
+ z-index: 99;
102
+ }
103
+
104
+ .inforgraphics_section .wrapper i:last-child {
105
+ right: 0;
106
+ z-index: 99;
107
+ display: block !important;
108
+ }
109
+
110
+ .carousel {
111
+ overflow-x: hidden;
112
+ }
113
+
114
+ .slide {
115
+ flex: 0 0 100%;
116
+ margin-right: 0;
117
+ }
118
+ }
119
+ </style>
120
+
121
+ <div class="inforgraphics_section">
122
+ <h3 class="text-center w-100 mb-5"><b>Other useful information</b></h3>
123
+ <div class="wrapper">
124
+ <i id="left" class="fas fa-angle-left"></i>
125
+ <div class="carousel">
126
+ <div class="carousel-inner">
127
+ {%- if homeData.infographics -%} {% for item in homeData.infographics %}
128
+ <div class="slide">
129
+ <img
130
+ loading="lazy"
131
+ src="{{ item.image }}"
132
+ alt="img"
133
+ draggable="false"
134
+ />
135
+ <p class="infographic-desc">{{ item.description | capitalize }}</p>
136
+ </div>
137
+ {% endfor %} {%- else -%} {% for item in featureData.infographics %}
138
+ <div class="slide">
139
+ <img
140
+ loading="lazy"
141
+ src="{{ item.image }}"
142
+ alt="img"
143
+ draggable="false"
144
+ />
145
+ <p class="infographic-desc">{{ item.description | capitalize }}</p>
146
+ </div>
147
+ {% endfor %} {%- endif -%}
148
+ </div>
149
+ </div>
150
+ <i id="right" class="fas fa-angle-right"></i>
151
+ </div>
152
+ </div>
153
+
154
+ <script>
155
+ const carousel = document.querySelector(".carousel-inner"),
156
+ firstImg = carousel.querySelectorAll("img")[0],
157
+ arrowIcons = document.querySelectorAll(".wrapper i");
158
+
159
+ const numImages = carousel.querySelectorAll("img").length;
160
+ const isMobile = window.matchMedia("(max-width: 767px)").matches; // Check if screen width is less than or equal to 767px
161
+
162
+ if (numImages > 3) {
163
+ arrowIcons[1].style.display = "block";
164
+ } else {
165
+ // arrowIcons[0].style.display = "none";
166
+ // arrowIcons[1].style.display = "none";
167
+ }
168
+
169
+ let isDragStart = false,
170
+ isDragging = false,
171
+ prevPageX,
172
+ prevScrollLeft,
173
+ positionDiff;
174
+ const showHideIcons = () => {
175
+ let scrollWidth = carousel.scrollWidth - carousel.clientWidth; // getting max scrollable width
176
+ arrowIcons[0].style.display = carousel.scrollLeft == 0 ? "none" : "block";
177
+ arrowIcons[1].style.display =
178
+ carousel.scrollLeft == scrollWidth ? "none" : "block";
179
+ };
180
+
181
+ arrowIcons.forEach((icon) => {
182
+ icon.addEventListener("click", () => {
183
+ let firstImgWidth = firstImg.clientWidth + 40;
184
+ const scrollAmount = icon.id === "left" ? -firstImgWidth : firstImgWidth;
185
+ carousel.scrollBy({
186
+ left: "100vw",
187
+ behavior: "smooth",
188
+ });
189
+ setTimeout(() => showHideIcons(), 60); // calling showHideIcons after 60ms
190
+ });
191
+ });
192
+
193
+ // const autoSlide = () => {
194
+ // // if there is no image left to scroll then return from here
195
+ // if (carousel.scrollLeft - (carousel.scrollWidth - carousel.clientWidth) > -1 || carousel.scrollLeft <= 0) return;
196
+
197
+ // positionDiff = Math.abs(positionDiff); // making positionDiff value to positive
198
+ // let firstImgWidth = firstImg.clientWidth + 14;
199
+ // // getting difference value that needs to add or reduce from carousel left to take middle img center
200
+ // let valDifference = firstImgWidth - positionDiff;
201
+
202
+ // if (carousel.scrollLeft > prevScrollLeft) { // if user is scrolling to the right
203
+ // return carousel.scrollLeft += positionDiff > firstImgWidth / 3 ? valDifference : -positionDiff;
204
+ // }
205
+ // // if user is scrolling to the left
206
+ // carousel.scrollLeft -= positionDiff > firstImgWidth / 3 ? valDifference : -positionDiff;
207
+ // }
208
+
209
+ // const dragStart = (e) => {
210
+ // // updatating global variables value on mouse down event
211
+ // isDragStart = true;
212
+ // prevPageX = e.pageX || e.touches[0].pageX;
213
+ // prevScrollLeft = carousel.scrollLeft;
214
+ // }
215
+
216
+ // const dragging = (e) => {
217
+ // // scrolling images/carousel to left according to mouse pointer
218
+ // if (!isDragStart) return;
219
+ // e.preventDefault();
220
+ // isDragging = true;
221
+ // carousel.classList.add("dragging");
222
+ // positionDiff = (e.pageX || e.touches[0].pageX) - prevPageX;
223
+ // carousel.scrollLeft = prevScrollLeft - positionDiff;
224
+ // showHideIcons();
225
+ // }
226
+
227
+ // const dragStop = () => {
228
+ // isDragStart = false;
229
+ // carousel.classList.remove("dragging");
230
+
231
+ // if (!isDragging) return;
232
+ // isDragging = false;
233
+ // autoSlide();
234
+ // }
235
+
236
+ // carousel.addEventListener("mousedown", dragStart);
237
+ // carousel.addEventListener("touchstart", dragStart);
238
+
239
+ // document.addEventListener("mousemove", dragging);
240
+ // carousel.addEventListener("touchmove", dragging);
241
+
242
+ // document.addEventListener("mouseup", dragStop);
243
+ // carousel.addEventListener("touchend", dragStop);
244
+ </script>
@@ -0,0 +1,44 @@
1
+ {%- include languages/languages.html -%} {%- if page.nointernationalization -%}
2
+ <div></div>
3
+ {%- elsif site.internationalizationall -%}
4
+ <div class="container-fluid int-section">
5
+ <div class="d-flex justify-content-center mt-1">
6
+ <h3>Available in</h3>
7
+ </div>
8
+ <div class="lang-container">
9
+ {%- assign currentPermalink = page.permalink -%} {%- assign pageLang =
10
+ page.lang -%} {%- for i in matchurls -%} {%- for checklang in site.pages -%}
11
+ {%- assign linkToCheck ="/" |append: i|append:currentPermalink -%} {%- if
12
+ pageLang !="en" -%} {%- assign stringToReplace = "/"|append: pageLang-%}
13
+ {%-assign linkToCheck = linkToCheck | replace: stringToReplace, ""%}
14
+ {%-endif-%} {%- if checklang.permalink == linkToCheck -%} {%- assign
15
+ languagetext = [i]-%}
16
+
17
+ <a class="m-2 languageLinks" href="{{ checklang.permalink }}">
18
+ {%- if languagetext[0]==page.lang -%} English {%- else -%} {{
19
+ languagetext[1] }} {%- endif -%}
20
+ </a>
21
+
22
+ {%- endif -%} {%- endfor -%} {%- endfor -%}
23
+ </div>
24
+ </div>
25
+
26
+ {%- endif -%}
27
+ <style>
28
+ .lang-container {
29
+ display: grid;
30
+ grid-template-columns: auto auto auto auto;
31
+ padding: 10px;
32
+ }
33
+ .languageLinks {
34
+ text-align: center;
35
+ text-decoration: none;
36
+ display: inline-block;
37
+ color: black;
38
+ }
39
+ .int-section {
40
+ padding: 10px;
41
+ background-color: white;
42
+ border-top: 1px solid rgb(148, 148, 148);
43
+ }
44
+ </style>
@@ -1,70 +1,70 @@
1
- <!-- pagination -->
2
- <div class="bottompagination">
3
- <div class="pointerup"><i class="fa fa-caret-up"></i></div>
4
- <span class="navigation" role="navigation"></span>
5
- </div>
6
-
7
- {%- if page.layout == "blog-1" -%} {%- assign color = site.data.blog.blog.color
8
- -%} {% if paginator.total_pages > 1 %}
9
- <div class="blog-pagination">
10
- {% if paginator.previous_page %}
11
- <a
12
- style="color: {{color}}; font-weight: 900;"
13
- href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}"
14
- >&laquo; Prev</a
15
- >
16
- {% else %}
17
- <span class="text-muted">&laquo; Prev</span>
18
- {% endif %} {% for page in (1..paginator.total_pages) %} {% if page ==
19
- paginator.page %}
20
- <span class="webjeda text-muted">{{ page }}</span>
21
- {% elsif page == 1 %}
22
- <a href="/blog/" style="color: {{color}}; font-weight: 900;">{{ page }}</a>
23
- {% else %}
24
- <a
25
- style="color: {{color}}; font-weight: 900;"
26
- href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}"
27
- >{{ page }}</a
28
- >
29
- {% endif %} {% endfor %} {% if paginator.next_page %}
30
- <a
31
- style="color:{{color}}; font-weight: 900;"
32
- href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}"
33
- >Next &raquo;</a
34
- >
35
- {% else %}
36
- <span class="text-muted">Next &raquo;</span>
37
- {% endif %}
38
- </div>
39
- {% endif %} {%- else -%} {% if paginator.total_pages > 1 %}
40
- <div class="blog-pagination">
41
- {% if paginator.previous_page %}
42
- <a
43
- style="color: #000; font-weight: 900"
44
- href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}"
45
- >&laquo; Prev</a
46
- >
47
- {% else %}
48
- <span class="text-muted">&laquo; Prev</span>
49
- {% endif %} {% for page in (1..paginator.total_pages) %} {% if page ==
50
- paginator.page %}
51
- <span class="webjeda text-muted">{{ page }}</span>
52
- {% elsif page == 1 %}
53
- <a href="/blog/" style="color: #000; font-weight: 900">{{ page }}</a>
54
- {% else %}
55
- <a
56
- style="color: #000; font-weight: 900"
57
- href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}"
58
- >{{ page }}</a
59
- >
60
- {% endif %} {% endfor %} {% if paginator.next_page %}
61
- <a
62
- style="color: #000; font-weight: 900"
63
- href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}"
64
- >Next &raquo;</a
65
- >
66
- {% else %}
67
- <span class="text-muted">Next &raquo;</span>
68
- {% endif %}
69
- </div>
70
- {% endif %} {%- endif -%}
1
+ <!-- pagination -->
2
+ <div class="bottompagination">
3
+ <div class="pointerup"><i class="fa fa-caret-up"></i></div>
4
+ <span class="navigation" role="navigation"></span>
5
+ </div>
6
+
7
+ {%- if page.layout == "blog-1" -%} {%- assign color = site.data.blog.blog.color
8
+ -%} {% if paginator.total_pages > 1 %}
9
+ <div class="blog-pagination">
10
+ {% if paginator.previous_page %}
11
+ <a
12
+ style="color: {{color}}; font-weight: 900;"
13
+ href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}"
14
+ >&laquo; Prev</a
15
+ >
16
+ {% else %}
17
+ <span class="text-muted">&laquo; Prev</span>
18
+ {% endif %} {% for page in (1..paginator.total_pages) %} {% if page ==
19
+ paginator.page %}
20
+ <span class="webjeda text-muted">{{ page }}</span>
21
+ {% elsif page == 1 %}
22
+ <a href="/blog/" style="color: {{color}}; font-weight: 900;">{{ page }}</a>
23
+ {% else %}
24
+ <a
25
+ style="color: {{color}}; font-weight: 900;"
26
+ href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}"
27
+ >{{ page }}</a
28
+ >
29
+ {% endif %} {% endfor %} {% if paginator.next_page %}
30
+ <a
31
+ style="color:{{color}}; font-weight: 900;"
32
+ href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}"
33
+ >Next &raquo;</a
34
+ >
35
+ {% else %}
36
+ <span class="text-muted">Next &raquo;</span>
37
+ {% endif %}
38
+ </div>
39
+ {% endif %} {%- else -%} {% if paginator.total_pages > 1 %}
40
+ <div class="blog-pagination">
41
+ {% if paginator.previous_page %}
42
+ <a
43
+ style="color: #000; font-weight: 900"
44
+ href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}"
45
+ >&laquo; Prev</a
46
+ >
47
+ {% else %}
48
+ <span class="text-muted">&laquo; Prev</span>
49
+ {% endif %} {% for page in (1..paginator.total_pages) %} {% if page ==
50
+ paginator.page %}
51
+ <span class="webjeda text-muted">{{ page }}</span>
52
+ {% elsif page == 1 %}
53
+ <a href="/blog/" style="color: #000; font-weight: 900">{{ page }}</a>
54
+ {% else %}
55
+ <a
56
+ style="color: #000; font-weight: 900"
57
+ href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}"
58
+ >{{ page }}</a
59
+ >
60
+ {% endif %} {% endfor %} {% if paginator.next_page %}
61
+ <a
62
+ style="color: #000; font-weight: 900"
63
+ href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}"
64
+ >Next &raquo;</a
65
+ >
66
+ {% else %}
67
+ <span class="text-muted">Next &raquo;</span>
68
+ {% endif %}
69
+ </div>
70
+ {% endif %} {%- endif -%}