https://520zx.wodemo.net/ .right { color: #000; } .responsive-menu-icon::before { color: #000; } .site-footer, .site-footer a, .site-footer p { color: #000; } /* apply svg file to logo */ .site-title a { background: url(https://cdn.rawgit.com/tfcs/tfcs/master/logotype_blue.svg) no-repeat !important; } /* Practice exercises. */ button.answer { width: 50%; outline: none; border: 1px solid #aaaa; border-radius: 5px; box-shadow: 1px 1px 2px #aaa; } button.answer:hover { background-color: inherit; color: inherit; font-weight: bold; } .bold:hover { font-weight: bold; } .green, button.answer.green:hover { background-color: #388E3C; } .red, button.answer.red:hover { background-color: #FF5252; } .clear-all-button { cursor: pointer; color: gray; transition: all 0.3s; } div.clear-all-button:hover { color: black; } /*Code to adjust the position of the number/bullet next to a SoundCite button*/ span.soundcite-loaded { /*display: inline-table;*/ margin: 0 0 6px 0; } /*Code for Language Highlight feature*/ .language-highlighted { border: 3px solid #44ace8; background-color: #44ace8; } .entry-content.shifted div.phoneme-grid { width: 160%; } select#dropdown { /* from http://stackoverflow.com/questions/1895476/how-to-style-a-select-dropdown-with-css-only-without-javascript/5809186#5809186 */ -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 2px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none; background-image: url("../files/2017/09/dropdown-arrow.png"), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5); background-position: 99% center; background-repeat: no-repeat; border: 1px solid #AAA; color: #555; font-size: inherit; margin: 20px 0; overflow: hidden; padding: 5px 10px; text-overflow: ellipsis; white-space: nowrap; } select#dropdown.fixed { position: fixed; margin: 0; top: 75px; width: 880px; } /*Code to reveal FSS descriptions*/ .accordion-title { color: #ffffff; background-color: #000000; padding: 5px; text-align: center; border: solid 1px #c3c3c3; } .accordion-content { padding: 5px; text-align: center; background-color: #a4d7f4; border: solid 1px #c3c3c3; display: none; } .accordion-content.left { text-align: left; } .accordion-title:hover { color: #a4d7f4; font-weight: bold; } /*Code to reveal answers using jQuery instead of Javascript with toggle.*/ .hideanswer { display: none; } span.revealme { background-color: #a4d7f4; border-radius: 6px; padding: 5px; } /*Code to create the grid for the Table of Contents on the Practice Exercises page.*/ a.minor2 { box-sizing: border-box; display: table-cell; border: 3px solid #000; padding: 20px 10px; width: 25%; font-family: GoodOT, sans-serif; font-size: 14px; color: black; text-transform: initial; text-align: center; vertical-align: middle; } a.minor2:hover { background-color: black; color: white; } /*Code to create the grid on the 'Sounds in Use' page. The code forces each box to resize according to its siblings when resizing the browser window and also when viewed from tablet and/or mobile. Code for this was found on the following page in the jsfiddle from user FelipeAls: http://stackoverflow.com/questions/10525744/css-table-cell-equal-width The following code is organized in the same way in which the actual boxes are displayed on the actual 'Sounds in Use' page.*/ a.major { box-sizing: border-box; display: block; width: 100%; height: auto; border: 3px solid #000; padding-top: 20px; padding-bottom: 20px; font-family: GoodOT, sans-serif; font-size: 18px; color: black; text-transform: initial; text-align: center; } a.major:hover { background-color: black; color: white; } .myframe { display: table; width: 100%; table-layout: fixed; margin-bottom: 10px; } a.minor { box-sizing: border-box; display: table-cell; border: 3px solid #000; height: auto; margin: 1.5%; padding: 20px 10px; width: 33.333%; font-family: GoodOT, sans-serif; font-size: 14px; color: black; text-transform: initial; text-align: center; vertical-align: middle; } a.minor:hover { background-color: black; color: white; } a.hideme { visibility: hidden; } /*Formatting for Sound List page with floating box formatting and optimized for mobile. Additional changes were also made to the @media CSS code at the bottom of this page. Look for the following code with some changes that are done for mobile.*/ a.floating-box { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 30.333%; height: auto; margin: 1.5%; border: 3px solid #000; padding-top: 20px; padding-bottom: 20px; float: left; font-family: GoodOT, sans-serif; font-size: 16px; color: black; /*text-transform: initial;*/ text-align: center; } a.floating-box:hover { background-color: black; color: white; } a.floating-box.wide { width: 97%; } .clear { clear: left; padding-top: 15px; } /*Change blockquote text to a darker shade of gray.*/ blockquote { color: #737373; margin: 40px; } /*Change button colors to black and white on all pages.*/ button, input[type="button"], input[type="reset"], input[type="submit"], .button { background-color: #fff; color: #000; text-transform: initial; border: 3px solid; } button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover { background-color: #000; color: #fff; } /*Hover over and highlight box on Practice Sound List page*/ .sound-column1 { box-sizing: border-box; width: 30%; padding: 0 10pt 0 0; float: left; margin-right: 5%; } .sound-column2 { box-sizing: border-box; width: 30%; padding: 0 10pt 0 0; float: left; margin-right: 5%; } .sound-column3 { box-sizing: border-box; width: 30%; padding: 0 10pt 0 0; float: left; } .sound-column1 a.button { box-sizing: border-box; width: 300px; font-size: 14px; text-align: center; background-color: white; color: #000; border: 3px solid; text-transform: initial; margin-bottom: 5%; } .sound-column1 a.button:hover { background-color: black; color: white; } .sound-column2 a.button { box-sizing: border-box; width: 300px; font-size: 14px; text-align: center; background-color: white; color: #000; border: 3px solid; text-transform: initial; margin-bottom: 5%; } .sound-column2 a.button:hover { background-color: black; color: white; } .sound-column3 a.button { box-sizing: border-box; width: 300px; font-size: 14px; text-align: center; background-color: white; color: #000; border: 3px solid; text-transform: initial; margin-bottom: 5%; } .sound-column3 a.button:hover { background-color: black; color: white; } .sound-column1 a.button.harry { width: 300px; font-size: 14px; text-align: center; background-color: blue; color: #fff; border: 3px solid; text-transform: initial; margin-bottom: 5%; } .mystyle { width: 500px; height: 50px; padding: 15px; border: 1px solid black; } .thirdClass { text-transform: uppercase; text-align: center; font-size: 25px; } /*****************************************************/ /*Code to remove top padding from Baruch College logo.*/ li#menu-item-290.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-290 a { padding-top: 0; } /*Code to adjust jump from anchor tags on FAQs page, so that the header does not cover the text.*/ .anchor { display: block; height: 95px; /*same height as header*/ margin-top: -95px; /*same height as header*/ visibility: hidden; } /*Code to change the font of the website.*/ .site-title { font-family: GoodOT, sans-serif; font-size: 35px; text-transform: none; padding-left: 5px; white-space: nowrap; } /*Code to change the font of the paragraphs in the website.*/ /* Does this need to be modified to incorporate sans-serif fallback? */ p { font-family: GoodOT, sans-serif; } .entry { font-family: GoodOT, sans-serif; } /*Code for resizing title area box to give "Tools for Clear Speech" more space.*/ /*Revision Jun 2016: previous width of 415px caused line break in window width ~1250px, because of scrollbar.*/ .title-area { //width: 398px; width: 240px; } /*Code for background shading of white text in the home sections.*/ .home-section-1, .home-section-3, .home-section-5 { background-attachment: fixed; background-color: #fff; background-position: 50% 0; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; color: #fff; display: block; text-shadow: 1px 0 4px #000; } /*Code to take away the shadow from the text in each odd section button.*/ .footer-widgets a.button:hover, .home-odd a.button:hover { text-shadow: none; } /*Code to give header title and menu more space to fit on one line.*/ .site-inner, .wrap { max-width: 1280px; } /*Code to move Menu widget down and align with TfCS logo. "Padding-top: 10px;" was added to original CSS code*/ .site-header .widget-area { width: 826px; } /*Code to adjust input text fields for the Mail-Chimp form. This code does not include the changes done to the HTML code for the Mail-Chimp form. tags and labels were deleted from HTML code in order to allow the input fields to be on the same line.*/ #mc_embed_signup { background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; padding: 2%; } #mc_embed_signup .mc-field-group input { display: block; width: 31%; margin: 0 1%; padding: 8px 0; text-indent: 5%; float: left; } #mc-embedded-subscribe { border-color: #000; color: #000 !important; } /*Code to Change "Back to Practice List" to a smaller font size.*/ .goback { font-size: 80%; } button.signup { width: 67%; font-size: 1em; text-align: center; border: 3px solid; } /* Audio Recorder */ div.recorder { display: flex; z-index: 1000; } button.recorder { width: 4em; height: 4em; margin: 25px 5px; padding: 0; border-radius: 5%; border: none; background-size: 67%; background-repeat: no-repeat; background-position: center; outline: none; z-index: 1000; } button:hover.recorder { background-color: #FFF; color: #000; transform: scale(1.1); } button.record { background-image: url("../files/2016/06/microphone-8x.png"); } button:hover.record { background-image: url("../files/2016/06/microphone-8x-red.png"); } button.record.recording { background-image: url("../files/2016/06/media-stop-8x.png"); } button.playback { background-image: url("../files/2016/06/media-play-8x.png"); } button.playback.playing { background-image: url("../files/2016/06/media-stop-8x.png"); } button.help { background-image: url("../files/2016/07/question-mark-8x.png"); } .level { width: 100%; height: 100%; position: relative; left: 0; top: 0; border-radius: inherit; } .audiolevel { position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(250,0,0,0.5); border-radius: inherit; } #video-container .audiolevel { transition: 0.03s ease-out; } .progress { position: absolute; bottom: 0; left: 0; height: 100%; background-color: rgba(0,160,0,0.5); border-radius: inherit; } /***********************************************/ /* Video layout and navigation for Tools to-go */ /***********************************************/ #video-navigation { font-family: GoodOT, sans-serif; font-size: 26px; position: relative; display: inline-block; background-color: #91cd8c; width: 25%; height: 480px; top: 0; left: 0; justify-content: space-around; align-items: center; text-align: center; padding: .5em 0; border-radius: 15px 0 0 0; z-index: 1; } #video-navigation a { color: #222; line-height: 3em; } #video-container { min-height: 480px; } /* Minimized layout is triggered by scroll position using jQuery- see tfcs.phonemes.js */ /* .shifted when window.width >= 960 */ /* .minimized when window.width < 960 */ .entry-content.shifted #video-navigation, #video-navigation.minimized { position: fixed; display: flex; font-size: 22px; line-height: 1em; width: 100%; height: 2em; border-radius: 0; padding: 0 15px; opacity: 1; } .entry-content.shifted #video-navigation { top: 70px; } #video-navigation.minimized { top: 0px; } body.admin-bar .entry-content.shifted #video-navigation { top: 107px; } .entry-content.shifted span.recorder, #video-navigation.minimized span.recorder { height: 75px; } .entry-content.shifted span.recorder > br, #video-navigation.minimized br { display:none; } .entry-content.shifted #video-navigation button.recorder, #video-navigation.minimized button.recorder { position: relative; top: 11px; width: 2em; height: 2em; margin: 1px; } .entry-content.shifted #wavedisplay, #video-navigation.minimized #wavedisplay { position: relative; top: 15px; } /* Positions and resizes video */ #video-frame { position: relative; width: 75%; height: 480px; float: right; } .entry-content.shifted #video-frame { position: fixed; width: 500px; height: auto; top: 125px; right: 5px; border-radius: 5px; box-shadow: 0 5px 10px rgba(0,0,0,.2); } .entry-content.shifted #video-frame.hidden { top: -1000px; } #video { display: block; margin: auto; border-radius: 0 15px 0 0; } /* override default video sizing behavior */ .video-dimensions { width: 100% !important; height: 100% !important; } .video-dimensions.vjs-fluid { padding-top: 0 !important; } .entry-content.shifted #video { border-radius: 5px 5px 0 0; width: 500px; } .video-js * { z-index: 1; } .video-js .vjs-tech { position: relative !important; border-radius: 0 15px 0 0; } .entry-content.shifted #video-frame .vjs-tech { border-radius: 5px 5px 0 0; } .vjs-big-play-button { font-size: 6em !important; width: 1.5em !important; margin-left: -0.75em !important; border-radius: 1em !important; } .vjs-paused .vjs-big-play-button { display:block !important; } .video-js .vjs-fullscreen-control, .vjs-time-control { display:none; } #video::-webkit-media-controls-start-playback-button { display: none !important; } .entry-content.shifted { position: relative; left: -26%; width: 95%; } div#phoneme-container { display: flex; } .entry-content.shifted div#phoneme-container { display: block; } span#top { position: relative; top: -8em; } span#phoneme { font-family: GoodOT, sans-serif; } span.linebreak { white-space:pre; } span.linebreak:before { content: "\A"; } .entry-content.shifted div#video-navigation div.video-navigation-button span.linebreak:before { content: " | "; } /* Puts box and shadow around text */ .exercise { border: 1px solid rgba(0,0,0,.2); padding: 1em; border-radius: 15px; margin-bottom: 1em; box-shadow: 0 5px 10px rgba(0,0,0,.2); } div#container { border-radius: 15px; box-shadow: 0 5px 10px rgba(0,0,0,.2); position: relative; top: -2em; } div#phoneme-explanation { display: inline-block; border-radius: 0 0 15px 15px; padding: 1em; } div#video-phoneme-explanation { border-radius: 0 0 5px 5px; padding: .5em; font-size: .8em; max-height: 32vh; overflow-y: auto; display: none; } .entry-content.shifted div#phoneme-explanation { opacity: 0.2; } .entry-content.shifted #container { box-shadow: none; } .entry-content.shifted div#video-phoneme-explanation { display: block; } /* Transitions */ /*#video-navigation,*/ .entry-content.shifted #video-frame .vjs-big-play-button, button.recorder { -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; } #video-container * { transition: none; } /* visibility-related styles, toggled by jQuery */ .display-none { display: none; } .visibility-hidden { visibility: hidden; } .noshadow { box-shadow: none !important; } /* adjust original theme */ .genesis-nav-menu a { padding: 27px 12px; } /*********************************** ************************************ ***********************************/ .site-title { margin: 0 -60px; } @media only screen and (max-width: 1360px) { .entry-content.shifted { left: -20%; width: 85%; } } @media only screen and (max-width: 1280px) { .site-inner, .wrap { max-width: 768px; } header .wrap { max-width: 1280px; } .parallax-home .site-inner { max-width: none; } .site-header { //padding-bottom: 10px; position: static; } .content, .sidebar { width: 100%; } .genesis-nav-menu, .site-header .widget-area, .site-title { text-align: center; } .header-image .site-title > a { //margin: 0 auto 10px; margin: 0 auto 0px; } .genesis-nav-menu a { padding: 10px; } .parallax-home .site-inner { margin-top: 0; } .site-inner { margin-top: 80px; } .full-width-content .content { padding: 0; } .full-width-content img.pull-left { margin-left: 0; } .full-width-content img.pull-right { margin-right: 0; } .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .pricing-table .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { margin: 0; width: 100%; } .pricing-table .one-third:nth-child(3n+1) { border-right: 2px solid #000; } .pricing-table .one-third:nth-child(3n+2) { margin-bottom: 20px; margin-top: 20px; } .pricing-table .one-third:nth-child(3n) { border-left: 2px solid #000; } .anchor { height: 20px; margin-top: -20px; } select#dropdown.fixed { top: 0; width: 746px; } .entry-content.shifted #video-navigation { top: 0; } body.admin-bar .entry-content.shifted #video-navigation, body.admin-bar #video-navigation.minimized { top: 32px; } #video-container { min-height: 391px; } #video-navigation { padding: 0; width: 30%; } #video-frame { width: 70%; } #video-frame, #video-navigation { height: 391px; } .entry-content.shifted #video-frame { width: 420px; height: auto; top: 50px; } .entry-content.shifted #video { width: 420px; } button.recorder { width: 3em; height: 3em; } } @media only screen and (max-width: 1100px) { .entry-content.shifted { left: -12%; width: 76%; } .site-header { padding-bottom: 10px; } header .wrap { max-width: 768px; } header li img { margin-left: 0px!important; } .widget-area, .title-area { width: 100%; } .entry-content.shifted #video-frame { width: 360px; } .entry-content.shifted #video { width: 360px; } } @media only screen and (max-width: 960px) { .site-inner, .wrap { max-width: 768px; } .parallax-home .site-inner { max-width: none; } .site-header { padding-bottom: 10px; position: static; } .content, .sidebar, .site-header .widget-area, .title-area { width: 100%; } .genesis-nav-menu, .site-header .widget-area, .site-title { text-align: center; } .header-image .site-title > a { //margin: 0 auto 10px; margin: 0 auto 0px; } .genesis-nav-menu a { padding: 10px; } .parallax-home .site-inner { margin-top: 0; } .site-inner { margin-top: 80px; } .full-width-content .content { padding: 0; } .full-width-content img.pull-left { margin-left: 0; } .full-width-content img.pull-right { margin-right: 0; } .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .pricing-table .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { margin: 0; width: 100%; } .pricing-table .one-third:nth-child(3n+1) { border-right: 2px solid #000; } .pricing-table .one-third:nth-child(3n+2) { margin-bottom: 20px; margin-top: 20px; } .pricing-table .one-third:nth-child(3n) { border-left: 2px solid #000; } #video-frame { width: 100%; height: 560px; } .video-js .vjs-tech, #video { border-radius: 0; } #video.minimized { /*top: auto;*/ /*left: 0;*/ bottom: 0; right: 0; /*border: 1px solid gray;*/ border: none; width: 40% !important; height: auto !important; position: fixed !important; z-index: 1; } div#phoneme-container { display: block; } #video-navigation { margin: auto; display: block; width: 100%; height: 280px; border-radius: 15px 15px 0 0; } #video-navigation a { line-height: 2em; } .video-textcontent { padding: 25px 0 100px; } .anchor { height: 5px; margin-top: -5px; } .site-title { font-size: 30px; white-space: initial; } div.phoneme-grid { width: 100%; } select#dropdown.fixed { left: 5%; width: 90%; } } @media only screen and (max-width: 768px) { .site-inner, .wrap { max-width: none; width: 100%; } .site-inner, .wrap { padding: 0 5%; } .header-image .site-title > a { margin: 10px auto 10px; } .parallax-home .site-inner { padding: 0; } .genesis-nav-menu.responsive-menu { display: none; } .nav-primary .responsive-menu-icon { margin-top: 20px; } .genesis-nav-menu.responsive-menu .menu-item, .responsive-menu-icon { display: block; } .genesis-nav-menu.responsive-menu .menu-item:hover { position: static; } .genesis-nav-menu.responsive-menu li.current-menu-item > a, .genesis-nav-menu.responsive-menu .sub-menu li.current-menu-item > a:hover, .genesis-nav-menu.responsive-menu li a, .genesis-nav-menu.responsive-menu li a:hover { border: none; display: block; padding: 20px; text-transform: none; } .genesis-nav-menu.responsive-menu .menu-item-has-children { cursor: pointer; } .genesis-nav-menu.responsive-menu .menu-item-has-children > a { margin-right: 60px; } .genesis-nav-menu.responsive-menu > .menu-item-has-children:before { content: "\f347"; float: right; font: normal 20px/1 'dashicons'; height: 20px; padding: 15px 20px; right: 0; text-align: right; z-index: 9999; } .genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before { content: "\f343"; } .genesis-nav-menu.responsive-menu > .menu-item > .sub-menu { display: none; } .genesis-nav-menu.responsive-menu .sub-menu { background-color: rgba(255,255,255,0.05); left: auto; opacity: 1; position: relative; -moz-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; width: 100%; z-index: 99; } .genesis-nav-menu.responsive-menu .sub-menu .sub-menu { background-color: transparent; margin: 0; padding-left: 25px; } .genesis-nav-menu.responsive-menu .sub-menu li a, .genesis-nav-menu.responsive-menu .sub-menu li a:hover { padding: 12px 20px; position: relative; text-transform: none; width: 100%; } .genesis-nav-menu.responsive-menu .current-menu-item > a, .genesis-nav-menu.responsive-menu .sub-menu .current-menu-item > a:hover, .genesis-nav-menu.responsive-menu > li.menu-item-has-children:hover > a, .genesis-nav-menu.responsive-menu a:hover { background: none; } .site-header .genesis-nav-menu.responsive-menu .current-menu-item > a, .site-header .genesis-nav-menu.responsive-menu .sub-menu li a:hover, .site-header .genesis-nav-menu.responsive-menu > .menu-item-has-children:before, .site-header .genesis-nav-menu.responsive-menu > li:hover > a, .site-header .genesis-nav-menu.responsive-menu a:hover { color: #44ace8; } .site-header .genesis-nav-menu.responsive-menu .sub-menu li a, .site-header .genesis-nav-menu.responsive-menu .sub-menu { color: #444; } .home-even, .home-odd { padding: 90px 0 100px; } .parallax-home .simple-social-icons ul li { margin: 0 20px 20px !important; } li#menu-item-290.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-290 a { padding-top: 0; text-align: center; } a.floating-box { width: 31.333%; margin: 1%; height: 100px; padding: 20px 10px; border: 2px solid #000; } .site-title { font-size: 26px; } div.exercise { padding: 1em 0.5em; } #video-frame { height: 65.5vw; } #video.minimized { width: 50% !important; } #video-navigation.minimized a { display:none; } .no-mobile { display: none; } #mc_embed_signup .mc-field-group input { width: 100%; margin: 0; } } @media only screen and (max-width: 480px) { .footer-widgets .widget-title, .home-even .widget-title, .home-odd .widget-title { font-size: 36px; } .home-even, .home-odd { font-size: 22px; } li#menu-item-290.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-290 a { padding-top: 0; text-align: center; } a.floating-box { padding: 15px 5px; line-height: 1.2em; } button.recorder { width: 2.5em; height: 2.5em; } div.minimized button.recorder { width: 1.5em; height: 1.5em; border-radius: 0.3em; } #video-navigation.minimized span.recorder-text { display:none; } } /* Updates August 2021 */ .accordion-title { cursor: pointer!important; } ._webfullscreen_box_size_ { width: 100% !important; height: 100% !important; } ._webfullscreen_ { display: block !important; position: fixed !important; width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; background: #000 !important; z-index: 999999 !important; } ._webfullscreen_zindex_ { z-index: 999999 !important; } .soundcite-loaded { background-color: rgba(0,0,0,.15) } Tools for Clear SpeechIntelligibility : Fluency : CommunicationAbout What is TfCS? Our Approach to Clear Speech Meet the TfCS Staff Attendance Policy FAQ Contact Us Services Focused Skills Series One-to-One Sessions TfCS Overview Workshops Clear Speech, 101 Independent Practice Skills Workshop Clear, Confident Interviews: What You Need to Know The Art of Small Talk Professional Series Conversation Hour Oral Communication Video Assessment OCVA: What is it and Sign Up Access Vocat Our Podcast, Just to Be Clear TfCS Connect SWUFE Students For Faculty For Syllabi Classroom Visits & Workshops Referring Students to TfCS COM 3021-T Important Links For Consultants (updated SP23) Tools To-Go Consonants and Vowels Rhythm, Intonation, and More Appropriate Communication Helpful Links and Resources Questions about Tools To-Go Audio? Appointments Advocacy & Resources /tʃ/ TopSOUNDCITE_CONFIG = {soundcloud_client_id: "26feb0143f449998dc4ae9155bf6c347"} /tʃ/ in words /tʃ/ in sentences Record your voice: Play VideoPlayMuteCurrent Time 0:00/Duration Time 0:02Loaded: 0%Progress: 0%Stream TypeLIVERemaining Time -0:02 Playback Rate1x, selected0.5x 1xChaptersChaptersDescriptionsdescriptions off, selectedCaptionscaptions settings, opens captions settings dialogcaptions off, selectedAudio TrackFullscreenThis is a modal window.Beginning of dialog window. Escape will cancel and close the window.TextColorWhiteBlackRedGreenBlueYellowMagentaCyanTransparencyOpaqueSemi-TransparentBackgroundColorBlackWhiteRedGreenBlueYellowMagentaCyanTransparencyOpaqueSemi-TransparentTransparentWindowColorBlackWhiteRedGreenBlueYellowMagentaCyanTransparencyTransparentSemi-TransparentOpaqueFont Size50%75%100%125%150%175%200%300%400%Text Edge StyleNoneRaisedDepressedUniformDropshadowFont FamilyProportional Sans-SerifMonospace Sans-SerifProportional SerifMonospace SerifCasualScriptSmall CapsReset restore all settings to the default valuesDoneClose Modal DialogEnd of dialog window. To make the /tʃ/ sound: Place the tip of your tongue just behind the hard ridge at the front of the top of your mouth. Push air forward out of your mouth. Stop the air completely at first, and then release it. After release, the air should create friction between the tip of your tongue and the roof of your mouth. Do not vibrate your vocal cords when you make this sound; it’s voiceless. Use the record and play buttons above to compare your pronunciation to the words below: choose which watch change To make the /tʃ/ sound: Place the tip of your tongue just behind the hard ridge at the front of the top of your mouth. Push air forward out of your mouth. Stop the air completely at first, and then release it. After release, the air should create friction between the tip of your tongue and the roof of your mouth. Do not vibrate your vocal cords when you make this sound; it’s voiceless. Use the record and play buttons above to compare your pronunciation to the words below: choose which watch change Problems with playback may be resolved by refreshing the page. In Words The /tʃ/ sound plays an important role in the difference between the paired words below. Listen to each pair, paying attention to how the first word differs from the second. bash | batch sheep | cheap wash | watch wish | which Record yourself repeating the words, making sure to focus on the pronunciation of /tʃ/. Then, compare it to the model recording. If you need help, check out the animated video to see exactly how to pronounce the sound. Repeat this exercise several times a day. As with any skill, improving takes repetition and practice. Here are several common words that include /tʃ/. It’s a good idea to be comfortable with their pronunciation. Listen to how each word is pronounced, focusing on /tʃ/. Notice how /tʃ/ can appear at the beginning, middle, or end of a word. choose switch change chart match reach Record yourself repeating the words, making sure to focus on the pronunciation of /tʃ/. Compare your recording to the model recording. Repeat this exercise several times a day. See the “What’s next?” section below for more practice tips. In Sentences It’s important to go beyond single words when you practice sounds in English. Tongue twisters (difficult-to-pronounce sentences) are a great way to train your tongue to pronounce /tʃ/ in a stream of speech. Listen to how each tongue twister is pronounced. Be sure to note the sounds or words that might be challenging for you, and how many times you will pronounce /tʃ/. How much wood would a woodchuck chuck if a woodchuck could chuck wood? Ouch! Watch out for the ketchup. Ouch! Watch out for the ketchup. I chase chips and chocolate and cheese. Record yourself repeating each tongue twister. Try it slowly first, and then gradually increase to a fluid, natural-feeling pace. Repeat this exercise several times a day. You can try creating your own tongue twisters, too! Pronunciation practice is even more effective in a meaningful context. Here are several sentences with /tʃ/ that you may find yourself saying frequently. Listen to how each sentence is pronounced. Which word(s) include /tʃ/? I’d like to change my schedule. Could you check my writing, please? Could you check to make sure these numbers match? Record yourself repeating each sentence, focusing on the pronunciation of /tʃ/. Repeat this exercise several times a day. See the “What’s next?” section below for more practice tips. What’s next? Schedule a One-to-One Session to learn more about this sound and how to master it. Receiving direct, personalized feedback on your pronunciation is an excellent way to pinpoint your strengths and areas for improvement. Also, here are some great ways to make pronunciation practice more effective and relevant to you: • Compile important vocabulary with /tʃ/ from your field of study, résumé, and other interests. Practice these words by recording yourself pronouncing them and writing authentic sentences that use them in context. • Think of scenarios you are likely to encounter in your daily life (e.g. talking to a fellow student or colleague, interviewing for a job) and write role plays that could include words with /tʃ/. This will prepare you to use them spontaneously. • Attend Conversation Hour with the goal of focusing on your pronunciation of /tʃ/. • Check out the helpful links and resources that TfCS recommends for extra practice, particularly Rachel’s English.     Select your first language from the drop-down menu to highlight suggested sounds for practice. Start here, but don’t hesitate to explore other sounds along the way. Select Your LanguageArabicChinese – CantoneseChinese – FuzhouneseChinese – MandarinFrenchJapaneseKoreanPortugueseRussianSpanish Consonants /b/buy | verb | about/d/doubt | add | mind/dʒ/jail | challenge | wager/ʒ/usually | measure | massage/f/fine | safe | painful/g/go | dialogue | flag/h/have | Manhattan | hopeful/k/kind | occupy | back/l/like | fall | please/m/maybe | form | impossible/n/can’t | woman | know/ŋ/bring | finger | drank/p/power | trap | apartment/r/real | store | third/s/same | mice | except/ʃ/shop | issue | motion/t/too | attract | skirt/t∫/choose | watch | change/θ/thanks | bath | nothing/ð/the | either | breathe/v/very | leave | favorite/w/Weissman | switch | awhile/y/yesterday | yield | use/z/close | Zicklin | exactly Vowels /i/cheap | cookie | hourly/ɪ/chip | sick | distribute/e/say | paid | valet/ɛ/bed | said | execute/æ/wrap | attract | laugh/ʌ/come | lucky | function/u/group | Baruch | chew/ʊ/good | pull | understood/o/row | photo | boat/ɑ/wrong | want | hot/ɑɪ/might | try | advice/ɑʊ/towel | cow | amount/ɔɪ/toilet | annoying | join Clusters /kw/question | acquire | quiz/st/stocks | stare | straight/sk/skip | exclusive | score/ks/expensive | exercise | axis/sp/spray | splice | spot/sl/slide | slim | slope Back to Consonants and Vowels jQuery('p:empty').remove(); Let’s communicate. Subscribe to the TfCS mailing list and never miss an update or an opportunity. Subscribe here: Copyright © 2023 · TfCS Parallax Pro Theme on Genesis Framework · WordPress · Log in var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); var pageTracker = _gat._getTracker("UA-7398979-1"); pageTracker._initData(); pageTracker._trackPageview(); var pageTracker2 = _gat._getTracker("UA-202801811-1"); pageTracker2._initData(); pageTracker2._trackPageview(); ( function ( body ) { 'use strict'; body.className = body.className.replace( /\btribe-no-js\b/, 'tribe-js' ); } )( document.body ); /* */ /* */ /* */ _stq = window._stq || []; _stq.push([ 'view', {v:'ext',blog:'87292474',post:'1012',tz:'-5',srv:'tfcs.baruch.cuny.edu',j:'1:11.8'} ]); _stq.push([ 'clickTrackerInit', '87292474', '1012' ]); ]]> Open | Meta]]> Open | Meta]]> Open | Meta]]> Open | Meta]]> Meta]]> Meta]]> (-1 * givesize( 'box' , 'x' )) && difX < givesize(enemy, 'x' ) && difY > (-1 * givesize( 'box' , 'y' )) && difY < givesize(enemy, 'y' )) { touch = 1; } else touch =0 } UNKNOWN { var: giveposY(enemy) + (step_y*enemyydir[num]) + 0; if: = 1) { stop(); reset: ((); }; setposX: ; setposY: ; checktouching: } UNKNOWN { else: 10; gametime: gametime + 1 if (gametime >= 0 && gametime < 100) speed = 80; window: "speed: " + speed + " gametime: " + gametime; movenemy: ; setTimeout: } UNKNOWN { var: giveposY( 'box' ); if: ; setposX: ; setposY: ; curY: (isNS4||isNS6)?e.pageY:window.event.y; curX2: eval(curX - 40); curY2: eval(curY - 40); boxX: eval(curX - 20); boxY: eval(curY - 20) } UNKNOWN { if: ; moving: 0 } UNKNOWN { if: ; moving: 0; endclock: } UNKNOWN { document: ; var: window.confirm('Enter your name?'); if: ; window: ; finaltime: calctime() } UNKNOWN { if: = 1 && touch == 0){ setposX( 'box' ,boxX); setposy: (( 'box' ,boxY); if: ((curY>69&&curX>69&&curY (-1 * givesize('box', 'y')) && difY < givesize(enemy, 'y')) { touch = 1; } else touch = 0; } function movenemy(num,step_x,step_y){ var enemy = "enemy" + num + "" var enemyx = givesize(enemy, 'x'); var enemyy = givesize(enemy, 'y'); if (giveposX(enemy) >= (450 - enemyx) || giveposX(enemy) = (450 - enemyy) || giveposY(enemy) = 0 && gametime < 100) speed = 80; else if (gametime >= 100 && gametime < 200) speed = 60; else if (gametime >= 200 && gametime < 300) speed = 40; else if (gametime >= 300 && gametime < 400) speed = 30; else if (gametime >= 400 && gametime < 500) speed = 20; else speed = 10; movenemy(0,-10,12); movenemy(1,-12,-20); movenemy(2,15,-13); movenemy(3,17,11); setTimeout(movenemies,speed); } function start(e) { if (started == 0) { movenemies(); startclock(); started = 1; } curX = (isNS4 || isNS6) ? e.pageX : window.event.x ; curY = (isNS4 || isNS6) ? e.pageY : window.event.y ; curX2 = eval(curX - 40); curY2 = eval(curY - 40); boxX = eval(curX - 20); boxY = eval(curY - 20); var boxleft = giveposX('box'); var boxtop = giveposY('box'); if (curX > boxleft && curX2 < boxleft && curY > boxtop && curY2 < boxtop) { moving = 1; setposX('box', boxX); setposY('box', boxY); if (isNS4 || isNS6){ document.captureEvents(Event.MOUSEMOVE); } } } function stop(e){ moving=0; if (isNS4 || isNS6){ document.releaseEvents(Event.MOUSEMOVE); } } function reset(e){ endclock(); moving=0; if (isNS4 || isNS6){ document.releaseEvents(Event.MOUSEMOVE); } if (finaltime == 0) { finaltime = calctime(); window.alert('你坚持了 ' + finaltime + ' 秒.. '); document.location.reload(); } } function checkLocation(e){ curX = (isNS4 || isNS6) ? e.pageX : window.event.x ; curY = (isNS4 || isNS6) ? e.pageY : window.event.y ; boxX = eval(curX - 20); boxY = eval(curY - 20); checktouching('1'); if (moving == 1 && touch == 0){ setposX('box',boxX); setposY('box',boxY); if (curY > 69 && curX > 69 && curY < 381 && curX < 381) return false; else stop(); reset(); } else if (touch == 1){ stop(); reset(); } }         ]]> Open | Meta]]> Meta]]> Open | Meta]]> Meta]]> Meta]]> Open | Meta]]> Meta]]> Meta]]> Decompress | Meta]]> Browse | Meta]]> Meta]]> Meta]]> Meta]]> Meta]]> Meta]]> Meta]]> Meta]]> Browse | Meta]]>