icons3/index.html at main · myeth-epg/icons3 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
   <!DOCTYPE html>
   <html>
   <head>
     <title>EPG Icon Directory</title>
     <style>
       body { font-family: Arial, sans-serif; }
       .icon-grid { display: flex; flex-wrap: wrap; gap: 20px; }
       .icon-item { text-align: center; width: 120px; }
       img { max-width: 100px; height: auto; }
     </style>
   </head>
   <body>
     <h1>EPG Icon Directory</h1>
     <div class="icon-grid" id="iconGrid"></div>

<script src="icons3.js"></script>
<script>
  const grid = document.getElementById('iconGrid');
  icons.forEach(file => {
    const item = document.createElement('div');
    item.className = 'icon-item';
    item.innerHTML = `
      <img src="icons3/${file}" alt="${file}">
      <p>${file}</p>
    `;
    grid.appendChild(item);
  });
</script>

   </body>
   </html>