appscms-tools-theme 4.6.2 → 4.6.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (131) 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 +209 -305
  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 +2 -2
  12. data/_data/header/en/data.json +412 -412
  13. data/_data/home/en/en.json +324 -324
  14. data/_data/home/en/posters.json +322 -322
  15. data/_includes/appscms/customblog/contenttool-recent-posts.html +94 -94
  16. data/_includes/appscms/customblog/pageRelatedPosts.html +68 -68
  17. data/_includes/appscms/customblog/recentposts.html +67 -67
  18. data/_includes/appscms/customblog/relatedBlogs.html +82 -82
  19. data/_includes/appscms/customblog/relatedposts.html +193 -193
  20. data/_includes/appscms/extras/appscms-postbox.html +57 -57
  21. data/_includes/appscms/featurePageAuthors/featurePageAuthors.html +85 -85
  22. data/_includes/appscms/head/bloghead.html +128 -128
  23. data/_includes/appscms/headings/contenttool-headings.html +33 -33
  24. data/_includes/appscms/headings/devtool-headings.html +38 -38
  25. data/_includes/appscms/home/contenttool-feature-boxes.html +19 -19
  26. data/_includes/appscms/home/devtool-feature-boxes.html +70 -70
  27. data/_includes/appscms/infographics/infographics.html +166 -166
  28. data/_includes/appscms/loaders/loader.html +4 -4
  29. data/_includes/appscms/navbars/devtool-navbar.html +50 -50
  30. data/_includes/appscms/navbars/devtool-toolbar.html +100 -100
  31. data/_includes/appscms/navbars/toolbar.html +4 -17
  32. data/_includes/appscms/recent-posts/recent_posts.html +90 -90
  33. data/_includes/appscms/recent-posts/related_categories_post.html +194 -194
  34. data/_includes/appscms/searchbar/devtool-searchbar.html +63 -63
  35. data/_includes/appscms/usp/usp.html +90 -90
  36. data/_includes/author_bio.html +41 -41
  37. data/_includes/authorpagehead/index.html +47 -47
  38. data/_includes/authors/authors.html +39 -39
  39. data/_includes/batch-conversion.html +141 -141
  40. data/_includes/bookmark.html +6 -6
  41. data/_includes/cssfile/links.html +54 -54
  42. data/_includes/custom-head.html +138 -138
  43. data/_includes/customCode.html +1 -1
  44. data/_includes/customScripts.html +1 -1
  45. data/_includes/customblog/pageRelatedPosts.html +87 -87
  46. data/_includes/customblog/recentposts.html +67 -67
  47. data/_includes/customblog/relatedBlogs.html +86 -86
  48. data/_includes/customblog/relatedposts.html +201 -201
  49. data/_includes/dropdown/langdropdown.html +32 -32
  50. data/_includes/feature.html +39 -39
  51. data/_includes/featurePageAuthors/featurePageAuthors.html +101 -101
  52. data/_includes/footer/index.html +537 -537
  53. data/_includes/google-analytics.html +32 -32
  54. data/_includes/head/index.html +623 -623
  55. data/_includes/header/blogHeader.html +34 -34
  56. data/_includes/header/index.html +192 -192
  57. data/_includes/infographics/infographics.html +241 -241
  58. data/_includes/paginationBlogPage.html +70 -70
  59. data/_includes/postbox.html +65 -65
  60. data/_includes/script.html +493 -493
  61. data/_includes/section/count.html +32 -32
  62. data/_includes/section/recent_posts.html +94 -94
  63. data/_includes/section/related_categories_post.html +196 -196
  64. data/_includes/share/socialshare.html +21 -21
  65. data/_includes/userTracking.html +14 -14
  66. data/_layouts/aboutUs.html +175 -175
  67. data/_layouts/allAuthors.html +131 -131
  68. data/_layouts/appscms-about.html +163 -163
  69. data/_layouts/appscms-audio.html +33 -33
  70. data/_layouts/appscms-author.html +436 -436
  71. data/_layouts/appscms-authors.html +145 -145
  72. data/_layouts/appscms-batch.html +141 -141
  73. data/_layouts/appscms-calculator.html +93 -93
  74. data/_layouts/appscms-categories.html +26 -26
  75. data/_layouts/appscms-contact.html +132 -132
  76. data/_layouts/appscms-disclaimer.html +124 -124
  77. data/_layouts/appscms-download.html +289 -289
  78. data/_layouts/appscms-feature-result.html +96 -96
  79. data/_layouts/appscms-help.html +25 -25
  80. data/_layouts/appscms-imagekit.html +96 -96
  81. data/_layouts/appscms-post.html +243 -243
  82. data/_layouts/appscms-privacy-policy.html +781 -781
  83. data/_layouts/appscms-terms-and-conditions.html +646 -646
  84. data/_layouts/appscms-video.html +33 -33
  85. data/_layouts/audio.html +33 -33
  86. data/_layouts/author.html +409 -409
  87. data/_layouts/batch.html +177 -177
  88. data/_layouts/blog-1.html +116 -116
  89. data/_layouts/blog.html +131 -131
  90. data/_layouts/calculator.html +99 -99
  91. data/_layouts/contenttool-feature.html +45 -45
  92. data/_layouts/contenttool-home.html +53 -53
  93. data/_layouts/devtool-blog.html +132 -132
  94. data/_layouts/devtool-feature.html +54 -54
  95. data/_layouts/devtool-home.html +53 -53
  96. data/_layouts/devtools.html +57 -57
  97. data/_layouts/feature-1.html +406 -406
  98. data/_layouts/feature.html +351 -351
  99. data/_layouts/featureResultPage.html +82 -82
  100. data/_layouts/frame.html +222 -222
  101. data/_layouts/home.html +281 -281
  102. data/_layouts/homeResultPage.html +32 -32
  103. data/_layouts/imagekit.html +308 -308
  104. data/_layouts/photo-effects-home.html +190 -190
  105. data/_layouts/post.html +233 -233
  106. data/assets/app.js +75 -75
  107. data/assets/css/appscms-blog.css +505 -505
  108. data/assets/css/appscms-contenttool.css +1384 -1384
  109. data/assets/css/appscms-home.css +5 -5
  110. data/assets/css/appscms-imagekit.css +855 -855
  111. data/assets/css/appscms-variables.css +19 -19
  112. data/assets/css/blog.css +510 -510
  113. data/assets/css/calculators.css +46 -46
  114. data/assets/css/devtool-main.css +1350 -1350
  115. data/assets/css/devtools.css +105 -105
  116. data/assets/css/feature-1.css +293 -293
  117. data/assets/css/imagekit copy.css +848 -848
  118. data/assets/css/imagekit.css +848 -848
  119. data/assets/css/tools.css +1847 -1847
  120. data/assets/images/close-button.svg +31 -31
  121. data/assets/images/digipaint.svg +6 -6
  122. data/assets/images/logo.svg +2 -2
  123. data/assets/images/manthink.svg +3552 -3552
  124. data/assets/images/search-icon.svg +2 -2
  125. data/assets/js/batch.js +219 -219
  126. data/assets/js/devtools.js +81 -81
  127. data/assets/js/sharePage.js +65 -65
  128. data/assets/js/usageTracking.js +143 -143
  129. data/assets/js/usageTrackingEvents.js +6 -6
  130. data/assets/js/webvitals.js +4 -4
  131. metadata +3 -3
@@ -1,241 +1,241 @@
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
- }
69
-
70
- .carousel img {
71
- width: 100%;
72
- object-fit: contain;
73
- max-width: 100%;
74
- height: auto;
75
- border-radius: 8px;
76
- }
77
-
78
- .carousel-inner p {
79
- text-align: center;
80
- margin: 10px 0;
81
- font-size: 14px;
82
- white-space: normal;
83
- word-wrap: break-word;
84
- }
85
-
86
- @media screen and (max-width: 768px) {
87
- .inforgraphics_section .wrapper {
88
- max-width: 100%;
89
- }
90
-
91
- .carousel-inner p {
92
- font-size: 20px;
93
- }
94
-
95
- .inforgraphics_section .wrapper i:first-child {
96
- left: 0;
97
- /* margin-left: 14px; */
98
- z-index: 99;
99
- }
100
-
101
- .inforgraphics_section .wrapper i:last-child {
102
- right: 0;
103
- z-index: 99;
104
- display: block !important;
105
- }
106
-
107
- .carousel {
108
- overflow-x: hidden;
109
- }
110
-
111
- .slide {
112
- flex: 0 0 100%;
113
- margin-right: 0;
114
- }
115
- }
116
- </style>
117
-
118
- <div class="inforgraphics_section">
119
- <h3 class="text-center w-100 mb-5"><b>Other useful information</b></h3>
120
- <div class="wrapper">
121
- <i id="left" class="fas fa-angle-left"></i>
122
- <div class="carousel">
123
- <div class="carousel-inner">
124
- {%- if homeData.infographics -%} {% for item in homeData.infographics %}
125
- <div class="slide">
126
- <img
127
- loading="lazy"
128
- src="{{ item.image }}"
129
- alt="img"
130
- draggable="false"
131
- />
132
- <p class="infographic-desc">{{ item.description | capitalize }}</p>
133
- </div>
134
- {% endfor %} {%- else -%} {% for item in featureData.infographics %}
135
- <div class="slide">
136
- <img
137
- loading="lazy"
138
- src="{{ item.image }}"
139
- alt="img"
140
- draggable="false"
141
- />
142
- <p class="infographic-desc">{{ item.description | capitalize }}</p>
143
- </div>
144
- {% endfor %} {%- endif -%}
145
- </div>
146
- </div>
147
- <i id="right" class="fas fa-angle-right"></i>
148
- </div>
149
- </div>
150
-
151
- <script>
152
- const carousel = document.querySelector(".carousel-inner"),
153
- firstImg = carousel.querySelectorAll("img")[0],
154
- arrowIcons = document.querySelectorAll(".wrapper i");
155
-
156
- const numImages = carousel.querySelectorAll("img").length;
157
- const isMobile = window.matchMedia("(max-width: 767px)").matches; // Check if screen width is less than or equal to 767px
158
-
159
- if (numImages > 3) {
160
- arrowIcons[1].style.display = "block";
161
- } else {
162
- arrowIcons[0].style.display = "none";
163
- arrowIcons[1].style.display = "none";
164
- }
165
-
166
- let isDragStart = false,
167
- isDragging = false,
168
- prevPageX,
169
- prevScrollLeft,
170
- positionDiff;
171
- const showHideIcons = () => {
172
- let scrollWidth = carousel.scrollWidth - carousel.clientWidth; // getting max scrollable width
173
- arrowIcons[0].style.display = carousel.scrollLeft == 0 ? "none" : "block";
174
- arrowIcons[1].style.display =
175
- carousel.scrollLeft == scrollWidth ? "none" : "block";
176
- };
177
-
178
- arrowIcons.forEach((icon) => {
179
- icon.addEventListener("click", () => {
180
- let firstImgWidth = firstImg.clientWidth + 40;
181
- const scrollAmount = icon.id === "left" ? -firstImgWidth : firstImgWidth;
182
- carousel.scrollBy({
183
- left: scrollAmount,
184
- behavior: "smooth",
185
- });
186
- setTimeout(() => showHideIcons(), 60); // calling showHideIcons after 60ms
187
- });
188
- });
189
-
190
- // const autoSlide = () => {
191
- // // if there is no image left to scroll then return from here
192
- // if (carousel.scrollLeft - (carousel.scrollWidth - carousel.clientWidth) > -1 || carousel.scrollLeft <= 0) return;
193
-
194
- // positionDiff = Math.abs(positionDiff); // making positionDiff value to positive
195
- // let firstImgWidth = firstImg.clientWidth + 14;
196
- // // getting difference value that needs to add or reduce from carousel left to take middle img center
197
- // let valDifference = firstImgWidth - positionDiff;
198
-
199
- // if (carousel.scrollLeft > prevScrollLeft) { // if user is scrolling to the right
200
- // return carousel.scrollLeft += positionDiff > firstImgWidth / 3 ? valDifference : -positionDiff;
201
- // }
202
- // // if user is scrolling to the left
203
- // carousel.scrollLeft -= positionDiff > firstImgWidth / 3 ? valDifference : -positionDiff;
204
- // }
205
-
206
- // const dragStart = (e) => {
207
- // // updatating global variables value on mouse down event
208
- // isDragStart = true;
209
- // prevPageX = e.pageX || e.touches[0].pageX;
210
- // prevScrollLeft = carousel.scrollLeft;
211
- // }
212
-
213
- // const dragging = (e) => {
214
- // // scrolling images/carousel to left according to mouse pointer
215
- // if (!isDragStart) return;
216
- // e.preventDefault();
217
- // isDragging = true;
218
- // carousel.classList.add("dragging");
219
- // positionDiff = (e.pageX || e.touches[0].pageX) - prevPageX;
220
- // carousel.scrollLeft = prevScrollLeft - positionDiff;
221
- // showHideIcons();
222
- // }
223
-
224
- // const dragStop = () => {
225
- // isDragStart = false;
226
- // carousel.classList.remove("dragging");
227
-
228
- // if (!isDragging) return;
229
- // isDragging = false;
230
- // autoSlide();
231
- // }
232
-
233
- // carousel.addEventListener("mousedown", dragStart);
234
- // carousel.addEventListener("touchstart", dragStart);
235
-
236
- // document.addEventListener("mousemove", dragging);
237
- // carousel.addEventListener("touchmove", dragging);
238
-
239
- // document.addEventListener("mouseup", dragStop);
240
- // carousel.addEventListener("touchend", dragStop);
241
- </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
+ }
69
+
70
+ .carousel img {
71
+ width: 100%;
72
+ object-fit: contain;
73
+ max-width: 100%;
74
+ height: auto;
75
+ border-radius: 8px;
76
+ }
77
+
78
+ .carousel-inner p {
79
+ text-align: center;
80
+ margin: 10px 0;
81
+ font-size: 14px;
82
+ white-space: normal;
83
+ word-wrap: break-word;
84
+ }
85
+
86
+ @media screen and (max-width: 768px) {
87
+ .inforgraphics_section .wrapper {
88
+ max-width: 100%;
89
+ }
90
+
91
+ .carousel-inner p {
92
+ font-size: 20px;
93
+ }
94
+
95
+ .inforgraphics_section .wrapper i:first-child {
96
+ left: 0;
97
+ /* margin-left: 14px; */
98
+ z-index: 99;
99
+ }
100
+
101
+ .inforgraphics_section .wrapper i:last-child {
102
+ right: 0;
103
+ z-index: 99;
104
+ display: block !important;
105
+ }
106
+
107
+ .carousel {
108
+ overflow-x: hidden;
109
+ }
110
+
111
+ .slide {
112
+ flex: 0 0 100%;
113
+ margin-right: 0;
114
+ }
115
+ }
116
+ </style>
117
+
118
+ <div class="inforgraphics_section">
119
+ <h3 class="text-center w-100 mb-5"><b>Other useful information</b></h3>
120
+ <div class="wrapper">
121
+ <i id="left" class="fas fa-angle-left"></i>
122
+ <div class="carousel">
123
+ <div class="carousel-inner">
124
+ {%- if homeData.infographics -%} {% for item in homeData.infographics %}
125
+ <div class="slide">
126
+ <img
127
+ loading="lazy"
128
+ src="{{ item.image }}"
129
+ alt="img"
130
+ draggable="false"
131
+ />
132
+ <p class="infographic-desc">{{ item.description | capitalize }}</p>
133
+ </div>
134
+ {% endfor %} {%- else -%} {% for item in featureData.infographics %}
135
+ <div class="slide">
136
+ <img
137
+ loading="lazy"
138
+ src="{{ item.image }}"
139
+ alt="img"
140
+ draggable="false"
141
+ />
142
+ <p class="infographic-desc">{{ item.description | capitalize }}</p>
143
+ </div>
144
+ {% endfor %} {%- endif -%}
145
+ </div>
146
+ </div>
147
+ <i id="right" class="fas fa-angle-right"></i>
148
+ </div>
149
+ </div>
150
+
151
+ <script>
152
+ const carousel = document.querySelector(".carousel-inner"),
153
+ firstImg = carousel.querySelectorAll("img")[0],
154
+ arrowIcons = document.querySelectorAll(".wrapper i");
155
+
156
+ const numImages = carousel.querySelectorAll("img").length;
157
+ const isMobile = window.matchMedia("(max-width: 767px)").matches; // Check if screen width is less than or equal to 767px
158
+
159
+ if (numImages > 3) {
160
+ arrowIcons[1].style.display = "block";
161
+ } else {
162
+ arrowIcons[0].style.display = "none";
163
+ arrowIcons[1].style.display = "none";
164
+ }
165
+
166
+ let isDragStart = false,
167
+ isDragging = false,
168
+ prevPageX,
169
+ prevScrollLeft,
170
+ positionDiff;
171
+ const showHideIcons = () => {
172
+ let scrollWidth = carousel.scrollWidth - carousel.clientWidth; // getting max scrollable width
173
+ arrowIcons[0].style.display = carousel.scrollLeft == 0 ? "none" : "block";
174
+ arrowIcons[1].style.display =
175
+ carousel.scrollLeft == scrollWidth ? "none" : "block";
176
+ };
177
+
178
+ arrowIcons.forEach((icon) => {
179
+ icon.addEventListener("click", () => {
180
+ let firstImgWidth = firstImg.clientWidth + 40;
181
+ const scrollAmount = icon.id === "left" ? -firstImgWidth : firstImgWidth;
182
+ carousel.scrollBy({
183
+ left: scrollAmount,
184
+ behavior: "smooth",
185
+ });
186
+ setTimeout(() => showHideIcons(), 60); // calling showHideIcons after 60ms
187
+ });
188
+ });
189
+
190
+ // const autoSlide = () => {
191
+ // // if there is no image left to scroll then return from here
192
+ // if (carousel.scrollLeft - (carousel.scrollWidth - carousel.clientWidth) > -1 || carousel.scrollLeft <= 0) return;
193
+
194
+ // positionDiff = Math.abs(positionDiff); // making positionDiff value to positive
195
+ // let firstImgWidth = firstImg.clientWidth + 14;
196
+ // // getting difference value that needs to add or reduce from carousel left to take middle img center
197
+ // let valDifference = firstImgWidth - positionDiff;
198
+
199
+ // if (carousel.scrollLeft > prevScrollLeft) { // if user is scrolling to the right
200
+ // return carousel.scrollLeft += positionDiff > firstImgWidth / 3 ? valDifference : -positionDiff;
201
+ // }
202
+ // // if user is scrolling to the left
203
+ // carousel.scrollLeft -= positionDiff > firstImgWidth / 3 ? valDifference : -positionDiff;
204
+ // }
205
+
206
+ // const dragStart = (e) => {
207
+ // // updatating global variables value on mouse down event
208
+ // isDragStart = true;
209
+ // prevPageX = e.pageX || e.touches[0].pageX;
210
+ // prevScrollLeft = carousel.scrollLeft;
211
+ // }
212
+
213
+ // const dragging = (e) => {
214
+ // // scrolling images/carousel to left according to mouse pointer
215
+ // if (!isDragStart) return;
216
+ // e.preventDefault();
217
+ // isDragging = true;
218
+ // carousel.classList.add("dragging");
219
+ // positionDiff = (e.pageX || e.touches[0].pageX) - prevPageX;
220
+ // carousel.scrollLeft = prevScrollLeft - positionDiff;
221
+ // showHideIcons();
222
+ // }
223
+
224
+ // const dragStop = () => {
225
+ // isDragStart = false;
226
+ // carousel.classList.remove("dragging");
227
+
228
+ // if (!isDragging) return;
229
+ // isDragging = false;
230
+ // autoSlide();
231
+ // }
232
+
233
+ // carousel.addEventListener("mousedown", dragStart);
234
+ // carousel.addEventListener("touchstart", dragStart);
235
+
236
+ // document.addEventListener("mousemove", dragging);
237
+ // carousel.addEventListener("touchmove", dragging);
238
+
239
+ // document.addEventListener("mouseup", dragStop);
240
+ // carousel.addEventListener("touchend", dragStop);
241
+ </script>
@@ -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 -%}