over="this.src='${project.gif}'" onmouseout="this.src='${project.image}'"` : ''}>`
          : `<iframe src="${project.iframe}" frameborder="0"></iframe>`
          }
      </div>
      <h1>${project.title}</h1>
      <p>
          ${project.langs
            .map((lang) => `<span class="language">${lang}</span>`)
            .join(" ")}
      </p>
      <div class="action-container">
          <a href="${project.github}" target="_blank"><button>Github</button></a>
          <a href="${project.preview}" tar