‹ Home
Exported

John Paul II - Louisville, KY

Gary Smith, Web Department Director at DiocesanVeronica Alvarado, Project Manager at DiocesanSam LanningYvonne Riggs, John Paul II StaffMary Goeldel, DiocesanKyle Sullivan, Web Development at DiocesanSam Pohlman, Web Developer at DiocesanDanae Chudy, Web Designer at DiocesanCurt Meyers, Youth Group Coordinator at John Paul II StaffNathalie Shultz, Web ConsultantCody Armock, Web Content Specialist at DiocesanAlan Snodgrass, DiocesanMarcus Borger, Developer at Diocesan_SupportRyan Hoch, Web at Diocesan +3 others
From the list: Build

✔ Style Staff page

Veronica A. added this on
Completed by Kyle S.
Assigned to
Kyle Sullivan, Web Development at Diocesan Kyle S.
Notes
Staff .jpg - John Paul II - Louisville, KY for John Paul II Staff

https://stjpiiparish.diocesanweb.org/staff/

Layout is good, but needs to be responsive.
Add phone number below email. They have typed in phone numbers with extensions and the way they put in extensions is not consistent, so not sure if they need to be a tel: link

Comments & Events

Kyle Sullivan, Web Development at Diocesan Kyle Sullivan, Web Development
This is responsively styled, and the phone numbers are linked (with extensions added with jQuery).
jQuery(document).ready(function($) {
  $('.staff-member-listing .tel-link').each(function(){
    let phone = $(this).text();
    ph = phone.replace(/\D/g, '');
    if(ph != ''){
      let link = 'tel:+1-' + ph.substring(0, 3) + '-' + ph.substring(3, 6) + '-' + ph.substring(6, 10) + ';' + ph.substring(10, );
      phone = '(' +  ph.substring(0, 3) + ') ' + ph.substring(3, 6) + '-' + ph.substring(6, 10) + ' x ' + ph.substring(10, );
      $(this).html('<a href="' + link + '">' + phone + '</a>');
    }
  });
});
Notified 1 person
Kyle Sullivan, Web Development at Diocesan
Kyle Sullivan completed this to-do.
Kyle Sullivan, Web Development at Diocesan Kyle Sullivan, Web Development 
[staff_loop]
    <img class="staff-member-photo" src="[staff-photo-url]" alt="[staff-name] : [staff-position]">
    <div class="staff-member-info-wrap">
        [staff-name-formatted]
	[staff-position-formatted]
	[staff-bio-formatted]
	[staff-email-link]
	<a href="tel:+1-502-459-4251" class="tel-link">[staff-phone]</a>
    </div>
[/staff_loop]
Notified 1 person