diff --git a/macao/static/media/page41/jaw_words.png b/macao/static/media/page41/jaw_words.png new file mode 100644 index 0000000000000000000000000000000000000000..d9cd8e21c14554fcefbdb30c5409b6bf518920f4 Binary files /dev/null and b/macao/static/media/page41/jaw_words.png differ diff --git a/macao/static/media/page41/page41.svg b/macao/static/media/page41/page41.svg new file mode 100644 index 0000000000000000000000000000000000000000..68e36193d477a25a7598d1d31ba8c4825ce342ef --- /dev/null +++ b/macao/static/media/page41/page41.svg @@ -0,0 +1,274 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + version="1.1" + id="svg1" + width="366.39999" + height="272.95999" + viewBox="0 0 366.39999 272.95999" + sodipodi:docname="page41.svg" + inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:xlink="http://www.w3.org/1999/xlink" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs1" > + <audio xmlns="http://www.w3.org/1999/xhtml" id="sit"> + <source src="66.mp3" type="audio/mpeg" /> + </audio> + <audio xmlns="http://www.w3.org/1999/xhtml" id="beer"> + <source src="72.mp3" type="audio/mpeg" /> + </audio> + <audio xmlns="http://www.w3.org/1999/xhtml" id="say"> + <source src="78.mp3" type="audio/mpeg" /> + </audio> + <audio xmlns="http://www.w3.org/1999/xhtml" id="let"> + <source src="84.mp3" type="audio/mpeg" /> + </audio> + <audio xmlns="http://www.w3.org/1999/xhtml" id="bear"> + <source src="90.mp3" type="audio/mpeg" /> + </audio> + <audio xmlns="http://www.w3.org/1999/xhtml" id="cat"> + <source src="96.mp3" type="audio/mpeg" /> + </audio> + <audio xmlns="http://www.w3.org/1999/xhtml" id="buy"> + <source src="102.mp3" type="audio/mpeg" /> + </audio> + <audio xmlns="http://www.w3.org/1999/xhtml" id="about"> + <source src="108.mp3" type="audio/mpeg" /> + </audio> + <audio xmlns="http://www.w3.org/1999/xhtml" id="know"> + <source src="114.mp3" type="audio/mpeg" /> + </audio> + <audio xmlns="http://www.w3.org/1999/xhtml" id="work"> + <source src="120.mp3" type="audio/mpeg" /> + </audio> + <audio xmlns="http://www.w3.org/1999/xhtml" id="love"> + <source src="126.mp3" type="audio/mpeg" /> + </audio> + <audio xmlns="http://www.w3.org/1999/xhtml" id="fool"> + <source src="132.mp3" type="audio/mpeg" /> + </audio> + <audio xmlns="http://www.w3.org/1999/xhtml" id="book"> + <source src="138.mp3" type="audio/mpeg" /> + </audio> + <audio xmlns="http://www.w3.org/1999/xhtml" id="poor"> + <source src="144.mp3" type="audio/mpeg" /> + </audio> + <audio xmlns="http://www.w3.org/1999/xhtml" id="boy"> + <source src="150.mp3" type="audio/mpeg" /> + </audio> + <audio xmlns="http://www.w3.org/1999/xhtml" id="cord"> + <source src="156.mp3" type="audio/mpeg" /> + </audio> + <audio xmlns="http://www.w3.org/1999/xhtml" id="now"> + <source src="162.mp3" type="audio/mpeg" /> + </audio> + <audio xmlns="http://www.w3.org/1999/xhtml" id="car"> + <source src="168.mp3" type="audio/mpeg" /> + </audio> + <audio xmlns="http://www.w3.org/1999/xhtml" id="wash"> + <source src="174.mp3" type="audio/mpeg" /> + </audio> + <audio xmlns="http://www.w3.org/1999/xhtml" id="sea"> + <source src="180.mp3" type="audio/mpeg" /> + </audio> + <script xmlns="http://www.w3.org/2000/svg"> + function $(sel) { return document.getElementById(sel); } + </script> + </defs> + <sodipodi:namedview + id="namedview1" + pagecolor="#ffffff" + bordercolor="#000000" + borderopacity="0.25" + inkscape:showpageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + inkscape:zoom="4.2277195" + inkscape:cx="224.35264" + inkscape:cy="150.67225" + inkscape:window-width="1858" + inkscape:window-height="1114" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="g1" /> + <g + inkscape:groupmode="layer" + inkscape:label="Image" + id="g1"> + <image + width="366.39999" + height="272.95999" + preserveAspectRatio="none" + style="image-rendering:optimizeQuality" + xlink:href="jaw_words.png" + id="image1" /> + <rect + onclick="$('sea').play()" + style="fill:#000000;fill-opacity:0;stroke:none;stroke-width:1.473;stroke-linecap:round;stroke-linejoin:round" + id="sea" + width="24.6" + height="9.6978989" + x="113.29986" + y="57.00473" /> + <rect + onclick="$('sit').play()" + style="fill:#000000;fill-opacity:0;stroke:none;stroke-width:1.473;stroke-linecap:round;stroke-linejoin:round" + id="sit" + width="20.105402" + height="11.826706" + x="119.44975" + y="78.056267" /> + <rect + onclick="$('beer').play()" + style="fill:#000000;fill-opacity:0;stroke:none;stroke-width:1.473;stroke-linecap:round;stroke-linejoin:round" + id="beer" + width="30.513" + height="10.88057" + x="155.87601" + y="98.871269" /> + <rect + onclick="$('say').play()" + style="fill:#000000;fill-opacity:0;stroke:none;stroke-width:1.473;stroke-linecap:round;stroke-linejoin:round" + id="say" + width="13.955515" + height="17.740061" + x="128.20151" + y="110.46145" /> + <rect + onclick="$('bear').play()" + style="fill:#000000;fill-opacity:0;stroke:none;stroke-width:1.473;stroke-linecap:round;stroke-linejoin:round" + id="bear" + width="30.749001" + height="10.170968" + x="169.83151" + y="122.05162" /> + <rect + onclick="$('let').play()" + style="fill:#000000;fill-opacity:0;stroke:none;stroke-width:1.473;stroke-linecap:round;stroke-linejoin:round" + id="let" + width="11.590173" + height="16.793924" + x="138.84554" + y="132.22258" /> + <rect + onclick="$('cat').play()" + style="fill:#000000;fill-opacity:0;stroke:none;stroke-width:1.473;stroke-linecap:round;stroke-linejoin:round" + id="cat" + width="12.536309" + height="16.320856" + x="147.36078" + y="161.31628" /> + <rect + onclick="$('buy').play()" + style="fill:#000000;fill-opacity:0;stroke:none;stroke-width:1.473;stroke-linecap:round;stroke-linejoin:round" + id="buy" + width="26.728001" + height="11.117105" + x="169.12192" + y="200.81749" /> + <rect + onclick="$('love').play()" + style="fill:#000000;fill-opacity:0;stroke:none;stroke-width:1.473;stroke-linecap:round;stroke-linejoin:round" + id="love" + width="19.632334" + height="16.55739" + x="235.82454" + y="198.68867" /> + <rect + onclick="$('work').play()" + style="fill:#000000;fill-opacity:0;stroke:none;stroke-width:1.473;stroke-linecap:round;stroke-linejoin:round" + id="work" + width="33.588001" + height="11.353639" + x="205.0751" + y="181.89476" /> + <rect + onclick="$('about').play()" + style="fill:#000000;fill-opacity:0;stroke:none;stroke-width:1.473;stroke-linecap:round;stroke-linejoin:round" + id="about" + width="30.512901" + height="8.2786942" + x="218.08449" + y="166.99312" /> + <rect + onclick="$('know').play()" + style="fill:#000000;fill-opacity:0;stroke:none;stroke-width:1.473;stroke-linecap:round;stroke-linejoin:round" + id="know" + width="35.243587" + height="8.7517633" + x="219.97676" + y="155.87601" /> + <rect + onclick="$('fool').play()" + style="fill:#000000;fill-opacity:0;stroke:none;stroke-width:1.473;stroke-linecap:round;stroke-linejoin:round" + id="fool" + width="26.964891" + height="10.407502" + x="311.98853" + y="58.187401" /> + <rect + onclick="$('book').play()" + style="fill:#000000;fill-opacity:0;stroke:none;stroke-width:1.473;stroke-linecap:round;stroke-linejoin:round" + id="book" + width="27.674496" + height="8.2786951" + x="304.65598" + y="77.11013" /> + <rect + onclick="$('poor').play()" + style="fill:#000000;fill-opacity:0;stroke:none;stroke-width:1.473;stroke-linecap:round;stroke-linejoin:round" + id="poor" + width="33.824383" + height="10.170968" + x="296.37729" + y="93.19445" /> + <rect + onclick="$('boy').play()" + style="fill:#000000;fill-opacity:0;stroke:none;stroke-width:1.473;stroke-linecap:round;stroke-linejoin:round" + id="boy" + width="17.503527" + height="17.266993" + x="320.97684" + y="133.40526" /> + <rect + onclick="$('cord').play()" + style="fill:#000000;fill-opacity:0;stroke:none;stroke-width:1.473;stroke-linecap:round;stroke-linejoin:round" + id="cord" + width="27.43795" + height="10.170982" + x="313.64426" + y="158.24135" + ry="0" /> + <rect + onclick="$('now').play()" + style="fill:#000000;fill-opacity:0;stroke:none;stroke-width:1.473;stroke-linecap:round;stroke-linejoin:round" + id="now" + width="32.641712" + height="11.117105" + x="303.23679" + y="176.69101" /> + <rect + onclick="$('car').play()" + style="fill:#000000;fill-opacity:0;stroke:none;stroke-width:1.473;stroke-linecap:round;stroke-linejoin:round" + id="car" + width="25.073" + height="9.4613657" + x="283.60443" + y="196.7964" /> + <rect + onclick="$('wash').play()" + style="fill:#000000;fill-opacity:0;stroke:none;stroke-width:1.473;stroke-linecap:round;stroke-linejoin:round" + id="wash" + width="18.213129" + height="15.37472" + x="325.47098" + y="201.05402" /> + </g> +</svg>