"use strict";



//  P A C K A G E

const dedent = require("dedent");

//  V A R I A B L E

const links = [ // TODO: Update images
  {
    href: "https://discord.gg/YjYbwhS",
    image: "http://static.simpledesktops.com/static/images/sd-bg.png",
    title: "Join us in chat"
  },
  {
    href: "https://lbry.io/developer",
    image: "http://static.simpledesktops.com/uploads/desktops/2017/02/28/GeoShapes_2880x1800.png",
    title: "Join the developer email list"
  },
  {
    href: "https://lbry.io/meet",
    image: "http://static.simpledesktops.com/uploads/desktops/2016/12/05/Untitled-1-03-01.png",
    title: "Host a meet-up"
  },
  {
    href: "https://www.reddit.com/r/lbry",
    image: "http://static.simpledesktops.com/uploads/desktops/2016/08/28/Wind-Vector-resize.png",
    title: "Reddit"
  },
  {
    href: "https://lbry.fund",
    image: "http://static.simpledesktops.com/uploads/desktops/2015/08/20/Sunset_by_Banned.png",
    title: "Get funding for a project"
  },
  {
    href: "https://lbry.io/join-us",
    image: "http://static.simpledesktops.com/uploads/desktops/2015/09/25/Siri.png",
    title: "Get a job"
  },
  {
    href: "https://lbry.io/twitter",
    title: "Twitter"
  }
];



//  E X P O R T

module.exports = exports = () => {
  const renderedLinks = [];
  let imageLink = "";

  for (const link of links) {
    if (link.image) imageLink = `<img src="${link.image}" alt="${link.title}"/>`;

    renderedLinks.push(`
      <li class="feature-link">
        <div>
          <a href="${link.href}" title="${link.title}" class="feature-link__title">${link.title}</a>
        </div>

        <figure class="feature-link__background">
          ${imageLink}
        </figure>
      </li>
    `);
  }

  return dedent`
    <ul class="feature-links">
      ${renderedLinks.join("")}
    </ul>
  `;
};