appscms-tools-theme 1.4.9 → 1.5.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -6,87 +6,88 @@
6
6
  {% assign folder = page.folderName %}
7
7
  {% assign Data= site.data[folder][lang][file] %}
8
8
  <div class="rating-tool">
9
- <img id="rating-img" loading='lazy' src="/assets/images/rating.png" alt="rating-img">
10
- <div class="rating-text">{{Data.rate | default: 'Rate this tool' }}</div>
11
- <div class="rating-stars" >
12
- <i class="fas fa-star rating-star"></i><i class="fas fa-star rating-star"></i
13
- ><i class="fas fa-star rating-star"></i><i class="fas fa-star rating-star"></i
14
- ><i class="fas fa-star rating-star"></i>
9
+ <img id="rating-img" loading='lazy' src="/assets/images/rating.png" alt="rating-img" {%- if site.crossorigin -%}
10
+ crossorigin {%- endif -%}>
11
+ <div class="rating-text">{{Data.rate | default: 'Rate this tool' }}</div>
12
+ <div class="rating-stars">
13
+ <i class="fas fa-star rating-star"></i><i class="fas fa-star rating-star"></i><i
14
+ class="fas fa-star rating-star"></i><i class="fas fa-star rating-star"></i><i class="fas fa-star rating-star"></i>
15
15
  </div>
16
16
  <div class="rating-value ml-2">
17
17
  {%- for item in data -%}
18
- {%- if item.name ==tool -%}
19
- {%- assign rating = item.rating -%}
20
- {%- assign votes = item.votes -%}
21
- {%- endif -%}
18
+ {%- if item.name ==tool -%}
19
+ {%- assign rating = item.rating -%}
20
+ {%- assign votes = item.votes -%}
21
+ {%- endif -%}
22
22
  {%- endfor -%}
23
23
  <span class="rating"> <strong id='rating'>{{rating}}</strong><span>/5</span> </span>
24
24
  &nbsp; <span class="total-ratings" id='count'>{{votes}} </span> {{Data.votes | default: 'votes' }}
25
25
  </div>
26
26
  </div>
27
27
  <script>
28
- const ratingValue=document.getElementById('rating')
29
- const count=document.getElementById('count')
30
- const setRating=async(rating)=>{
31
- const name= '{{site.name}}'
32
- const tool='{{page.tool}}'
33
- const data = { website: name,feature:tool,rating:rating };
34
- fetch('https://ratingapi-main.netlify.app/.netlify/functions/api/v1/rating/add', {
35
- method: 'POST',
36
- headers: {
37
- 'Content-Type': 'application/json',
38
- },
39
- body: JSON.stringify(data),
40
- })
41
- .then(response => response.json())
42
- .then(data => {
43
- ratingValue.innerText=data.rating
44
- count.innerText=data.count
45
- })
46
- .catch((error) => {
47
- console.error('Error:', error);
48
- });
28
+ const ratingValue = document.getElementById('rating')
29
+ const count = document.getElementById('count')
30
+ const setRating = async (rating) => {
31
+ const name = '{{site.name}}'
32
+ const tool = '{{page.tool}}'
33
+ const data = { website: name, feature: tool, rating: rating };
34
+ fetch('https://ratingapi-main.netlify.app/.netlify/functions/api/v1/rating/add', {
35
+ method: 'POST',
36
+ headers: {
37
+ 'Content-Type': 'application/json',
38
+ },
39
+ body: JSON.stringify(data),
40
+ })
41
+ .then(response => response.json())
42
+ .then(data => {
43
+ ratingValue.innerText = data.rating
44
+ count.innerText = data.count
45
+ })
46
+ .catch((error) => {
47
+ console.error('Error:', error);
48
+ });
49
49
  }
50
- const tool='{{page.tool}}'
51
- const fetchRating=async()=>{
52
-
53
- const data= await fetch(`https://ratingapi-main.netlify.app/.netlify/functions/api/v1/${tool}/rating`).then(res=>res.json())
54
- ratingValue.innerText=data.rating
55
- count.innerText=data.votes
50
+ const tool = '{{page.tool}}'
51
+ const fetchRating = async () => {
52
+
53
+ const data = await fetch(`https://ratingapi-main.netlify.app/.netlify/functions/api/v1/${tool}/rating`).then(res => res.json())
54
+ ratingValue.innerText = data.rating
55
+ count.innerText = data.votes
56
56
  }
57
57
  let ratingImg = document.querySelector('#rating-img');
58
- ratingImg.addEventListener('load', (event) => {
59
- fetchRating()
60
- });
61
- const ratingNode=document.getElementsByClassName('rating-star')
62
- let ratedValue=localStorage.getItem(`${tool}rating`)
63
- if(ratedValue){
64
- Array.from(ratingNode).slice(0,ratedValue).map(item=>{
65
- item.style.color='#FDD300'
66
- })
58
+ ratingImg.addEventListener('load', (event) => {
59
+ fetchRating()
60
+ });
61
+ const ratingNode = document.getElementsByClassName('rating-star')
62
+ let ratedValue = localStorage.getItem(`${tool}rating`)
63
+ if (ratedValue) {
64
+ Array.from(ratingNode).slice(0, ratedValue).map(item => {
65
+ item.style.color = '#FDD300'
66
+ })
67
67
  }
68
-
69
- Array.from(ratingNode).map(item=>item.addEventListener('click',()=>{
70
- const tool='{{page.tool}}'
71
- if(!localStorage.getItem(`${tool}rating`)){
72
- function indexInClass(node) {
73
- var className = node.className;
74
- var num = 0;
75
- for (var i = 0; i < ratingNode.length; i++) {
76
- if (ratingNode[i] === node) {
68
+
69
+ Array.from(ratingNode).map(item => item.addEventListener('click', () => {
70
+ const tool = '{{page.tool}}'
71
+ if (!localStorage.getItem(`${tool}rating`)) {
72
+ function indexInClass(node) {
73
+ var className = node.className;
74
+ var num = 0;
75
+ for (var i = 0; i < ratingNode.length; i++) {
76
+ if (ratingNode[i] === node) {
77
77
  return num;
78
+ }
79
+ num++;
78
80
  }
79
- num++;
81
+ return -1;
82
+ }
83
+ const index = indexInClass(item)
84
+ Array.from(ratingNode).slice(0, index + 1).map(item => {
85
+ item.style.color = '#FDD300'
86
+ })
87
+ setRating(index + 1)
88
+ localStorage.setItem(`${tool}rating`, index + 1)
80
89
  }
81
- return -1;
82
- }
83
- const index=indexInClass(item)
84
- Array.from(ratingNode).slice(0,index+1).map(item=>{
85
- item.style.color='#FDD300'
86
- })
87
- setRating(index+1)
88
- localStorage.setItem(`${tool}rating`,index+1)
89
- }}))
90
+ }))
90
91
  </script>
91
92
 
92
93
  {%- endif -%}
@@ -1,7 +1,8 @@
1
1
  {%- include /authors/authors.html -%}
2
2
  <div class="wrapfooter">
3
3
  <span class="author_image">
4
- <img class="author-thumb" loading="lazy" src="{{ image }}" height="35px" width="35px" alt="{{ authorName}}" id="author_img">
4
+ <img class="author-thumb" loading="lazy" src="{{ image }}" height="35px" width="35px" alt="{{ authorName}}"
5
+ id="author_img" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
5
6
  </span>
6
7
  <span class="author-meta">
7
8
  <span class="post-name">
@@ -9,7 +10,7 @@
9
10
  {%- if twitter != 'N/A' -%}
10
11
  <a class="btn_follow text-decoration-none" target="_blank" href="{{twitter}}">Follow</a>
11
12
  {%- endif -%}
12
-
13
+
13
14
  </span><br>
14
15
  <span class="author_bio">{{bio}}</span>
15
16
  </span>
@@ -1,13 +1,12 @@
1
1
  {% assign cssData = site.data.[page.folderName][lang][file] %}
2
2
  {{site.data.customcdns.customcdns.cssfiles}}
3
- {%- if cssData.cssfilepaths -%}
4
- {%- for path in cssData.cssfilepaths -%}
5
- <link rel="stylesheet" href="{{path}}">
3
+ {%- if cssData.cssfilepaths -%}
4
+ {%- for path in cssData.cssfilepaths -%}
5
+ <link rel="stylesheet" href="{{path}}" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
6
6
  {%- endfor -%}
7
7
  {%- endif -%}
8
- {%- if cssData.csscdns -%}
9
- {%- for item in cssData.csscdns -%}
10
- {{item}}
8
+ {%- if cssData.csscdns -%}
9
+ {%- for item in cssData.csscdns -%}
10
+ {{item}}
11
11
  {%- endfor -%}
12
- {%- endif -%}
13
-
12
+ {%- endif -%}
@@ -7,10 +7,7 @@
7
7
  og_type = "website" -%} {%- endif -%}
8
8
  <meta charset="UTF-8" />
9
9
  <link rel="shortcut icon" href="{{favicon}}" />
10
- <meta
11
- name="viewport"
12
- content="width=device-width, initial-scale=1, shrink-to-fit=no"
13
- />
10
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
14
11
  <meta name="keywords" content="{{site.keyboard}}" />
15
12
  <meta name="description" content="{{ seo_description | slice: 0, 155 }}" />
16
13
  <meta name="og:description" content="{{ seo_description | slice: 0, 155 }}" />
@@ -21,21 +18,15 @@
21
18
  <meta property="og:url" content="{{site.url | append: page.url}}" />
22
19
  <meta name="author" content="{{ site.author_name }}" />
23
20
  <title>{{page.title}}</title>
24
- <link
25
- href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap"
26
- rel="stylesheet"
27
- />
28
- <link
29
- rel="stylesheet"
30
- href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css"
31
- />
32
- <link
33
- rel="stylesheet"
34
- href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
35
- />
21
+ <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet" />
22
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" {%- if
23
+ site.crossorigin -%} crossorigin {%- endif -%} />
24
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" {%- if
25
+ site.crossorigin -%} crossorigin {%- endif -%} />
36
26
  {% include adsense/adsense.html %}
37
- <link rel="stylesheet" href="{{'/assets/css/blog.css' | relative_url }}" />
38
- <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
27
+ <link rel="stylesheet" href="{{'/assets/css/blog.css' | relative_url }}" {%- if site.crossorigin -%} crossorigin {%-
28
+ endif -%} />
29
+ <script src="https://code.jquery.com/jquery-3.5.1.js" {%- if site.crossorigin -%} crossorigin {%- endif -%}></script>
39
30
 
40
31
  {%- include google-analytics.html -%}
41
- </head>
32
+ </head>
@@ -11,7 +11,7 @@
11
11
  <div class="card h-100">
12
12
  <a href="{{ post.url }}">
13
13
  <img src="{{ post.image }}" class="card-img-top" height="215px" width="100%" loading="lazy"
14
- alt="">
14
+ alt="" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
15
15
  </a>
16
16
  <div class="card-body">
17
17
  <a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link">
@@ -22,7 +22,8 @@
22
22
  <div class="wrapfooter">
23
23
  {% if post.author %}
24
24
  <span class="meta-footer-thumb">
25
- <img class="author-thumb" loading="lazy" src="{{image}}" alt="{{ authorName }}">
25
+ <img class="author-thumb" loading="lazy" src="{{image}}" alt="{{ authorName }}" {%-
26
+ if site.crossorigin -%} crossorigin {%- endif -%}>
26
27
  </span>
27
28
  {% endif %}
28
29
  <span class="author-meta">
@@ -43,7 +43,7 @@
43
43
  <div class="card h-100">
44
44
  <a href="{{ post.url }}">
45
45
  <img src="{{ post.image }}" loading="lazy" class="card-img-top" height="auto" width="100%"
46
- alt="">
46
+ alt="" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
47
47
  </a>
48
48
  <div class="card-body">
49
49
  <a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link">
@@ -54,7 +54,8 @@
54
54
  <div class="wrapfooter">
55
55
  {% if post.author %}
56
56
  <span class="meta-footer-thumb">
57
- <img class="author-thumb" loading="lazy" src="{{ image }}" alt="{{ authorName }}">
57
+ <img class="author-thumb" loading="lazy" src="{{ image }}" alt="{{ authorName }}" {%- if
58
+ site.crossorigin -%} crossorigin {%- endif -%}>
58
59
  </span>
59
60
  {% endif %}
60
61
 
@@ -121,7 +122,7 @@
121
122
  <div class="card h-100">
122
123
  <a href="{{ post.url }}">
123
124
  <img src="{{ post.image }}" class="card-img-top" height="215px" width="100%" loading="lazy"
124
- alt="">
125
+ alt="" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
125
126
  </a>
126
127
  <div class="card-body">
127
128
  <a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link">
@@ -132,7 +133,8 @@
132
133
  <div class="wrapfooter">
133
134
  {% if post.author %}
134
135
  <span class="meta-footer-thumb">
135
- <img class="author-thumb" loading="lazy" src="{{image}}" alt="{{ authorName }}">
136
+ <img class="author-thumb" loading="lazy" src="{{image}}" alt="{{ authorName }}" {%- if
137
+ site.crossorigin -%} crossorigin {%- endif -%}>
136
138
  </span>
137
139
  {% endif %}
138
140
  <span class="author-meta">
@@ -7,7 +7,8 @@
7
7
  <div class="row">
8
8
  <div class="col-xl-3 p-0">
9
9
  <div class="feature">
10
- <img src="/assets/images/left_obj_01.png" alt="">
10
+ <img src="/assets/images/left_obj_01.png" alt="" {%- if site.crossorigin -%} crossorigin {%-
11
+ endif -%}>
11
12
  <span class="site-no"> {{dataToShow.featureNo}}</span>
12
13
  <h5 class="title">{{dataToShow.feature_title}}</h5>
13
14
  <p class="description">{{dataToShow.feature_description}}</p>
@@ -33,4 +34,5 @@
33
34
  </div>
34
35
  </div>
35
36
  </div>
36
- <link rel="stylesheet" href="{{ 'css/feature.css' | relative_url }}">
37
+ <link rel="stylesheet" href="{{ 'css/feature.css' | relative_url }}" {%- if site.crossorigin -%} crossorigin {%- endif
38
+ -%}>
@@ -3,144 +3,150 @@
3
3
  {% assign folder = page.folderName %}
4
4
  {% assign accessData= site.data[folder][lang][file] %}
5
5
  {% assign compareFiles= accessData.compare_formats %}
6
- {%- for i in compareFiles -%}
7
- {%- if forloop.index ==1 -%}
8
- {%- assign item = i | downcase -%}
9
- {%- assign firstFile = site.data.files[accessData.filelang][item] -%}
10
- {%- endif -%}
11
- {%- if forloop.index ==2 -%}
12
- {%- assign item = i | downcase -%}
13
- {%- assign secondFile = site.data.files[accessData.filelang][item] -%}
14
- {%- endif -%}
15
- {%- endfor -%}
16
- {%- if firstFile and secondFile -%}
17
- {%- if firstFile.Format or secondFile.Format -%}
18
- <h1 class="feature-h1 text-left my-4" >Details of {{firstFile.Format}} and {{secondFile.Format}} file format</h1>
19
- {%- endif -%}
20
- <table class="table table-bordered ">
6
+ {%- for i in compareFiles -%}
7
+ {%- if forloop.index ==1 -%}
8
+ {%- assign item = i | downcase -%}
9
+ {%- assign firstFile = site.data.files[accessData.filelang][item] -%}
10
+ {%- endif -%}
11
+ {%- if forloop.index ==2 -%}
12
+ {%- assign item = i | downcase -%}
13
+ {%- assign secondFile = site.data.files[accessData.filelang][item] -%}
14
+ {%- endif -%}
15
+ {%- endfor -%}
16
+ {%- if firstFile and secondFile -%}
17
+ {%- if firstFile.Format or secondFile.Format -%}
18
+ <h1 class="feature-h1 text-left my-4">Details of {{firstFile.Format}} and {{secondFile.Format}} file format</h1>
19
+ {%- endif -%}
20
+ <table class="table table-bordered ">
21
21
  <tbody>
22
-
22
+
23
23
  {%- if firstFile.Format or secondFile.Format -%}
24
24
  <tr>
25
- <th scope="row">Format</th>
26
- <td>{{firstFile.Format}}</td>
27
- <td>{{secondFile.Format}}</td>
25
+ <th scope="row">Format</th>
26
+ <td>{{firstFile.Format}}</td>
27
+ <td>{{secondFile.Format}}</td>
28
+ </tr>
29
+ {%- endif -%}
30
+ {%- if firstFile.ShortName or secondFile.ShortName -%}
31
+ <tr>
32
+ <th scope="row">Short Name</th>
33
+ <td>{{firstFile.ShortName}}</td>
34
+ <td>{{secondFile.ShortName}}</td>
35
+ </tr>
36
+ {%- endif -%}
37
+
38
+ {%- if firstFile.FullName or secondFile.FullName -%}
39
+ <tr>
40
+ <th scope="row">Full Name</th>
41
+ <td>{{firstFile.FullName}}</td>
42
+ <td>{{secondFile.FullName}}</td>
43
+ </tr>
44
+ {%- endif -%}
45
+ {%- if firstFile.Category or secondFile.Category -%}
46
+ <tr>
47
+ <th scope="row">Category</th>
48
+ <td>{{firstFile.Category}}</td>
49
+ <td>{{secondFile.Category}}</td>
50
+ </tr>
51
+ {%- endif -%}
52
+ {%- if firstFile.Pros or secondFile.Pros -%}
53
+ <tr>
54
+ <th scope="row">Pros</th>
55
+ <td>{{firstFile.Pros}}</td>
56
+ <td>{{secondFile.Pros}}</td>
57
+ </tr>
58
+ {%- endif -%}
59
+ {%- if firstFile.Cons or secondFile.Cons -%}
60
+ <tr>
61
+ <th scope="row">Cons</th>
62
+ <td>{{firstFile.Cons}}</td>
63
+ <td>{{secondFile.Cons}}</td>
64
+ </tr>
65
+ {%- endif -%}
66
+ {%- if firstFile.Createdby or secondFile.Createdby -%}
67
+ <tr>
68
+ <th scope="row">Created by</th>
69
+ <td> <a class="software-name" href="{{firstFile.CreatedbyLink}}"> {{firstFile.Createdby}}</a></td>
70
+ <td> <a class="software-name" href="{{secondFile.CreatedbyLink}}"> {{secondFile.Createdby}}</a></td>
71
+ </tr>
72
+ {%- endif -%}
73
+ {%- if firstFile.CreatedInYear or secondFile.CreatedInYear -%}
74
+ <tr>
75
+ <th scope="row">Created in </th>
76
+ <td>{{firstFile.CreatedInYear}}</td>
77
+ <td>{{secondFile.CreatedInYear}}</td>
78
+ </tr>
79
+ {%- endif -%}
80
+ {%- if firstFile.BasicInformation or secondFile.BasicInformation -%}
81
+ <tr>
82
+ <th scope="row">Basic information</th>
83
+ <td>{{firstFile.BasicInformation}}</td>
84
+ <td>{{secondFile.BasicInformation}}</td>
85
+ </tr>
86
+ {%- endif -%}
87
+ {%- if firstFile.DetailedInformation or secondFile.DetailedInformation -%}
88
+ <tr>
89
+ <th scope="row">Detailed information</th>
90
+ <td>{{firstFile.DetailedInformation}}</td>
91
+ <td>{{secondFile.DetailedInformation}}</td>
28
92
  </tr>
29
93
  {%- endif -%}
30
- {%- if firstFile.ShortName or secondFile.ShortName -%}
31
- <tr>
32
- <th scope="row">Short Name</th>
33
- <td>{{firstFile.ShortName}}</td>
34
- <td>{{secondFile.ShortName}}</td>
35
- </tr>
36
- {%- endif -%}
37
-
38
- {%- if firstFile.FullName or secondFile.FullName -%}
39
- <tr>
40
- <th scope="row">Full Name</th>
41
- <td>{{firstFile.FullName}}</td>
42
- <td>{{secondFile.FullName}}</td>
43
- </tr>
44
- {%- endif -%}
45
- {%- if firstFile.Category or secondFile.Category -%}
46
- <tr>
47
- <th scope="row">Category</th>
48
- <td>{{firstFile.Category}}</td>
49
- <td>{{secondFile.Category}}</td>
50
- </tr>
51
- {%- endif -%}
52
- {%- if firstFile.Pros or secondFile.Pros -%}
53
- <tr>
54
- <th scope="row">Pros</th>
55
- <td>{{firstFile.Pros}}</td>
56
- <td>{{secondFile.Pros}}</td>
57
- </tr>
58
- {%- endif -%}
59
- {%- if firstFile.Cons or secondFile.Cons -%}
60
- <tr>
61
- <th scope="row">Cons</th>
62
- <td>{{firstFile.Cons}}</td>
63
- <td>{{secondFile.Cons}}</td>
64
- </tr>
65
- {%- endif -%}
66
- {%- if firstFile.Createdby or secondFile.Createdby -%}
67
- <tr>
68
- <th scope="row">Created by</th>
69
- <td> <a class="software-name" href="{{firstFile.CreatedbyLink}}"> {{firstFile.Createdby}}</a></td>
70
- <td> <a class="software-name" href="{{secondFile.CreatedbyLink}}"> {{secondFile.Createdby}}</a></td>
71
- </tr>
72
- {%- endif -%}
73
- {%- if firstFile.CreatedInYear or secondFile.CreatedInYear -%}
74
- <tr>
75
- <th scope="row">Created in </th>
76
- <td>{{firstFile.CreatedInYear}}</td>
77
- <td>{{secondFile.CreatedInYear}}</td>
78
- </tr>
79
- {%- endif -%}
80
- {%- if firstFile.BasicInformation or secondFile.BasicInformation -%}
81
- <tr>
82
- <th scope="row">Basic information</th>
83
- <td>{{firstFile.BasicInformation}}</td>
84
- <td>{{secondFile.BasicInformation}}</td>
85
- </tr>
86
- {%- endif -%}
87
- {%- if firstFile.DetailedInformation or secondFile.DetailedInformation -%}
88
- <tr>
89
- <th scope="row">Detailed information</th>
90
- <td>{{firstFile.DetailedInformation}}</td>
91
- <td>{{secondFile.DetailedInformation}}</td>
92
- </tr>
93
- {%- endif -%}
94
- {%- if firstFile.Softwaresused or secondFile.Softwaresused -%}
95
- <tr>
96
- <th scope="row">Platform Supported</th>
97
- <td>
98
- {%- for item in firstFile.Softwaresused -%}
99
- <ul class="pl-0" >
100
- <li><b>{{item.platform}}</b> </li>
101
- <div class="pl-0 d-flex flex-wrap justify-content-between softwares-section flex-column " >
102
- {%- for data in item.softwares -%}
103
- <div class="d-flex mb-3" >
104
- {%- if data.image -%}
105
- <img src={{data.image}} alt="software" loading='lazy' >
106
- {%- endif -%}
107
- <div >
108
- <a class="d-block software-name" href="{{data.link}}"><div>{{data.name}}</div></a>
109
- <div class="software-value" >{{data.type}}</div>
110
- </div>
94
+ {%- if firstFile.Softwaresused or secondFile.Softwaresused -%}
95
+ <tr>
96
+ <th scope="row">Platform Supported</th>
97
+ <td>
98
+ {%- for item in firstFile.Softwaresused -%}
99
+ <ul class="pl-0">
100
+ <li><b>{{item.platform}}</b> </li>
101
+ <div class="pl-0 d-flex flex-wrap justify-content-between softwares-section flex-column ">
102
+ {%- for data in item.softwares -%}
103
+ <div class="d-flex mb-3">
104
+ {%- if data.image -%}
105
+ <img src={{data.image}} alt="software" loading='lazy' {%- if site.crossorigin -%}
106
+ crossorigin {%- endif -%}>
107
+ {%- endif -%}
108
+ <div>
109
+ <a class="d-block software-name" href="{{data.link}}">
110
+ <div>{{data.name}}</div>
111
+ </a>
112
+ <div class="software-value">{{data.type}}</div>
113
+ </div>
114
+ </div>
115
+
116
+ {%- endfor -%}
117
+ </div>
118
+ </ul>
119
+ {%- endfor -%}
120
+ </td>
121
+ <td>
122
+ {%- for item in secondFile.Softwaresused -%}
123
+ <ul>
124
+ <li><b>{{item.platform}}</b> </li>
125
+ <div class="pl-0 d-flex flex-wrap justify-content-between softwares-section flex-column ">
126
+ {%- for data in item.softwares -%}
127
+ <div class="d-flex mb-3">
128
+ {%- if data.image -%}
129
+ <img src={{data.image}} alt="software" loading='lazy' {%- if site.crossorigin -%}
130
+ crossorigin {%- endif -%}>
131
+ {%- endif -%}
132
+ <div>
133
+ <a class="d-block software-name" href="{{data.link}}">
134
+ <div>{{data.name}}</div>
135
+ </a>
136
+ <div class="software-value">{{data.type}}</div>
111
137
  </div>
112
-
113
- {%- endfor -%}
114
- </div>
115
- </ul>
116
- {%- endfor -%}
117
- </td>
118
- <td>
119
- {%- for item in secondFile.Softwaresused -%}
120
- <ul>
121
- <li><b>{{item.platform}}</b> </li>
122
- <div class="pl-0 d-flex flex-wrap justify-content-between softwares-section flex-column " >
123
- {%- for data in item.softwares -%}
124
- <div class="d-flex mb-3" >
125
- {%- if data.image -%}
126
- <img src={{data.image}} alt="software" loading='lazy' >
127
- {%- endif -%}
128
- <div >
129
- <a class="d-block software-name" href="{{data.link}}"><div>{{data.name}}</div></a>
130
- <div class="software-value" >{{data.type}}</div>
131
- </div>
132
- </div>
133
-
134
- {%- endfor -%}
135
- </div>
136
- </ul>
137
- {%- endfor -%}
138
- </td>
139
- </tr>
140
- {%- endif -%}
141
-
138
+ </div>
139
+
140
+ {%- endfor -%}
141
+ </div>
142
+ </ul>
143
+ {%- endfor -%}
144
+ </td>
145
+ </tr>
146
+ {%- endif -%}
147
+
142
148
  </tbody>
143
- </table>
144
- {%- else -%}
149
+ </table>
150
+ {%- else -%}
145
151
 
146
- {%- endif -%}
152
+ {%- endif -%}