lushootseed/learn.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
47
48
49
50
<!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_learn.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>
        <h2>Learn about Lushootseed</h2>
        <p>Let's start learning Lushootseed! In this section you can view flashcards of Lushootseed vocabulary. After viewing six flashcards you'll be presented with the option to take a fun quiz! Or you can continue learning more words!</p>
      </section>
      <section class="section" id="flashcard">
        <img src="" id="picture_tag">
        <ul id="translations">
          <li id="lushootseed_translation"></li>
          <li>
            <audio id="flashcard_audio" src="" preload="auto" controls>
              <p>Your browser does not support the <code>audio</code> element</p>
            </audio>
          </li>
          <li id="english_translation"></li>
        </ul>
      </section>
      <section class="section">
        <button id="next_flashcard">Next Flashcard</button>
        <a href="test.html">
          <button id="take_test" class="take_test">Take the quiz!</button>
        </a>
      </section>
    </main>
    <footer>
      <div id="copyright">&#169;CodefellowsLushootseed</div>
    </footer>
    <script src="js/learn.js"></script>
  </body>
</html>