TRUE+WAY ASL Resources
</div> </div> </div> </div> </div> </section> </div> <style> .box { animation: 2s slide-up; cursor: pointer; margin: 20px; z-index: 9; width: 150px; height: 150px; display: inline-block; border-radius: 25px; background: #fff; position: fixed; bottom: 20px; right: 10px; filter: /* the more shadow you add the thicker the border will be */ drop-shadow(0px 0px 1px #fff) drop-shadow(0px 0px 1px #fff) drop-shadow(0px 0px 1px #fff) drop-shadow(0px 0px 1px #fff) drop-shadow(0px 0px 1px #fff) drop-shadow(0px 0px 1px #fff) drop-shadow(0px 0px 1px #000) drop-shadow(0px 0px 1px #000); } @keyframes slide-up { from { height: 0px; width: 0px; } to { height: 150px; width: 150px; } } @keyframes slide-up-tiny { from { height: 0px; width: 0px; } to { height: 20px; width: 30px; } } .box::before { overflow:visible; content: ""; position: absolute; height: var(--h,20px); width: var(--w,30px); background: inherit; transform:scale(var(--x,1),var(--y,1)); animation: 2s slide-up-tiny; } .box.p-bottom::before{ top: 100%; clip-path: polygon(0 0, 100% 0, 50% 100%); overflow:visible; } .box.p-bottom.alt::before{ clip-path: polygon(0 0, 100% 0, 100% 100%); overflow:visible; } .box.right::before{ right:var(--p,20px); overflow:visible; } .box.bottom::before { bottom:var(--p,20px); overflow:visible; } #aslhelpgif { width: 100%; height: 100%; border-radius: 25px; } .BeaconFabButtonFrame { visibility: hidden; } </style> <div id="aslhelpcta" class="box p-bottom right alt"> <img id="aslhelpgif" src="" /> </div> <script> console.log('setting window load trigger.'); window.addEventListener('load', function () { console.log('window loaded.'); var GIFArray = [ 'https://purplemoontower.com/wp-content/uploads/2023/09/help1.gif', 'https://purplemoontower.com/wp-content/uploads/2023/09/help2.gif', 'https://purplemoontower.com/wp-content/uploads/2023/09/help3.gif', 'https://purplemoontower.com/wp-content/uploads/2023/09/help4.gif' ]; var randomGIF = Math.floor(Math.random()*GIFArray.length); var aslHelpElement = document.getElementById('aslhelpgif'); aslHelpElement.setAttribute('src', GIFArray[randomGIF]); console.log('src set'); !function(e,t,n){function a(){var e=t.getElementsByTagName("script")[0],n=t.createElement("script");n.type="text/javascript",n.async=!0,n.src="https://beacon-v2.helpscout.net",e.parentNode.insertBefore(n,e)}if(e.Beacon=n=function(t,n,a){e.Beacon.readyQueue.push({method:t,options:n,data:a})},n.readyQueue=[],"complete"===t.readyState)return a();e.attachEvent?e.attachEvent("onload",a):e.addEventListener("load",a,!1)}(window,document,window.Beacon||function(){}); window.Beacon('init', 'a236a8a4-7e5c-4d8f-bcd6-b7a3962ba5a5'); document.getElementById('aslhelpcta').onclick = function(){ document.getElementById('aslhelpcta').style.display = 'none'; window.Beacon('open'); }; Beacon('on', 'close', () => { document.getElementById('aslhelpcta').style.display = 'block'; }); }); </script><script data-cfasync="false"> document.onreadystatechange = function () { if (document.readyState == "complete") { var logout_link = document.querySelectorAll('a[href*="wp-login.php?action=logout"]'); if (logout_link) { for(var i=0; i < logout_link.length; i++) { logout_link[i].addEventListener( "click", function() { Intercom('shutdown'); }); } } } }; </script> <script data-cfasync="false"> window.intercomSettings = {"app_id":"","installation_type":"wordpress"}; </script> <script data-cfasync="false">(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s, x);};if(document.readyState==='complete'){l();}else if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})()</script> <script type="text/javascript"> (function($, window, document, undefined) { if (jQuery('.widgetopts-placeholder-e').length > 0) { // jQuery('.elementor-column-wrap:has(.widgetopts-placeholder-e)').hide(); jQuery('.elementor-section:has(.widgetopts-placeholder-e)').each(function() { var pTop = jQuery(this).find('.elementor-element-populated').css('padding-top'); var pBot = jQuery(this).find('.elementor-element-populated').css('padding-bottom'); var pHeight = jQuery(this).find('.elementor-element-populated').innerHeight(); var vert = pHeight - (parseFloat(pTop) + parseFloat(pBot)); if (typeof vert !== 'undefined' && vert < 5) { jQuery(this).hide(); } else { jQuery(this).find('.widgetopts-placeholder-e').each(function() { jQuery(this).closest('.elementor-element').hide(); var countEl = jQuery(this).closest('.elementor-column').find('.elementor-element').length; var countHolder = jQuery(this).closest('.elementor-column').find('.widgetopts-placeholder-e').length; if (countEl == countHolder) { jQuery(this).closest('.elementor-column').hide(); } }).promise().done(function() { var sTop = jQuery(this).closest('.elementor-section').css('padding-top'); var sBot = jQuery(this).closest('.elementor-section').css('padding-bottom'); var sHeight = jQuery(this).closest('.elementor-section').innerHeight(); var svert = sHeight - (parseFloat(sTop) + parseFloat(sBot)); if (typeof svert !== 'undefined' && svert < 5) { jQuery(this).closest('.elementor-section').hide(); } }); } }); } })(jQuery, window, document); </script> <div data-elementor-type="popup" data-elementor-id="432" class="elementor elementor-432 elementor-location-popup" data-elementor-settings="{"open_selector":"#contact","a11y_navigation":"yes","triggers":{"click":"yes"},"timing":[]}" data-elementor-post-type="elementor_library"> <div class="elementor-section-wrap"> <section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-be44fe5 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="be44fe5" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-eed4430" data-id="eed4430" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-c1ba86d pp-gravity-form-button-custom pp-gravity-form-pagination-buttons-auto elementor-widget elementor-widget-pp-gravity-forms" data-id="c1ba86d" data-element_type="widget" data-widget_type="pp-gravity-forms.default"> <div class="elementor-widget-container"> <div class="pp-contact-form pp-gravity-form title-description-hide"> <div class="pp-gravity-form-heading"> <h3 class="pp-contact-form-title pp-gravity-form-title"> Contact TRUE+WAY ASL </h3> </div> <script type="text/javascript"></script> <div class='gf_browser_gecko gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_1' style='display:none'><div id='gf_1' class='gform_anchor' tabindex='-1'></div> <div class='gform_heading'> <p class='gform_required_legend'>"<span class="gfield_required gfield_required_asterisk">*</span>" indicates required fields</p> </div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_1' id='gform_1' action='/resources/#gf_1' data-formid='1' novalidate> <div class='gform-body gform_body'><div id='gform_fields_1' class='gform_fields top_label form_sublabel_below description_below validation_below'><fieldset id="field_1_1" class="gfield gfield--type-name gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_1_1" ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Your Name<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></legend><div class='ginput_complex ginput_container ginput_container--name no_prefix has_first_name no_middle_name has_last_name no_suffix gf_name_has_2 ginput_container_name gform-grid-row' id='input_1_1'> <span id='input_1_1_3_container' class='name_first gform-grid-col gform-grid-col--size-auto' > <input type='text' name='input_1.3' id='input_1_1_3' value='' aria-required='true' placeholder='First Name' /> <label for='input_1_1_3' class='gform-field-label gform-field-label--type-sub '>First</label> </span> <span id='input_1_1_6_container' class='name_last gform-grid-col gform-grid-col--size-auto' > <input type='text' name='input_1.6' id='input_1_1_6' value='' aria-required='true' placeholder='Last Name' /> <label for='input_1_1_6' class='gform-field-label gform-field-label--type-sub '>Last</label> </span> </div></fieldset><fieldset id="field_1_2" class="gfield gfield--type-email gfield_contains_required field_sublabel_below gfield--has-description field_description_above field_validation_below gfield_visibility_visible" data-js-reload="field_1_2" ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Email<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></legend><div class='gfield_description' id='gfield_description_1_2'>If you have an existing TWA account, enter the email associated with your account here.</div><div class='ginput_complex ginput_container ginput_container_email gform-grid-row' id='input_1_2_container'> <span id='input_1_2_1_container' class='ginput_left gform-grid-col gform-grid-col--size-auto'> <input class='' type='email' name='input_2' id='input_1_2' value='' placeholder='Email Address' aria-required="true" aria-invalid="false" aria-describedby="gfield_description_1_2" /> <label for='input_1_2' class='gform-field-label gform-field-label--type-sub '>Enter Email</label> </span> <span id='input_1_2_2_container' class='ginput_right gform-grid-col gform-grid-col--size-auto'> <input class='' type='email' name='input_2_2' id='input_1_2_2' value='' placeholder='Confirm Email' aria-required="true" aria-invalid="false" aria-describedby="gfield_description_1_2" /> <label for='input_1_2_2' class='gform-field-label gform-field-label--type-sub '>Confirm Email</label> </span> <div class='gf_clear gf_clear_complex'></div> </div></fieldset><div id="field_1_3" class="gfield gfield--type-select gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_1_3" ><label class='gfield_label gform-field-label' for='input_1_3'>Choose Which Best Describes you<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_select'><select name='input_3' id='input_1_3' class='medium gfield_select' aria-required="true" aria-invalid="false" ><option value='I am a student' >I am a student</option><option value='I am a teacher' >I am a teacher</option><option value='Other' >Other</option></select></div></div><div id="field_1_6" class="gfield gfield--type-text gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_1_6" ><label class='gfield_label gform-field-label' for='input_1_6'>What Is Your School Name<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_6' id='input_1_6' type='text' value='' class='large' aria-required="true" aria-invalid="false" /></div></div><div id="field_1_7" class="gfield gfield--type-text gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_1_7" ><label class='gfield_label gform-field-label' for='input_1_7'>What Is Your Teacher's Name<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_7' id='input_1_7' type='text' value='' class='large' aria-required="true" aria-invalid="false" /></div></div><div id="field_1_4" class="gfield gfield--type-textarea gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_1_4" ><label class='gfield_label gform-field-label' for='input_1_4'>Your Message<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_textarea'><textarea name='input_4' id='input_1_4' class='textarea medium' placeholder='Type Your Message Here' aria-required="true" aria-invalid="false" rows='10' cols='50'></textarea></div></div><div id="field_1_8" class="gfield gfield--type-honeypot gform_validation_container field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_1_8" ><label class='gfield_label gform-field-label' for='input_1_8'>Phone</label><div class='ginput_container'><input name='input_8' id='input_1_8' type='text' value='' autocomplete='new-password'/></div><div class='gfield_description' id='gfield_description_1_8'>This field is for validation purposes and should be left unchanged.</div></div></div></div> <div class='gform-footer gform_footer top_label'> <input type='submit' id='gform_submit_button_1' class='gform_button button' onclick='gform.submission.handleButtonClick(this)' value='Submit' /> <input type='hidden' name='gform_ajax' value='form_id=1&title=&description=&tabindex=0&theme=gravity-theme' /> <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_1' value='iframe' /> <input type='hidden' class='gform_hidden' name='is_submit_1' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='1' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_1' value='WyJbXSIsIjM1ZDI0ZDMxZDg1ZjQ5NjJiM2Y3MTU4MGJhMzE5YmFmIl0=' /> <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_1' id='gform_target_page_number_1' value='0' /> <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_1' id='gform_source_page_number_1' value='1' /> <input type='hidden' name='gform_field_values' value='' /> </div> </form> </div> <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_1' id='gform_ajax_frame_1' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'>
Skip to content
Open toolbar
Accessibility Tools
Accessibility Tools
Increase Text
Increase Text
Decrease Text
Decrease Text
Grayscale
Grayscale
High Contrast
High Contrast
Negative Contrast
Negative Contrast
Light Background
Light Background
Links Underline
Links Underline
Readable Font
Readable Font
Reset
Reset