each _, service in services    
    div(class=`${service} block hide`)
        a(class="title" href=services[service].url)
            if services[service].imageType == 'svgMono'
                img(class='dark' src=`/assets/images/${service}-icon.svg`)
                img(class='light' src=`/assets/images/${service}-icon-light.svg`)
            else
                img(src=`/assets/images/${service}-icon.${services[service].imageType}`)
            label=services[service].name
        div 
            input(class=`${service}-enabled` type="checkbox" aria-label=`toggle ${services[service].name}`)
            button(class=`${service}-change_instance title button` aria-label=`change instance for ${services[service].name}`)
                svg(xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" preserveAspectRatio="xMinYMin meet" fill="currentColor")
                    path(d="M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z")