appscms-tools-theme 2.4.8 → 2.5.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,106 +1,106 @@
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
- {%- if page.typeOfPage == "category" -%}
67
- {%- assign photoEffectsData = site.data.photo-categories -%}
68
- {%- for item in photoEffectsData -%}
69
- {%- if item.category == page.category -%}
70
- {%- for i in item.features -%}
71
- <div class="col-md-3 px-0">
72
- <a class="photo-card" href="{{i.link}}">
73
- <div>
74
- <img src="{{i.image}}" alt="">
75
- <div class="photo-effect-feature-name">
76
- {{i.name}}
77
- </div>
78
- </div>
79
- </a>
80
- </div>
81
- {%- endfor -%}
82
- {%- endif -%}
83
- {%- endfor -%}
84
- {%- else -%}
85
- {%- assign photoEffectsData = site.data.photoeffects -%}
86
- {%- for item in photoEffectsData -%}
87
- <div class="col-md-3 px-0">
88
- <a class="photo-card" href="{{item.url}}">
89
- <div>
90
- <img src="{{item.image}}" alt="">
91
- <div class="photo-effect-feature-name">
92
- {{item.featureName}}
93
- </div>
94
- </div>
95
- </a>
96
-
97
- </div>
98
- {%- endfor -%}
99
- {%- endif -%}
100
-
101
- </div>
102
- </div>
103
- </div>
104
- </div>
105
-
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
+ {%- if page.typeOfPage == "category" -%}
67
+ {%- assign photoEffectsData = site.data.photo-categories -%}
68
+ {%- for item in photoEffectsData -%}
69
+ {%- if item.category == page.category -%}
70
+ {%- for i in item.features -%}
71
+ <div class="col-md-3 px-0">
72
+ <a class="photo-card" href="{{i.link}}">
73
+ <div>
74
+ <img src="{{i.image}}" alt="">
75
+ <div class="photo-effect-feature-name">
76
+ {{i.name}}
77
+ </div>
78
+ </div>
79
+ </a>
80
+ </div>
81
+ {%- endfor -%}
82
+ {%- endif -%}
83
+ {%- endfor -%}
84
+ {%- else -%}
85
+ {%- assign photoEffectsData = site.data.photoeffects -%}
86
+ {%- for item in photoEffectsData -%}
87
+ <div class="col-md-3 px-0">
88
+ <a class="photo-card" href="{{item.url}}">
89
+ <div>
90
+ <img src="{{item.image}}" alt="">
91
+ <div class="photo-effect-feature-name">
92
+ {{item.featureName}}
93
+ </div>
94
+ </div>
95
+ </a>
96
+
97
+ </div>
98
+ {%- endfor -%}
99
+ {%- endif -%}
100
+
101
+ </div>
102
+ </div>
103
+ </div>
104
+ </div>
105
+
106
106
  </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
+ }
@@ -121,7 +121,7 @@ canvas {
121
121
  min-height: fit-content;
122
122
  }
123
123
 
124
- #canvas-panel {
124
+ #canvas-box-panel {
125
125
  border: 1px solid rgba(0, 0, 0, 0.1);
126
126
  padding: 25px;
127
127
  border-radius: 4px;
@@ -132,7 +132,7 @@ canvas {
132
132
  align-items: center;
133
133
  }
134
134
 
135
- #canvas-panel #canvas-img {
135
+ #canvas-box-panel #canvas-img {
136
136
  max-width: 100%;
137
137
  }
138
138