WCLN Theme - Tables

Table - Black

<table class="table black">
  <tr class="header">
  ....

Table - Blue

<table class="table blue">
  <tr class="header">
  ....

Table - Green

<table class="table green">
  <tr class="header">
  ....

Table - Red

<table class="table red">
  <tr class="header">
  ....

Table - Yellow

<table class="table yellow">
  <tr class="header">
  ....

Table - Orange

<table class="table orange">
  <tr class="header">
  ....

Table - Purple

<table class="table purple">
  <tr class="header">
  ....

Table - Teal

<table class="table teal">
  <tr class="header">
  ....

Table - Pink

<table class="table pink">
  <tr class="header">
  ....

WCLN Theme - Fun Facts

Fun Fact Box - Green

<table class="learning-box green">
  <tr>
  <td>Electric Eels - Shocking!</td>
  </tr>
  <tr>
    <td>Electric eels can stun both predators and prey with electric shocks of around <strong>500 volts!</strong></td>
  </tr>
</table>

Note: for consistency sake, the "Fun Facts" should be using the "green" option as default.
Given that, all of the colors available for tables (above) are also available for "Fun Facts."

WCLN Theme - Acknowledgements

Image Acknowledgement

<div align="center"><img src="image.png" width="600px"> <footer class="acknowledgement">Image courtesy of Public Service Alliance of Canada (psacunion.ca).</footer></div>

Page Acknowledgement

....added at bottom of page..... <footer class="page-acknowledgment">This page uses content that was adapted from Wikimedia Commons.</footer>

WCLN Theme - Example Dropdown Answers 1

<p>Example: Solve for x, given  3(x + 2) = 15</p>
<select class="dropdown-1">
    <option>Attempt, then Check Your Answer</option>
    <option>Distribute the 3: 3x + 6 = 15</option>
    <option>Subtract 6 from both sides: 3x + 6 - 6 = 15 - 6 => 3x = 9</option>
    <option>Divide both sides by 3: 3x / 3 = 9 / 3 => x = 3</option>
    <option>Answer: x = 3</option>
</select>

Example: Solve for x, given 3(x + 2) = 15

<p>Check: A rhyme scheme ABAB CDCD EFEF GG (three quatrains and one rhyming couplet) describes what?</p>
<select class="dropdown-1">
    <option>Consider, then Check Your Answer</option>
    <option>a Shakespearean Sonnet</option>
</select>

Check: A rhyme scheme ABAB CDCD EFEF GG (three quatrains and one rhyming couplet) describes what?

<p>In photosynthesis, plants use sunlight to convert carbon dioxide and 
    <select class="dropdown-1">
      <option>Answer</option>
      <option>water</option>
    </select> 
into glucose and
    <select class="dropdown-1">
      <option>Answer</option>
      <option>oxygen</option>
    </select>, 
a process that takes place in the
    <select class="dropdown-1">
      <option>Answer</option>
      <option>chloroplasts</option>
    </select> 
of plant cells.</p>

In photosynthesis, plants use sunlight to convert carbon dioxide and Answer water into glucose and Answer oxygen , a process that takes place in the Answer chloroplasts of plant cells.

WCLN Theme - Example Dropdown Answers 2

Note: for each new Reading (page), start with a1, then use a2, a3, a4.... as needed

<p>What is Newton's First Law?</p> 
<div class="dropdown-2">
  <input type="checkbox" id="a1">
  <label for="a1">Consider, then Check Your Answer</label>
  <div>
    <p>An object at rest stays at rest, and an object in motion stays in motion with the same speed and in the same direction unless acted upon by an unbalanced force.</p>
  </div>
</div>

What is Newton's First Law?

<p>Use long division to determine 162 ÷ 9.</p> 
<div class="dropdown-2">
  <input type="checkbox" id="a2">
  <label for="a2">Try, then Check Your Answer</label>
  <div>
    <img src="answer-division.png">
  </div>
</div>

Use long division to determine 162 ÷ 9.

Try, then Check Your Answer

WCLN Theme - Download Buttons

If you are linking a pdf file (only), you can use:

<a href="file.pdf" class="pdf" target="_blank">Download PDF</a>

If you are linking a docx file (only), you can use:

<a href="file.pdf" class="docx" target="_blank">Download DOCX</a>

If you are allowing students to choose format, you can use:

<div style="text-align: center; margin: 30px auto">
  <a href="file.pdf" class="pdf" target="_blank">Download PDF</a> 
  <a href="file.docx" class="docx" target="_blank">Download DOCX</a>
</div>

Assignment: Download the Fascism worksheet and submit the completed work in the file submission area below