https://www.reynolds.edu/_files/js/hh-custom-render-programs.js

1// Duplicate script
2
3// $(function() {
4//     $.getJSON(jsonFeed, function(data) {
5//         $.each(data, function(i, v) {
6//             var programHTML = '', alt = '', href = '', modes = '', modesValue = '', programs = '', programsValue = '', src = '', tags = '', tagValue = '', title = '';
7//             alt = v.alt;
8//             href = v.href;
9//             modes = v.modes;
10//             programs = v.programs;
11//             tags = v.tags;
12//             src = v.src ? v.src : defaultImage;
13//             title = v.title;
14//             var modesArray = [];
15//             var programsArray = [];
16//             for(mode of modes) {
17//                 modesValue += mode.toLowerCase().replace(/ /g, '-') + " ";
18//             }
19//             for(program of programs) {
20//                 programsValue += program.toLowerCase().replace(/ /g, '-') + " ";
21//             }
22//             for(tag of tags) {
23//                 tagValue += tag + " ";
24//             }
25
26//             // Create aria-label
27//             var ariaLabel = title + ": " + programs.join(", ");
28
29//             programHTML += `
30//             <div class="card link-card ${tagValue} ${modesValue} ${programsValue}">
31//                 <a href="${href}" target="_parent" aria-label="${ariaLabel}"></a>
32//                 <div class="card-info">
33//                     <img alt="${alt}" class="u-full-width" src="${src}" loading="lazy" aria-hidden="true">
34//                     <h2 class="h4 card-info__title">${title}</h2>
35//                     ${(() => {
36//                         for(mode of modes) {
37//                             modesArray.push(`<div class="card-info__data card-info__mode">${mode}</div>`);
38//                         }
39//                         return '';
40//                     })()}
41//                     ${modesArray.map(x => `${x}\n`).join('')}
42//                     ${(() => {
43//                         for(program of programs) {
44//                             programsArray.push(`<div class="card-info__data card-info__program">${program}</div>`)
45//                         }
46//                         return '';
47//                     })()}
48//                     ${programsArray.map(x => `${x}\n`).join('')}
49//                 </div>
50//             </div>
51//             `;
52//             $('.card-container').append(programHTML);
53//         })
54//         let currCards = $('div.card.link-card');
55//         currCards.each(function() {
56//             currCardsArray.push($(this));
57//         })
58//         console.log("Cards are ready");
59//     })
60//     .fail(function(jqxhr, textStatus, error) {
61//         var err = textStatus + ", " + error;
62//         console.log("JSON Request Failed: " + err);
63//     })
64// })