appscms-tools-theme 2.3.9 → 2.4.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,84 +1,84 @@
1
- ---
2
- layout: feature
3
- ---
4
- {%- assign fileData = site.data[page.folderName][page.lang][page.fileName] -%}
5
- {%- assign photoEffectsData = site.data.photoeffects -%}
6
- <div class="container mt-4">
7
- <div class="col-md-11 mx-auto">
8
- <div class="row">
9
- <div class="col-md-3">
10
- <div class="categories-section">
11
- </div>
12
- <div class="categories-list">
13
- <div class="accordion" id="accordionExample">
14
- {%- for item in site.data.photo-categories -%}
15
- <div class="card card-hover">
16
- <div class="card-header" id="heading-{{forloop.index}}">
17
- <button class="btn btn-block text-left p-0" type="button" data-toggle="collapse"
18
- data-target="#collapse-{{forloop.index}}" aria-expanded="true"
19
- aria-controls="collapse-{{forloop.index}}">
20
- {{item.category}} <i class="fas fa-angle-down"></i>
21
- </button>
22
- </div>
23
-
24
- <div id="collapse-{{forloop.index}}" class="collapse"
25
- aria-labelledby="heading-{{forloop.index}}" data-parent="#accordionExample">
26
- <div class="card-body">
27
- {%- for i in item.features -%}
28
- <a href="{{i.link}}">{{i.name}} </a>
29
- {%- endfor -%}
30
- </div>
31
- </div>
32
- </div>
33
- {%- endfor -%}
34
- </div>
35
- </div>
36
-
37
- </div>
38
- <div class="col-md-9">
39
- <div class="row" id="upper-panel">
40
- <div class="col-12 ">
41
- <div>
42
- <div>
43
- <div>
44
- {%- assign frameh1 = fileData.H1 | replace: "$variable", page.value -%}
45
- <h1 class="frame-h1">{%- for word in frameh1-%}
46
- {%- if forloop.first == true -%}
47
- {{word | capitalize }}
48
- {%- else -%}
49
- {{word}}
50
- {%- endif -%}
51
- {%- endfor -%}</h1>
52
- </div>
53
- {%- assign frameh2 = fileData.H2 | replace: "$variable", page.value -%}
54
- <h2 class="frame-h2">
55
- {%- for word in frameh2 -%}
56
- {%- if forloop.first == true -%}
57
- {{word | capitalize }}
58
- {%- else -%}
59
- {{word}}
60
- {%- endif -%}
61
- {%- endfor -%}
62
- </h2>
63
- </div>
64
- </div>
65
- </div>
66
- {%- for item in photoEffectsData -%}
67
- <div class="col-md-3 px-0">
68
- <a class="photo-card" href="{{item.url}}">
69
- <div>
70
- <img src="{{item.image}}" alt="">
71
- <div class="photo-effect-feature-name">
72
- {{item.featureName}}
73
- </div>
74
- </div>
75
- </a>
76
-
77
- </div>
78
- {%- endfor -%}
79
- </div>
80
- </div>
81
- </div>
82
- </div>
83
-
1
+ ---
2
+ layout: feature
3
+ ---
4
+ {%- assign fileData = site.data[page.folderName][page.lang][page.fileName] -%}
5
+ {%- assign photoEffectsData = site.data.photoeffects -%}
6
+ <div class="container mt-4">
7
+ <div class="col-md-11 mx-auto">
8
+ <div class="row">
9
+ <div class="col-md-3">
10
+ <div class="categories-section">
11
+ </div>
12
+ <div class="categories-list">
13
+ <div class="accordion" id="accordionExample">
14
+ {%- for item in site.data.photo-categories -%}
15
+ <div class="card card-hover">
16
+ <div class="card-header" id="heading-{{forloop.index}}">
17
+ <button class="btn btn-block text-left p-0" type="button" data-toggle="collapse"
18
+ data-target="#collapse-{{forloop.index}}" aria-expanded="true"
19
+ aria-controls="collapse-{{forloop.index}}">
20
+ {{item.category}} <i class="fas fa-angle-down"></i>
21
+ </button>
22
+ </div>
23
+
24
+ <div id="collapse-{{forloop.index}}" class="collapse"
25
+ aria-labelledby="heading-{{forloop.index}}" data-parent="#accordionExample">
26
+ <div class="card-body">
27
+ {%- for i in item.features -%}
28
+ <a href="{{i.link}}">{{i.name}} </a>
29
+ {%- endfor -%}
30
+ </div>
31
+ </div>
32
+ </div>
33
+ {%- endfor -%}
34
+ </div>
35
+ </div>
36
+
37
+ </div>
38
+ <div class="col-md-9">
39
+ <div class="row" id="upper-panel">
40
+ <div class="col-12 ">
41
+ <div>
42
+ <div>
43
+ <div>
44
+ {%- assign frameh1 = fileData.H1 | replace: "$variable", page.value -%}
45
+ <h1 class="frame-h1">{%- for word in frameh1-%}
46
+ {%- if forloop.first == true -%}
47
+ {{word | capitalize }}
48
+ {%- else -%}
49
+ {{word}}
50
+ {%- endif -%}
51
+ {%- endfor -%}</h1>
52
+ </div>
53
+ {%- assign frameh2 = fileData.H2 | replace: "$variable", page.value -%}
54
+ <h2 class="frame-h2">
55
+ {%- for word in frameh2 -%}
56
+ {%- if forloop.first == true -%}
57
+ {{word | capitalize }}
58
+ {%- else -%}
59
+ {{word}}
60
+ {%- endif -%}
61
+ {%- endfor -%}
62
+ </h2>
63
+ </div>
64
+ </div>
65
+ </div>
66
+ {%- for item in photoEffectsData -%}
67
+ <div class="col-md-3 px-0">
68
+ <a class="photo-card" href="{{item.url}}">
69
+ <div>
70
+ <img src="{{item.image}}" alt="">
71
+ <div class="photo-effect-feature-name">
72
+ {{item.featureName}}
73
+ </div>
74
+ </div>
75
+ </a>
76
+
77
+ </div>
78
+ {%- endfor -%}
79
+ </div>
80
+ </div>
81
+ </div>
82
+ </div>
83
+
84
84
  </div>
@@ -1,40 +1,40 @@
1
- .calculator-workspace {
2
- width: 400px;
3
- background: #f6f6f6d2;
4
- position: relative;
5
- z-index: 1;
6
- margin: 0 auto;
7
- box-shadow: 6px 19px 23px 1pxrgb (0 0 0 / 15%);
8
- border-radius: 8px;
9
- padding: 1.5rem;
10
- }
11
-
12
- .calculator-workspace label {
13
- width: 100%;
14
- font-weight: 600;
15
- text-align: left;
16
- margin-top: 10px;
17
- }
18
-
19
- .submit-button {
20
- border: none;
21
- border-radius: 4px;
22
- padding: 10px 22px;
23
- color: #fff;
24
- margin-left: auto;
25
- font-weight: 600;
26
- }
27
-
28
- .calculator-inputs {
29
- display: flex;
30
- gap: 10px;
31
- }
32
- .unit {
33
- background: #ffff;
34
- padding: 0px 10px;
35
- display: flex;
36
- align-items: center;
37
- justify-content: center;
38
- border-radius: 4px;
39
- font-weight: 600;
40
- }
1
+ .calculator-workspace {
2
+ width: 400px;
3
+ background: #f6f6f6d2;
4
+ position: relative;
5
+ z-index: 1;
6
+ margin: 0 auto;
7
+ box-shadow: 6px 19px 23px 1pxrgb (0 0 0 / 15%);
8
+ border-radius: 8px;
9
+ padding: 1.5rem;
10
+ }
11
+
12
+ .calculator-workspace label {
13
+ width: 100%;
14
+ font-weight: 600;
15
+ text-align: left;
16
+ margin-top: 10px;
17
+ }
18
+
19
+ .submit-button {
20
+ border: none;
21
+ border-radius: 4px;
22
+ padding: 10px 22px;
23
+ color: #fff;
24
+ margin-left: auto;
25
+ font-weight: 600;
26
+ }
27
+
28
+ .calculator-inputs {
29
+ display: flex;
30
+ gap: 10px;
31
+ }
32
+ .unit {
33
+ background: #ffff;
34
+ padding: 0px 10px;
35
+ display: flex;
36
+ align-items: center;
37
+ justify-content: center;
38
+ border-radius: 4px;
39
+ font-weight: 600;
40
+ }