config.js

const config = [
  {
    post: 'https://www.instagram.com/p/Cbx2TtNuytM',
    redirect: 'https://quebra.dev/computacao-verde/',
    alt: '#65 - [Iniciação Científica] Computação Verde'
  },
  {
    post: 'https://www.instagram.com/p/CN-S4AYHICF',
    redirect: 'https://quebra.dev/nois-e-forca-de-trabalho-com-galo',
    alt: '#55 - [Politize-se] Nóis é Força de Trabalho - Com Galo dos Entregadores Antifascistas'
  },
  {
    post: 'https://www.instagram.com/p/CNddGpwHOsZ',
    redirect: 'https://docs.google.com/forms/d/e/1FAIpQLSfiMrnr-3qM_REQA3xcx9YkNIBAk2Em5wdzdroZJC35zgldVA/closedform',
    alt: 'CODECON'
  },
  {
    post: 'https://www.instagram.com/p/CMiNPsGh-XV',
    redirect: 'https://quebradev.com.br/vire-programador-em-7-dias/',
    alt: '#52 - [Tech] Vire Programador em 7 Dias'
  },
  {
    post: 'https://www.instagram.com/p/CMckq9jHp3S',
    redirect: 'https://quebradev.com.br/vire-programador-em-7-dias/',
    alt: '#52 - [Tech] Vire Programador em 7 Dias'
  },
  {
    post: 'https://www.instagram.com/p/CL4fMf_HIHO',
    redirect: 'https://quebradev.com.br/carreiras-em-ti-com-andreza-deza/',
    alt: '#51 - [Tech] Carreiras em TI com Andreza "Deza"'
  },
  {
    post: 'https://www.instagram.com/p/CLmSemXnW2fs',
    redirect: 'https://quebradev.com.br/python-com-nana-raythz/',
    alt: '#20 - [Tech] Python com Nana Raythz'
  },
  {
    post: 'https://www.instagram.com/p/CIgnSLLnpDo',
    redirect: 'https://quebradev.com.br/financas-criticas-com-a-nath/',
    alt: '#22 - [Politize-se] Finanças críticas com a Nath'
  },
  {
    post: 'https://www.instagram.com/p/CLMZps9HtCp',
    redirect: 'https://quebradev.com.br/to-no-rumo-primeiro-emprego-transicao-escola-trabalho/',
    alt: '#50 - [Tô No Rumo | Ação Educativa] Primeiro Emprego: Transição Escola-Trabalho'
  },
  {
    post: 'https://www.instagram.com/p/CITU_xIngbb',
    redirect: 'https://quebradev.com.br/to-no-rumo-como-pensar-o-futuro/',
    alt: '#49 - [Tô no Rumo] Como Pensar o Futuro?'
  },
  {
    post: 'https://www.instagram.com/p/CFnKqjmHkzw',
    redirect: 'https://quebradev.com.br/to-no-rumo-como-pensar-o-futuro/',
    alt: '#49 - [Tô no Rumo] Como Pensar o Futuro?'
  },
  {
    post: 'https://www.instagram.com/p/CClnGRQnSga',
    redirect: 'https://quebradev.com.br/teoria-da-computacao-com-programacao-dinamica/',
    alt: '#48 - [Tech] Teoria da computação com Programação Dinâmica'
  },
  {
    post: 'https://www.instagram.com/p/CCTspZVnqHc',
    redirect: 'https://bit.ly/3qbd47',
    alt: '#47 - [Tech] Versionamento e GIT com o Filho da Nuvem'
  },
  {
    post: 'https://www.instagram.com/p/CCBmuWknWHs',
    redirect: 'https://bit.ly/3qbd46',
    alt: '#46 - [Politize-se] Vida LGBTQ+ na Tecnologia'
  },
  {
    post: 'https://www.instagram.com/p/CB_UuVvHxU2',
    redirect: 'https://bit.ly/3qbd46',
    alt: '#46 - [Politize-se] Vida LGBTQ+ na Tecnologia'
  },
  {
    post: 'https://www.instagram.com/p/CB3OCplH5mp',
    redirect: 'https://bit.ly/3qbd-45',
    alt: '#45 - [Politize-se] Glamourização do Sofrimento'
  },
  {
    post: 'https://www.instagram.com/p/CB1WXbPHf7i',
    redirect: 'https://bit.ly/3qbd-45',
    alt: '#45 - [Politize-se] Glamourização do Sofrimento'
  },
  {
    post: 'https://www.instagram.com/p/CByAZuuHgm6',
    redirect: 'https://bit.ly/3qbd-45',
    alt: '#45 - [Politize-se] Glamourização do Sofrimento'
  },
  {
    post: 'https://www.instagram.com/p/CBtXSITnNYq',
    redirect: 'https://bit.ly/3qbd-45',
    alt: '#45 - [Politize-se] Glamourização do Sofrimento'
  },
  {
    post: 'https://www.instagram.com/p/CBeEqfOHqc1',
    redirect: 'https://bit.ly/3qbd-45',
    alt: '#45 - [Politize-se] Glamourização do Sofrimento'
  },
  {
    post: 'https://www.instagram.com/p/CBMCjatnaWq',
    redirect: 'https://bit.ly/3qbd44',
    alt: '#44 - [Tech] UX Design'
  },
  {
    post: 'https://www.instagram.com/p/CA8pIraHWka',
    redirect: 'https://bit.ly/3qbd43',
    alt: '#43 - [Politize-se] Filosofia na Periferia com o CAEF'
  },
  {
    post: 'https://www.instagram.com/p/CAqVmDKnLBc',
    redirect: 'https://quebradev.com.br/covid19-e-planejamento-urbano-na-periferia',
    alt: '#42 - [Politize-se] Covid-19 e Planejamento Urbano na Periferia'
  },
  {
    post: 'https://www.instagram.com/p/CAVYSASn7kJ',
    redirect: 'https://bit.ly/3qbd41',
    alt: '#41 - [Tech] Chatbots'
  },
  {
    post: 'https://www.instagram.com/p/CAIrCEcHBhN',
    redirect: 'https://bit.ly/3qbd40',
    alt: '#40 - [Vivências] Maternidade e Mercado de Trabalho'
  },
  {
    post: 'https://www.instagram.com/p/B_xUGf8HU_H',
    redirect: 'https://bit.ly/3qbd39',
    alt: '#39 - [Tech] PHP - com Hussani e Marcel Santos'
  },
  {
    post: 'https://www.instagram.com/p/B_fQwNsn1_z',
    redirect: 'https://bit.ly/3qbd38',
    alt: '#38 - [Tech] O que é Ciência de Dados?'
  }
]

function buildImage (postUrl, redirect, alt) {
  const link = document.createElement('a')
  link.setAttribute('href', redirect)

  const div = document.createElement('div')
  div.classList.add('col-4')

  const imageLink = postUrl + '/media?size=l'
  const img = document.createElement('img')

  img.setAttribute('src', imageLink)
  img.setAttribute('alt', alt)
  img.setAttribute('title', alt)

  link.appendChild(img)
  div.appendChild(link)

  return div
}

function main () {
  const images = config.map(function (url) {
    return buildImage(
      url.post,
      url.redirect,
      url.alt
    )
  })

  images.forEach(function (image) {
    document.querySelector('#image-list').appendChild(image)
  })
}

window.onload = main