Session 10

3. Add a newspaper column styles.

4. Modify Programs using newspaper class and informative text.

Note: This descriptions may have been added in discussions earlier.

<div class="newspaper4">
  <button onMouseDown="return sayDrugTreatment()">Drug Treatment Programs</button><br/><img src="images/image1.jpg"><br/>
  <h4>Drug abuse treatment programs provide valuable help to thousands of individuals struggling with drug abuse. Substance abuse of any kind affects people of all ages, genders and cultural backgrounds. Despite the large demographic variability, all share one very important commonality - they need support rather than sympathy. </h4>
  <button onMouseDown="return sayEducational()">Educational Programs</button><br/><img src="images/image2.jpg"><br/>
  <h4>Education programs can connect networks of industry partners with education leaders bringing together thousands of students. All our resources are curriculum aligned and use best practice STEM teaching methods, catering for primary to secondary schooling, and on to tertiary education and early career opportunities.</h4>
  <button onMouseDown="return sayCounselling ()">Counselling Programs</button><br/><img src="images/image3.jpg"><br/>
  <h4>Counselling programs provide individual counselling sessions for people who are having trouble coping with stressful situations. If they have any self-harm, suicide or other risk factors, crisis counselling is implemented. If requested, access to recognised spiritual or tribal elders is also provided.</h4>
  <button onMouseDown="return sayHateCrime()">Hate Crime Programs</button><br/><img src="images/image4.jpg"><br/>
  <h4>Hate Crime programs is delivered to people in custody who have been a victim of crime by addressing their complex trauma histories while aiming to assist in recovering from the psychological and emotional impacts the crime has had on them. People with proven experience in working with victims of crime are carefully selected.</h4>
</div>

Language Map

1. Modify language map script by adding information boxes and links to language windows.

<div id="info-box"></div>
   <div align="center">
<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   viewBox="0 0 717 649"
   height="649"
   width="717"
   id="svg2"
   version="1.1">
<g style="stroke:#00cc00;stroke-width:2;">   
  <path
     id="Wiradjuri" data-info="<div>Wiradjuri</div>" onclick="Wiradjuri()"
     d="m 237.42094,56.747158 441.27679,-0.66169 0.71769,452.823832 -6.57908,19.73724 c 1.4564,21.687 -10.19533,18.46855 -24.52202,10.16767 -5.82096,-3.13084 -9.20546,-9.91638 -20.93344,-4.18669 -9.76893,-0.40204 -19.53787,-8.31188 -29.3068,1.1962 -9.17084,12.71075 -18.34167,9.95433 -27.51251,5.38288 l -20.93344,-4.18669 -35.88588,-8.97147 -23.32582,-5.98098 -35.88589,4.78478 -49.04404,-0.59809 -15.55055,-16.14865 -22.12963,-19.13914 -14.35435,-33.49349 -8.37338,-29.30681 -2.99049,-32.29729 -7.77527,-20.93344 -20.33534,-20.33533 -26.31631,-5.38288 1.1962,-9.56957 -5.98099,-39.47447 -8.37337,-13.15816 -6.57908,-44.25926 8.37338,-32.2973 24.52202,-29.9049 -17.34485,-41.26877 -19.73723,-32.89539 -18.54104,-22.12963 z"
     style="fill:#d3bc5f;">
  </path>
  <path
     id="Yitha" data-info="<div>Yitha Yitha</div>" onclick="Yitha()"
     d="m 237.42094,56.747158 -25.71822,-1.196196 -45.45545,34.689689 -26.31631,25.718219 -31.1011,19.73723 38.27827,46.65166 42.46497,45.45545 12.56005,-3.58859 32.2973,8.37337 24.52202,-12.56006 17.34485,-9.56957 24.52202,-29.9049 -17.34485,-41.26877 -19.73723,-32.89539 -18.54104,-22.12963 z"
     style="fill:#aac154;">
  </path>
  <path
     id="Nari" data-info="<div>Nari Nari</div>" onclick="Nari()";  
     d="m 189.5731,227.80321 -32.8954,24.52202 5.98098,35.88588 22.12963,49.04405 46.65165,-10.76577 57.41742,13.15816 -5.98099,-39.47447 -8.37337,-13.15816 -6.57908,-44.25926 8.37338,-32.2973 -41.86687,22.12963 -32.2973,-8.37337 z"
     style="fill:#e9d3bc;">
  </path>
  <path
     id="Wemba" data-info="<div>Wemba Wemba</div>" onclick="Wemba()"
          d="m 184.78831,337.25516 -32.89539,38.87637 -29.90491,9.56957 -9.56957,11.36386 -56.819314,4.18669 29.306803,62.8003 38.876381,19.13914 66.98698,-57.41742 63.3984,-38.87637 33.49349,-37.68018 1.1962,-9.56957 -57.41742,-13.15816 z"
     style="fill:#ff8080;">
  </path>
  <path
     id="Wadi" data-info="<div>Wadi Wadi</div>" onclick="Wadi()"
     d="m 184.78831,337.25516 -7.77527,-16.74675 -56.81932,-4.78478 -32.297301,-11.36387 -25.71821,20.33534 -20.335338,16.14864 5.382882,26.91442 9.569569,17.34484 -1.196196,16.14865 56.819314,-4.18669 9.56957,-11.36386 29.90491,-9.56957 z"
     style="fill:#5fd3bc;">
  </path>
  <path
     id="Baraba" data-info="<div>Baraba Baraba</div>" onclick="Baraba()"
     d="m 287.66118,349.21712 -33.49349,37.68018 -63.3984,38.87637 -66.98698,57.41742 21.53153,38.87637 37.08208,50.24024 19.13914,34.68969 32.29729,-14.95246 29.30681,-61.006 -29.90491,-22.12963 -23.32582,-23.92392 61.6041,-43.66116 70.57557,-45.45545 -7.77527,-20.93344 L 313.97749,354.6 Z"
     style="fill:#79ff00;">
  </path>
  <path
     id="Yorta" data-info="<div>Yorta Yorta</div>" onclick="Yorta()"  
     d="m 263.13916,531.03893 c 0,0 123.8063,25.71822 120.81581,24.52202 -2.99049,-1.19619 21.53153,-29.3068 21.53153,-29.3068 l -37.68018,-35.28779 -14.35435,-33.49349 -8.37338,-29.30681 -2.99049,-32.29729 -71.30543,46.06459 -60.87424,43.05202 23.32582,23.92392 z"
     style="fill:#00ccff;">
  </path>
  <path
     id="Madi" data-info="<div>Madi Madi</div>" onclick="Madi()"
     d="m 108.82986,135.6961 -87.920422,62.8003 37.082081,53.23073 16.14865,17.94294 13.75625,34.68969 32.297301,11.36387 56.81932,4.78478 -14.35436,-32.2973 -5.98098,-35.88588 32.8954,-24.52202 z"
     style="fill:#aa8fbc;">
  </path>
</g>  
</svg>
   <script src="assets/map.js"></script>
   <script type="text/javascript">
      function Wiradjuri() {
      window.open("Wiradjuri.html", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=150,left=50,width=500,height=500");}
      function Yitha() {
      window.open("Yitha.html", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=150,left=50,width=500,height=500");}
      function Nari() {
      window.open("Nari.html", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=150,left=50,width=500,height=500");}
      function Wemba() {
      window.open("Wemba.html", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=150,left=50,width=500,height=500");}
      function Wadi() {
      window.open("Wadi.html", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=150,left=50,width=500,height=500");}
      function Baraba() {
      window.open("Baraba.html", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=150,left=50,width=500,height=500");}
      function Yorta() {
      window.open("Yorta.html", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=150,left=50,width=500,height=500");}
      function Madi() {
      window.open("Madi.html", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=150,left=50,width=500,height=500");}
   </script>

2. Create map.css and save in assets folder.

3. Create map.js and save in assets folder.

4. Open language.pdf.
Record the words in Snap! and export.

Save in audio subfolder.

Open Audacity and create 31 separate mp3 files.

Each mp3 should say Gooreng Gooreng word followed by English word.

Copy and finish the code and save in assets as language.js.

Session 10 - Audio

Audio

1. Use Snap! to record the Programs Headings and save in audio subfolder:

2. Open Audacity and create 4 separate mp3 files:

Drug Treatment Programs => drug_treatment.mp3

Educational Programs => education.mp3

Counselling Programs => counselling.mp3

Hate Crime Programs => hate_crime.mp3

2. Copy the code and save in assets as speak.js.

3. Add a newspaper column styles.

4. Modify Programs using newspaper class and informative text.

Note: This descriptions may have been added in discussions earlier.

Language Map

1. Modify language map script by adding information boxes and links to language windows.

2. Create map.css and save in assets folder.

3. Create map.js and save in assets folder.

4. Open language.pdf.
Record the words in Snap! and export.

Save in audio subfolder.

Open Audacity and create 31 separate mp3 files.

Each mp3 should say Gooreng Gooreng word followed by English word.

Copy and finish the code and save in assets as language.js.

Create html files for the 8 language areas.

Open Website

Activities

Replace Lorem Ipsum with information about the website.

Replace the Gooreng Gooreng words with ones that match the Language Map.

Session 10 - Audio

Audio

1. Use Snap! to record the Programs Headings and save in audio subfolder:

2. Open Audacity and create 4 separate mp3 files:

Drug Treatment Programs => drug_treatment.mp3 Educational Programs => education.mp3 Counselling Programs => counselling.mp3 Hate Crime Programs => hate_crime.mp3

2. Copy the code and save in assets as speak.js.

3. Add a newspaper column styles.

4. Modify Programs using newspaper class and informative text.

Note: This descriptions may have been added in discussions earlier.

Language Map

1. Modify language map script by adding information boxes and links to language windows.

2. Create map.css and save in assets folder.

3. Create map.js and save in assets folder.

4. Open language.pdf. Record the words in Snap! and export. Save in audio subfolder. Open Audacity and create 31 separate mp3 files. Each mp3 should say Gooreng Gooreng word followed by English word. Copy and finish the code and save in assets as language.js.

Create html files for the 8 language areas.

Open Website

Activities

Replace Lorem Ipsum with information about the website.

Replace the Gooreng Gooreng words with ones that match the Language Map.

Drug Treatment Programs => drug_treatment.mp3

Educational Programs => education.mp3

Counselling Programs => counselling.mp3

Hate Crime Programs => hate_crime.mp3

4. Open language.pdf.
Record the words in Snap! and export.

Save in audio subfolder.

Open Audacity and create 31 separate mp3 files.

Each mp3 should say Gooreng Gooreng word followed by English word.

Copy and finish the code and save in assets as language.js.