const tools = [
  { name: "Coin Flip", url: "https://supertinytools.com/coin-flip" },
  { name: "Social Media Image Resizer", url: "https://supertinytools.com/social-media-image-resizer" },
  { name: "Protein Intake Calculator", url: "https://supertinytools.com/protein-intake-calculator" },
  { name: "EV Charging Cost Calculator", url: "https://supertinytools.com/ev-charging-cost-calculator" },
  { name: "Numerology Calculator", url: "https://supertinytools.com/deep-numerology-calculator" },
  { name: "Duplicate Remover", url: "https://supertinytools.com/duplicate-remover/" },
  { name: "Custom Tool Picker", url: "https://supertinytools.com/custom-wheel-picker/" },
  { name: "To-Do List", url: "https://supertinytools.com/to-do-list" },
  { name: "Color Identifier", url: "https://supertinytools.com/color-identifier-tool/" },
  { name: "Random Number Generator", url: "https://supertinytools.com/random-number-generator/" },
  { name: "Password Generator", url: "https://supertinytools.com/password-generator/" },
  { name: "Lorem Ipsum Generator", url: "https://supertinytools.com/lorem-ipsum-generator/" }
];

function renderToolLinks(containerId) {
  const container = document.getElementById(containerId);
  if (!container) return;

  const ul = document.createElement('ul');
  ul.style.listStyle = 'none';
  ul.style.paddingLeft = '0';

  tools.forEach(tool => {
    const li = document.createElement('li');
    li.style.marginBottom = '10px'; // spacing between items

    const a = document.createElement('a');
    a.href = tool.url;
    a.textContent = tool.name;

    li.appendChild(a);
    ul.appendChild(li);
  });

  container.appendChild(ul);
}