lushootseed/test.html at master · AlisonZ/lushootseed · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html>
<html>
  <head>
    <title>Lushootseed</title>
    <link href="css/reset.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/style_test.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Rock+Salt|Permanent+Marker|Architects+Daughter" rel="stylesheet">
  </head>
  <body>
    <header>
      <div class="header_inner">
        <h1><a href="index.html">Learn Lushootseed</a></h1>
        <ul id="nav">
          <li><a href="index.html">Home</a></li>
          <li><a href="learn.html">Learn The Language</a></li>
          <li><a href="about_us.html">About Us</a></li>
        </ul>
      </div>
    </header>
    <main>
      <section id="matching_section">
        <p id="instructions">Below is a list of Lushootseed words you just learned and a list of their English equivalents. Match the Lushootseed word to the correct English definition. If you match incorrectly the words will turn red and stay in their spot. But that's okay - you're just learning! Keep trying until you get all of the right answers. Good luck!</p>
        <ul id="matching_left"></ul>
        <ul id="matching_right"></ul>
        <div id="matching_div">
          <ul id="matching_left_div"></ul>
          <ul id="matching_right_div"></ul>
        </div>
        <div id="test_complete">
          <h2>You won! Thanks for taking our quiz.</h2>
          <p>This project was designed to pique your interest about the Lushootseed language and the people who speak it.  If you're insterested in learning more, please visit our <a href="about_us.html">About Us</a> page for links to many more resources!</p>
        </div>
      </section>
      <section id="correct_section">
        <h2 id="correct_title">You matched these words to their definitions correctly!</h2>
        <ul id="correct_left"></ul>
        <ul id="correct_right"></ul>
      </section>
    </main>
    <footer>
      <div id="copyright">&#169;CodefellowsLushootseed</div>
    </footer>
    <script src="js/test.js"></script>
  </body>
</html>