Skip to Main Content

Traughber Junior High School

Together, we empower, support, and motivate all students to thrive along their unique educational journey.

User Options

Staff Directory

The user has set this sheet to be private. To get access please click the "Get Acces Token" button and accept permissions.

Get Access Token

Submit

Reset

There are no records to display.

<style>.sw-flex-item-group{  display: inline-block !important;  margin: auto;  text-align: center;}.cardt, .cardt img{  position: relative;  border-radius:50%;}.card-fill {    height: auto;    background-color: white;    border: 2px solid var(--primary);    box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%);    border-radius: 25px;}.card {    display: inline-flex;    padding: 10px;    background: transparent;    border: none; }.cardaccordion {    display: table;    text-align: center;    height: 100px;    width: 100%;    color: #ffffff;    background: var(--primary);    cursor: pointer;    border: none;    border-radius:25px;    outline: none;    transition: 0.4s;}.cardactive, .cardaccordion:hover {    color: var(--primary);    background: #ffffff;}.cardaccordion-title {    display: table-cell;    vertical-align: middle;}.cardaccordion h2, .cardaccordion h3 {    border-bottom: none;}.cardpanel {  padding: 0 18px;  max-height: 0;  overflow: hidden;  transition: max-height 0.2s ease-out;}.cardpanel h4, .cardpanel p {    display: inline;}.card-circle-photo{  margin: auto;  padding: 5px;  border-radius: 100%;}.card-text {}</style><script>var acc = document.getElementsByClassName("cardaccordion");var i;for (i = 0; i < acc.length; i++) {  acc[i].addEventListener("click", function() {    this.classList.toggle("cardactive");    var cardpanel = this.nextElementSibling;    if (cardpanel.style.maxHeight) {      cardpanel.style.maxHeight = null;    } else {      cardpanel.style.maxHeight = cardpanel.scrollHeight + "px";    }       });}$(document).ready(function(){ $("img").bind("error",function(){  $(this).attr("src","https://www.sd308.org/cms/lib/IL01906463/Centricity/domain/4/images/admin/DeafultPerson.png"); });});$(document).ready(function(){    if($('.email').find('p').find('a').attr('href') == 'mailto:'){        $('.email').remove();    }});$(document).ready(function(){    $('div.website').each(function(){        if($(this).find('a').attr('href') == ''){            $(this).remove();        }    });});</script><div id="Staff-Directory" class="Container"><div class="columns"><div class="Directory-Record col-4 col-md-6 col-sm-12 card"><div class="columns card-fill"><div class="col-3 card-circle-photo"><img id="$FIELD2_$FIELD1_Image" class="cardt" src="https://idphoto.sd308.net/web/$FIELD19.png" alt="$FIELD2 Portrait" width="100px" height="100px" /></div><div class="col-9 card-text"><div class="cardaccordion" tabindex="0"><div class="cardaccordion-title"><h2>$FIELD0 $FIELD2</h2><h3>$FIELD4</h3><h4>$FIELD6</h4></div></div><div class="cardpanel"><div class="phone"><h4>Phone:</h4><p><a href="tel:$FIELD5" target="_blank" rel="noopener" aria-invalid="true">$FIELD5</a></p></div><div class="email"><h4>E-Mail:</h4><p><a href="mailto:$FIELD3?Subject=Directory%20Message" target="_blank" rel="noopener" aria-invalid="true">$FIELD3</a></p></div><div class="website"><h4>Website:</h4><p><a href="$FIELD7" target="_blank" rel="noopener" aria-invalid="true">$FIELD7</a></p></div><div class="bio"><h4>Biography:</h4><p>$FIELD9 $FIELD10 $FIELD11 $FIELD12 $FIELD13 $FIELD14 $FIELD15 $FIELD16 $FIELD17 $FIELD18</p></div></div></div></div></div></div></div><h2>Search Staff Directory</h2><p>To search for a specific staff member or search the directory again, please use the <a href="/Page/8818">Search the Staff Directory</a> button below.</p><center><a id="Search Again" class="ui-btn-general-primary" style="max-width: 100% !important; color: #fff;" href="/Page/8818">Search the Staff Directory</a></center>

CLOSE

CLOSE