LiveWhale CMS Demo

This page includes widgets that display faculty profiles— the most common use of Profiles, included in LiveWhale as a starter profile type.

Here’s a basic example of a faculty profile widget.

Here’s a faculty profile widget formatted as cards, with a maximum of 1 appearing at a time, in random order:

  • <div class="col-md-4"> <div class="card mb-4 shadow-sm"> <a href="/live/profiles/13-jesse-drukker"> <picture class="card-img-top"> <source type="image/webp" srcset="/live/image/gid/5/width/400/src_region/0,0,1801,3200/ignore_cropper/1/63_1000025793.rev.1721311833.webp 1x" data-origin="responsive"/> <source type="image/jpeg" srcset="/live/image/gid/5/width/400/src_region/0,0,1801,3200/ignore_cropper/1/63_1000025793.rev.1721311833.jpg 1x" data-origin="responsive"/> <img src="/live/image/gid/5/width/400/src_region/0,0,1801,3200/ignore_cropper/1/63_1000025793.rev.1721311833.jpg" alt="" loading="lazy" data-optimized="true"/> </picture> </a> <div class="card-body"> <h3> <a href="/live/profiles/13-jesse-drukker">Jesse Drukker</a> </h3> </div> </div> </div>
  • <div class="col-md-4"> <div class="card mb-4 shadow-sm"> <a href="/live/profiles/3-steven-liacceli"> <picture class="card-img-top"> <source type="image/webp" srcset="/live/image/gid/5/width/400/src_region/0,0,800,800/ignore_cropper/1/58_6690207b960f9_ai-3.rev.1720721531.webp 1x" data-origin="responsive"/> <source type="image/jpeg" srcset="/live/image/gid/5/width/400/src_region/0,0,800,800/ignore_cropper/1/58_6690207b960f9_ai-3.rev.1720721531.jpg 1x" data-origin="responsive"/> <img src="/live/image/gid/5/width/400/src_region/0,0,800,800/ignore_cropper/1/58_6690207b960f9_ai-3.rev.1720721531.jpg" alt="" loading="lazy" data-optimized="true"/> </picture> </a> <div class="card-body"> <h3> <a href="/live/profiles/3-steven-liacceli">Steven Liacceli</a> </h3> </div> </div> </div>
  • <div class="col-md-4"> <div class="card mb-4 shadow-sm"> <a href="/live/profiles/4-leanne-halloway"> <picture class="card-img-top"> <source type="image/webp" srcset="/live/image/gid/5/width/400/src_region/0,0,800,800/ignore_cropper/1/53_6690200e0d680_ai-1.rev.1720721422.webp 1x" data-origin="responsive"/> <source type="image/jpeg" srcset="/live/image/gid/5/width/400/src_region/0,0,800,800/ignore_cropper/1/53_6690200e0d680_ai-1.rev.1720721422.jpg 1x" data-origin="responsive"/> <img src="/live/image/gid/5/width/400/src_region/0,0,800,800/ignore_cropper/1/53_6690200e0d680_ai-1.rev.1720721422.jpg" alt="" loading="lazy" data-optimized="true"/> </picture> </a> <div class="card-body"> <h3> <a href="/live/profiles/4-leanne-halloway">LeAnne Halloway</a> </h3> </div> </div> </div>
  • <div class="col-md-4"> <div class="card mb-4 shadow-sm"> <a href="/live/profiles/8-catherine-mills"> <picture class="card-img-top"> <source type="image/webp" srcset="/live/image/gid/5/width/400/src_region/0,0,800,800/ignore_cropper/1/60_669020bd44e16_ai-5.rev.1720721597.webp 1x" data-origin="responsive"/> <source type="image/jpeg" srcset="/live/image/gid/5/width/400/src_region/0,0,800,800/ignore_cropper/1/60_669020bd44e16_ai-5.rev.1720721597.jpg 1x" data-origin="responsive"/> <img src="/live/image/gid/5/width/400/src_region/0,0,800,800/ignore_cropper/1/60_669020bd44e16_ai-5.rev.1720721597.jpg" alt="" loading="lazy" data-optimized="true"/> </picture> </a> <div class="card-body"> <h3> <a href="/live/profiles/8-catherine-mills">Catherine Mills</a> </h3> </div> </div> </div>
  • <div class="col-md-4"> <div class="card mb-4 shadow-sm"> <a href="/live/profiles/6-david-george"> <picture class="card-img-top"> <source type="image/webp" srcset="/live/image/gid/5/width/400/src_region/0,0,800,800/ignore_cropper/1/54_6690202bb3765_human-1.rev.1720721451.webp 1x" data-origin="responsive"/> <source type="image/jpeg" srcset="/live/image/gid/5/width/400/src_region/0,0,800,800/ignore_cropper/1/54_6690202bb3765_human-1.rev.1720721451.jpg 1x" data-origin="responsive"/> <img src="/live/image/gid/5/width/400/src_region/0,0,800,800/ignore_cropper/1/54_6690202bb3765_human-1.rev.1720721451.jpg" alt="" loading="lazy" data-optimized="true"/> </picture> </a> <div class="card-body"> <h3> <a href="/live/profiles/6-david-george">David George</a> </h3> </div> </div> </div>
  • <div class="col-md-4"> <div class="card mb-4 shadow-sm"> <a href="/live/profiles/2-jon-ludwig"> <picture class="card-img-top"> <source type="image/webp" srcset="/live/image/gid/5/width/400/src_region/0,0,800,800/ignore_cropper/1/59_66902099a8137_ai-4.rev.1720721561.webp 1x" data-origin="responsive"/> <source type="image/jpeg" srcset="/live/image/gid/5/width/400/src_region/0,0,800,800/ignore_cropper/1/59_66902099a8137_ai-4.rev.1720721561.jpg 1x" data-origin="responsive"/> <img src="/live/image/gid/5/width/400/src_region/0,0,800,800/ignore_cropper/1/59_66902099a8137_ai-4.rev.1720721561.jpg" alt="" loading="lazy" data-optimized="true"/> </picture> </a> <div class="card-body"> <h3> <a href="/live/profiles/2-jon-ludwig">Jon Ludwig</a> </h3> </div> </div> </div>
  • <div class="col-md-4"> <div class="card mb-4 shadow-sm"> <a href="/live/profiles/1-daniel-turner"> <picture class="card-img-top"> <source type="image/webp" srcset="/live/image/gid/5/width/400/src_region/0,0,800,800/ignore_cropper/1/57_669020673b6f7_ai-2.rev.1720721511.webp 1x" data-origin="responsive"/> <source type="image/jpeg" srcset="/live/image/gid/5/width/400/src_region/0,0,800,800/ignore_cropper/1/57_669020673b6f7_ai-2.rev.1720721511.jpg 1x" data-origin="responsive"/> <img src="/live/image/gid/5/width/400/src_region/0,0,800,800/ignore_cropper/1/57_669020673b6f7_ai-2.rev.1720721511.jpg" alt="" loading="lazy" data-optimized="true"/> </picture> </a> <div class="card-body"> <h3> <a href="/live/profiles/1-daniel-turner">Daniel Turner</a> </h3> </div> </div> </div>
  • <div class="col-md-4"> <div class="card mb-4 shadow-sm"> <a href="/live/profiles/9-franklin-jackson"> <picture class="card-img-top"> <source type="image/webp" srcset="/live/image/gid/5/width/400/src_region/0,0,800,800/ignore_cropper/1/56_6690204b7eee2_human-3.rev.1720721483.webp 1x" data-origin="responsive"/> <source type="image/jpeg" srcset="/live/image/gid/5/width/400/src_region/0,0,800,800/ignore_cropper/1/56_6690204b7eee2_human-3.rev.1720721483.jpg 1x" data-origin="responsive"/> <img src="/live/image/gid/5/width/400/src_region/0,0,800,800/ignore_cropper/1/56_6690204b7eee2_human-3.rev.1720721483.jpg" alt="" loading="lazy" data-optimized="true"/> </picture> </a> <div class="card-body"> <h3> <a href="/live/profiles/9-franklin-jackson">Franklin Jackson</a> </h3> </div> </div> </div>

<widget id=”6_profiles_cards”>
<arg id=”max”>1</arg>
<arg id=”sort_order”>random</arg>
<arg id="image_size">400x400</arg> </widget>