js/main.js
// Shows a job on the DOM
Shows a job on the DOM
Shows a job on the DOM
function showExperience(job) {
  let image =
    '<a href="' +
    job.link +
    '" target="blank"><img class="mx-auto rounded shadow-lg mt-3 zoom-it" alt="' +
    job.company +
    '" src="images/experience/' +
    job.image +
    '"width="100%"></a>';
  let content =
    '<h5 class="oswald">' +
    job.company +
    ' | ' +
    job.role +
    ' | ' +
    job.date +
    '</h5><p>' +
    job.description +
    ' ';
  let imageColumn = 'class="col-lg-4 col-md-4 col-12 wow slideInLeft"';
  let textColumn = 'class="col-lg-8 col-md-8 col-12 mb-4 wow slideInRight"';
  let experienceList = $('#experienceList');
  content += '<br>';
  experienceList.append(openDiv + imageColumn + '>' + image + closeDiv);
  experienceList.append(
    openDiv +
      textColumn +
      '>' +
      openCard +
      'style="height: 100%">' +
      openDiv +
      'class="mt-2 mr-2 ml-2">' +
      content +
      '</p>' +
      closeDiv +
      closeDiv +
      closeDiv
  );
}
function showExperience ( job ) { let image = '<a href="' + job . link + '" target="blank"><img class="mx-auto rounded shadow-lg mt-3 zoom-it" alt="' + job . company + '" src="images/experience/' + job . image + '"width="100%"></a>' ; let content = '<h5 class="oswald">' + job . company + ' | ' + job . role + ' | ' + job . date + '</h5><p>' + job . description + ' ' ; let imageColumn = 'class="col-lg-4 col-md-4 col-12 wow slideInLeft"' ; let textColumn = 'class="col-lg-8 col-md-8 col-12 mb-4 wow slideInRight"' ; let experienceList = $ ( '#experienceList' ) ; content += '<br>' ; experienceList . append ( openDiv + imageColumn + '>' + image + closeDiv ) ; experienceList . append ( openDiv + textColumn + '>' + openCard + 'style="height: 100%">' + openDiv + 'class="mt-2 mr-2 ml-2">' + content + '</p>' + closeDiv + closeDiv + closeDiv ) ; }
Shows a job on the DOM
Shows a job on the DOM