js/main.js
// Shows a project on the DOM
Shows a project on the DOM
Shows a project on the DOM
function showProject(project) {
  let column =
    '<div class="col-lg-6 col-12 text-center wow fadeInLeft d-flex align-items-stretch">';
  let cardLink =
    '<div class="card mx-auto pointer mb-4 zoom-it" style="width: 100%" onclick="openLink(\'' +
    project.url +
    '\')" target="_blank">';
  let cardBody = '<div class="card-body no-gutters">';
  let image =
    '<img class="card-img-top" src="images/projects/' +
    project.logo +
    '" alt="' +
    project.name +
    '" style="width: ' +
    project.widthImagen +
    'px;background-color: white">';
  let nameProyecto =
    '<p class="mt-2 card-text  text-background"><span class="font-weight-bold">' +
    project.name +
    '</span><br><span class="text-dark">' +
    project.releaseDate +
    '</span></p>';
  let descripcionProyecto =
    '<p class="mt-1 card-text">' + project.description + '</p>';
  let hTag = '<p>';
  project.tags.forEach(tag => {
    hTag += '<span class="badge badge-primary">' + tag + '</span>&nbsp;';
  });
  hTag += '</p>';
  $('#projectsList').append(
    column +
      cardLink +
      cardBody +
      image +
      nameProyecto +
      descripcionProyecto +
      closeDiv +
      hTag +
      closeDiv +
      closeDiv
  );
}
function showProject ( project ) { let column = '<div class="col-lg-6 col-12 text-center wow fadeInLeft d-flex align-items-stretch">' ; let cardLink = '<div class="card mx-auto pointer mb-4 zoom-it" style="width: 100%" onclick="openLink(\'' + project . url + '\')" target="_blank">' ; let cardBody = '<div class="card-body no-gutters">' ; let image = '<img class="card-img-top" src="images/projects/' + project . logo + '" alt="' + project . name + '" style="width: ' + project . widthImagen + 'px;background-color: white">' ; let nameProyecto = '<p class="mt-2 card-text  text-background"><span class="font-weight-bold">' + project . name + '</span><br><span class="text-dark">' + project . releaseDate + '</span></p>' ; let descripcionProyecto = '<p class="mt-1 card-text">' + project . description + '</p>' ; let hTag = '<p>' ; project . tags . forEach ( tag => { hTag += '<span class="badge badge-primary">' + tag + '</span>&nbsp;' ; } ) ; hTag += '</p>' ; $ ( '#projectsList' ) . append ( column + cardLink + cardBody + image + nameProyecto + descripcionProyecto + closeDiv + hTag + closeDiv + closeDiv ) ; }
Shows a project on the DOM
Shows a project on the DOM