appscms-tools-theme 4.2.2 → 4.2.3

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,63 @@
1
+ <style>
2
+
3
+ #appscms-searchbar {
4
+ border-radius: 35px;
5
+ padding: 5px;
6
+ background-color: rgb(15 57 144 / 76%);
7
+ border: 2px solid #2C8DFF;
8
+ color: #2C8DFF;
9
+ }
10
+ .form-control{
11
+ background-color: transparent;
12
+ color: #f3f3f3;
13
+ }
14
+
15
+ search-features
16
+ .form-control::placeholder {
17
+ color: #f3f3f3;
18
+ }
19
+
20
+ #search-features::placeholder{
21
+ color: #f3f3f3;
22
+ }
23
+
24
+ .form-control:focus {
25
+ background-color: transparent;
26
+ box-shadow: none;
27
+ }
28
+ </style><div class="container">
29
+ <div class="row justify-content-center">
30
+ <div class="col-lg-6 col-md-8 col-10">
31
+ <form class="form-inline">
32
+ <div class="input-group w-100 shadow" id="appscms-searchbar">
33
+ <input
34
+ type="text"
35
+ id="search-features"
36
+ class="form-control rounded-pill border-0 px-4 text-white"
37
+ id="searchbar-placeholder"
38
+ placeholder="Search the tool you are looking for"
39
+ style="width: 50%"
40
+ />
41
+ <button type="submit" class="btn btn-link btn-search">
42
+ <svg
43
+ height="22px"
44
+ width="22px"
45
+ xmlns="http://www.w3.org/2000/svg"
46
+ width="800px"
47
+ height="800px"
48
+ viewBox="0 0 24 24"
49
+ fill="none"
50
+ >
51
+ <path
52
+ fill-rule="evenodd"
53
+ clip-rule="evenodd"
54
+ d="M4 11C4 7.13401 7.13401 4 11 4C14.866 4 18 7.13401 18 11C18 14.866 14.866 18 11 18C7.13401 18 4 14.866 4 11ZM11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C13.125 20 15.078 19.2635 16.6177 18.0319L20.2929 21.7071C20.6834 22.0976 21.3166 22.0976 21.7071 21.7071C22.0976 21.3166 22.0976 20.6834 21.7071 20.2929L18.0319 16.6177C19.2635 15.078 20 13.125 20 11C20 6.02944 15.9706 2 11 2Z"
55
+ fill="#fff"
56
+ />
57
+ </svg>
58
+ </button>
59
+ </div>
60
+ </form>
61
+ </div>
62
+ </div>
63
+ </div>
@@ -47,7 +47,7 @@
47
47
  <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
48
48
  </a>
49
49
  </div>
50
- <div class="card-footer bg-white">
50
+ <div class="card-footer">
51
51
  <div class="wrapfooter">
52
52
  {% if post.author %}
53
53
  <span class="meta-footer-thumb">
@@ -37,7 +37,7 @@
37
37
  <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
38
38
  </a>
39
39
  </div>
40
- <div class="card-footer bg-white">
40
+ <div class="card-footer">
41
41
  <div class="wrapfooter">
42
42
  {% if post.author %}
43
43
  <span class="meta-footer-thumb">
@@ -47,7 +47,7 @@
47
47
  <h4 class="card-title mb-4 text-left">{{ post.metadata.title }}</h4>
48
48
  </a>
49
49
  </div>
50
- <div class="card-footer bg-white">
50
+ <div class="card-footer">
51
51
  <div class="wrapfooter">
52
52
  {% if post.metadata.author %}
53
53
  <span class="meta-footer-thumb">
@@ -83,7 +83,7 @@
83
83
  <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
84
84
  </a>
85
85
  </div>
86
- <div class="card-footer bg-white">
86
+ <div class="card-footer">
87
87
  <div class="wrapfooter">
88
88
  {% if post.author %}
89
89
  <span class="meta-footer-thumb">
@@ -165,7 +165,7 @@
165
165
  <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
166
166
  </a>
167
167
  </div>
168
- <div class="card-footer bg-white">
168
+ <div class="card-footer">
169
169
  <div class="wrapfooter">
170
170
  {% if post.author %}
171
171
  <span class="meta-footer-thumb">
@@ -10,7 +10,7 @@
10
10
  <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
11
11
  </a>
12
12
  </div>
13
- <div class="card-footer bg-white">
13
+ <div class="card-footer">
14
14
  <div class="wrapfooter">
15
15
  {% if post.author %}
16
16
  <span class="meta-footer-thumb">
@@ -35,7 +35,7 @@
35
35
  <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
36
36
  </a>
37
37
  </div>
38
- <div class="card-footer bg-white">
38
+ <div class="card-footer">
39
39
  <div class="wrapfooter">
40
40
  {% if post.author %}
41
41
  <span class="meta-footer-thumb">
@@ -79,7 +79,7 @@
79
79
  <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
80
80
  </a>
81
81
  </div>
82
- <div class="card-footer bg-white">
82
+ <div class="card-footer">
83
83
  <div class="wrapfooter">
84
84
  {% if post.author %}
85
85
  <span class="meta-footer-thumb">
@@ -161,7 +161,7 @@
161
161
  <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
162
162
  </a>
163
163
  </div>
164
- <div class="card-footer bg-white">
164
+ <div class="card-footer">
165
165
  <div class="wrapfooter">
166
166
  {% if post.author %}
167
167
  <span class="meta-footer-thumb">
@@ -316,7 +316,7 @@
316
316
  <p class="blog-desc">{{post.description}}</p>
317
317
  </a>
318
318
  </div>
319
- <div class="card-footer bg-white">
319
+ <div class="card-footer">
320
320
  <div class="wrapfooter">
321
321
  {% if post.author %}
322
322
  <a href="/authors/{{authorName | downcase | replace: ' ' , '-' }}" class="meta-footer-thumb">
@@ -376,7 +376,7 @@
376
376
  <p class="blog-desc">{{post.description}}</p>
377
377
  </a>
378
378
  </div>
379
- <div class="card-footer bg-white">
379
+ <div class="card-footer">
380
380
  <div class="wrapfooter">
381
381
  {% if post.author %}
382
382
  <a href="/authors/{{authorName | downcase | replace: ' ' , '-' }}" class="meta-footer-thumb">
@@ -62,7 +62,7 @@
62
62
  </a>
63
63
  </div>
64
64
  {%- include authors/authors.html -%}
65
- <div class="card-footer bg-white">
65
+ <div class="card-footer">
66
66
  <div class="wrapfooter">
67
67
  {% if post.author %}
68
68
  <a
data/_layouts/author.html CHANGED
@@ -312,7 +312,7 @@
312
312
  <p class="blog-desc">{{post.description}}</p>
313
313
  </a>
314
314
  </div>
315
- <div class="card-footer bg-white">
315
+ <div class="card-footer">
316
316
  <div class="wrapfooter">
317
317
  {% if post.author %}
318
318
  <a href="/authors/{{authorName | downcase | replace: ' ' , '-' }}" class="meta-footer-thumb">
@@ -372,7 +372,7 @@
372
372
  <p class="blog-desc">{{post.description}}</p>
373
373
  </a>
374
374
  </div>
375
- <div class="card-footer bg-white">
375
+ <div class="card-footer">
376
376
  <div class="wrapfooter">
377
377
  {% if post.author %}
378
378
  <a href="/authors/{{authorName | downcase | replace: ' ' , '-' }}" class="meta-footer-thumb">
data/_layouts/blog-1.html CHANGED
@@ -41,7 +41,7 @@
41
41
  <p class="blog-card-desc">{{post.description}}</p>
42
42
  </a>
43
43
  {%- include authors/authors.html -%}
44
- <div class="card-footer bg-white pl-0 mt-3">
44
+ <div class="card-footer pl-0 mt-3">
45
45
  <div class="wrapfooter blog1-wrapfooter mb-0">
46
46
  {% if post.author %}
47
47
  <span class="meta-footer-thumb">
data/_layouts/blog.html CHANGED
@@ -62,7 +62,7 @@
62
62
  </a>
63
63
  </div>
64
64
  {%- include authors/authors.html -%}
65
- <div class="card-footer bg-white">
65
+ <div class="card-footer">
66
66
  <div class="wrapfooter">
67
67
  {% if post.author %}
68
68
  <a
@@ -0,0 +1,132 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ {% include appscms/head/bloghead.html %}
4
+ <body>
5
+ {%- include appscms/navbars/navbar.html -%} {%- include
6
+ appscms/navbars/toolbar.html -%}
7
+
8
+ <section>
9
+ <div class="container">
10
+ {%- if site.monumetricId -%}
11
+ <div class="row">
12
+ <div class="col-md-9 mx-auto">
13
+ {%- endif -%}
14
+ <div class="row justify-content-center section-title-wrap">
15
+ <div class="col-lg-12">
16
+ <h1 class="appscms-h1 text-center">
17
+ {{ site.data.blog.blog.h1 }}
18
+ </h1>
19
+ <p class="appscms-h2 text-center mb-5" style="font-size: 18px">
20
+ {{ site.data.blog.blog.description }}
21
+ </p>
22
+ </div>
23
+ </div>
24
+ {%- if site.monumetricId -%}
25
+ </div>
26
+ </div>
27
+ {%- endif -%}
28
+ <div class="main-content">{{content}}</div>
29
+ <div class="row">
30
+ <div class="col-md-10 mx-auto">
31
+ <div class="row allblogs shadow appscms-blogs">
32
+ {%- if site.monumetricId -%}
33
+ <div class="col-md-9 mx-auto">
34
+ <div class="row">
35
+ {%- endif -%} {% for post in paginator.posts %}
36
+ <div
37
+ class="{%- if site.monumetricId -%} col-md-6 mb-4 card-group {%- else -%} col-lg-4 col-md-6 mb-4 card-group {%- endif -%}"
38
+ >
39
+ <div class="card h-100 appscms-blog-cards">
40
+ <a href="{{ post.url }}">
41
+ <img
42
+ src="{{ post.image }}"
43
+ loading="lazy"
44
+ height="215px"
45
+ width="100%"
46
+ class="card-img-top"
47
+ alt="{{post.title}}"
48
+ {%-
49
+ if
50
+ site.crossorigin
51
+ -%}
52
+ crossorigin="anonymous"
53
+ {%-
54
+ endif
55
+ -%}
56
+ />
57
+ </a>
58
+ <div class="card-body">
59
+ <a href="{{ post.url }}" class="anchor_link">
60
+ <h4 class="card-title mb-4">{{ post.title }}</h4>
61
+ </a>
62
+ </div>
63
+ {%- include authors/authors.html -%}
64
+ <div class="card-footer">
65
+ <div class="wrapfooter">
66
+ {% if post.author %}
67
+ <a
68
+ target="_blank"
69
+ href="/authors/{{authorName | downcase | replace: ' ' , '-' }}"
70
+ class="meta-footer-thumb"
71
+ >
72
+ <img
73
+ class="author-thumb"
74
+ loading="lazy"
75
+ src="{{ image }}"
76
+ alt="{{ authorName }}"
77
+ {%-
78
+ if
79
+ site.crossorigin
80
+ -%}
81
+ crossorigin="anonymous"
82
+ {%-
83
+ endif
84
+ -%}
85
+ />
86
+ </a>
87
+ {% endif %}
88
+
89
+ <span class="author-meta">
90
+ <span class="post-name">
91
+ <a
92
+ target="_blank"
93
+ href="/authors/{{authorName | downcase | replace: ' ' , '-' }}"
94
+ >{{authorName}}</a
95
+ > </span
96
+ ><br />
97
+ <span class="post-date"
98
+ >{{post.date | date_to_string }}</span
99
+ >
100
+ </span>
101
+ </div>
102
+ </div>
103
+ </div>
104
+ </div>
105
+ {% endfor %} {%- if site.monumetricId -%}
106
+ </div>
107
+ </div>
108
+ {%- endif -%}
109
+ </div>
110
+ </div>
111
+ </div>
112
+ {%- include paginationBlogPage.html -%}
113
+ </div>
114
+
115
+ {% include section/count.html %}
116
+ </section>
117
+ <!-- {%- include section/alertbar.html -%} -->
118
+
119
+ {% include appscms/scripts/script.html %}
120
+ <script
121
+ src="{{ '/assets/js/TopScroll.js' | relative_url }}"
122
+ {%-
123
+ if
124
+ site.crossorigin
125
+ -%}
126
+ crossorigin="anonymous"
127
+ {%-
128
+ endif
129
+ -%}
130
+ ></script>
131
+ </body>
132
+ </html>
@@ -0,0 +1,55 @@
1
+ {% assign file = page.fileName %} {% assign lang = page.lang %} {% assign folder
2
+ = page.folderName %} {% assign pageData = site.data[folder][lang][file] %} {%-
3
+ assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
4
+
5
+ <!DOCTYPE html>
6
+ <html lang="{{ page.lang }}">
7
+ {%- include appscms/head/head.html -%}
8
+ <body>
9
+ {%- include appscms/navbars/navbar.html -%} {%- include
10
+ appscms/navbars/toolbar.html -%} {%- include bookmark.html -%} {%- if
11
+ site.safeui -%}
12
+ <div
13
+ class="alert alert-{{pageData.variant | default: 'primary'}} fade show text-center"
14
+ role="alert"
15
+ id="safeui-alert"
16
+ >
17
+ <div class="container">
18
+ {%- if pageData.alertmsg -%} {{pageData.alertmsg}} {%- else -%} We do
19
+ not upload any files to server, hence your data is 100% secure. {%-
20
+ endif -%}
21
+ </div>
22
+ </div>
23
+ {%- endif -%} {%- include appscms/headings/headings.html -%} {%- include
24
+ appscms/uploadbutton/uploadbutton.html -%} {%- include
25
+ appscms/featurehighlight/featurehighlight.html -%} {%- include
26
+ appscms/howto/howto.html -%} {%- if pageData.infographics.size > 0 -%} {%-
27
+ include appscms/infographics/infographics.html -%} {%- endif -%} {%- include
28
+ appscms/faq/faq.html -%}
29
+ <!-- {%- include
30
+ appscms/extras/traffic-count.html -%} -->
31
+ {%- if site.userTrackingCount -%} {%- include userTracking.html -%} {%-
32
+ endif -%} {%- assign langen = "en" -%} {%- if
33
+ site.data[folder][langen][file].categories -%} {% assign categories=
34
+ site.data[folder][langen][file].categories %} {%- else -%} {% assign
35
+ categories= page.categories %} {%- endif -%} {%- if
36
+ site.data[folder][langen][file].tags -%} {% assign tags=
37
+ site.data[folder][langen][file].tags %} {%- else -%} {% assign tags=
38
+ page.tags %} {%- endif -%} {%- if pageData.posts.size > 0 -%} {%- include
39
+ appscms/customblog/pageRelatedPosts.html -%} {%- else -%} {%- if
40
+ categories.size > 0 or tags.size > 0 -%} {%- include
41
+ appscms/recent-posts/related_categories_post.html -%} {%- else -%} {%-
42
+ include appscms/recent-posts/recent_posts.html -%} {%- endif -%} {%- endif
43
+ -%} {%- if site.customblogdata -%} {%- if categories.size> 0 or
44
+ tags.size>0-%} {%- include appscms/customblog/relatedposts.html -%} {%- else
45
+ -%} {%- include appscms/customblog/recentposts.html -%} {% endif %} {%-
46
+ endif -%} {%- include appscms/extras/ratings.html -%} {%- if
47
+ pageData.author.size > 0 -%} {% include
48
+ appscms/featurePageAuthors/featurePageAuthors.html %} {%- endif -%} {%-
49
+ include appscms/footer/products.html -%} {%- include
50
+ appscms/footer/footer.html -%} {%- if site.customCode -%} {%- include
51
+ customCode.html -%} {%- endif -%} {%- include appscms/scripts/script.html
52
+ -%}
53
+ </body>
54
+ </html>
55
+
@@ -0,0 +1,54 @@
1
+ {% assign file = page.fileName %} {% assign lang = page.lang %} {% assign folder
2
+ = page.folderName %} {% assign pageData = site.data[folder][lang][file] %} {%-
3
+ assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
4
+ <!DOCTYPE html>
5
+ <html lang="{{ page.lang }}">
6
+ {%- include appscms/head/head.html -%}
7
+ <body>
8
+ {%- include appscms/navbars/devtool-navbar.html -%} {%- include
9
+ appscms/navbars/devtool-toolbar.html -%} {%- if homeData.nofileupload -%}
10
+ <div
11
+ id="safeui-alert"
12
+ class="alert alert-{{homeData.variant | default: 'primary'}} fade show text-center"
13
+ role="alert"
14
+ >
15
+ <div class="container">
16
+ {%- if homeData.alertmsg -%} {{homeData.alertmsg}} {%- else -%} We do
17
+ not upload any files to server, hence your data is 100% secure. {%-
18
+ endif -%}
19
+ </div>
20
+ </div>
21
+ {%- endif -%} {%- include appscms/headings/devtool-headings.html -%} {%- if
22
+ site.search -%} {%- include appscms/searchbar/devtool-searchbar.html -%} {%- endif
23
+ -%}
24
+
25
+ <!-- {%- include
26
+ appscms/category-tabs/category-tabs.html -%} -->
27
+ {%- include appscms/home/devtool-feature-boxes.html -%}
28
+ <div class="appcms-home-content-box" id="appcms-home-content-box">
29
+ {{ content }}
30
+ </div>
31
+ {%- assign langen = "en" -%} {%- if
32
+ site.data[folder][langen][file].categories -%} {% assign categories=
33
+ site.data[folder][langen][file].categories %} {%- else -%} {% assign
34
+ categories= page.categories %} {%- endif -%} {%- if
35
+ site.data[folder][langen][file].tags -%} {% assign tags=
36
+ site.data[folder][langen][file].tags %} {%- else -%} {% assign tags=
37
+ page.tags %} {%- endif -%} {%- if pageData.posts.size > 0 -%} {%- include
38
+ appscms/customblog/pageRelatedPosts.html -%} {%- else -%} {%- if
39
+ categories.size > 0 or tags.size > 0 -%} {%- include
40
+ appscms/recent-posts/related_categories_post.html -%} {%- else -%} {%-
41
+ include appscms/recent-posts/recent_posts.html -%} {%- endif -%} {%- endif
42
+ -%} {%- if site.customblogdata -%} {%- if categories.size> 0 or
43
+ tags.size>0-%} {%- include appscms/customblog/relatedposts.html -%} {%- else
44
+ -%} {%- include appscms/customblog/recentposts.html -%} {% endif %} {%-
45
+ endif -%}
46
+
47
+ <!--
48
+ {%- include
49
+ appscms/extras/traffic-count.html -%} -->
50
+ {%- include appscms/footer/products.html -%} {%- include
51
+ appscms/footer/footer.html -%} {%- include appscms/scripts/script.html -%}
52
+ </body>
53
+ </html>
54
+
@@ -1,5 +1,5 @@
1
1
  ---
2
- layout: home
2
+ layout: devtool-feature
3
3
  ---
4
4
  <div class="container">
5
5
  <div class="row">
@@ -92,6 +92,7 @@ header {
92
92
  /* Blog-card-footer styling */
93
93
  .card-footer {
94
94
  border: none;
95
+ background-color: white;
95
96
  }
96
97
  .wrapfooter {
97
98
  display: flex;
@@ -606,6 +606,7 @@ z-index: -997;
606
606
 
607
607
  .card-footer{
608
608
  border-radius: 10px !important;
609
+ background: white;
609
610
  }
610
611
 
611
612
  .post-read-more{
@@ -509,6 +509,7 @@ body {
509
509
  .card-footer{
510
510
  border: none !important;
511
511
  border-radius: 10px !important;
512
+ background: white;
512
513
  }
513
514
 
514
515
  .post-read-more{
data/assets/css/blog.css CHANGED
@@ -97,6 +97,7 @@ header {
97
97
  /* Blog-card-footer styling */
98
98
  .card-footer {
99
99
  border: none;
100
+ background: white;
100
101
  }
101
102
  .wrapfooter {
102
103
  display: flex;