illinois-cs241.github.io/labs.html at master · arshk123/illinois-cs241.github.io · 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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
---
---
<!DOCTYPE html>
<html>
  {% include head.html %}
  <body>
      {% include header.html %}
      <main class="mdl-layout__content">
        <div class="page-content">
          <!-- Your content goes here -->
          <div class="row">
          	<div class="small-12 medium-12 large-8 large-centered columns">
              <h1>Labs</h1>
              <p>All labs are released on Thursdays and due on the following Wednesday at 11:59pm</p>
              <!-- Desktop Table -->
              <div class="show-for-large-up">
                <table width = "100%" class="mdl-data-table mdl-js-data-table">
            		  <thead>
            		    <tr>
            		      <th class="mdl-data-table__cell--non-numeric">Lab</th>
            		      <th class="mdl-data-table__cell--non-numeric">Release Date</th>
                      <th class="mdl-data-table__cell--non-numeric">Due Date</th>
                      <th class="mdl-data-table__cell--non-numeric">Slides</th>
                      <th class="mdl-data-table__cell--non-numeric">Handout</th>
            		    </tr>
            		  </thead>
            		  <tbody>
                    {% for lab in site.data.labs %}
                      <tr>
                        <td class="mdl-data-table__cell--non-numeric"><a href="./{{lab.url}}.html">{{lab.name}}</a></td>
              		    	<td class="mdl-data-table__cell--non-numeric">{{lab.releaseDate}}</td>
                        <td class="mdl-data-table__cell--non-numeric">{{lab.dueDate}}</td>
                        {% if lab.resources %}


                        <td class="mdl-data-table__cell--non-numeric"><a href="./lab_resources/slides/{{lab.name | downcase | replace: " ", "_"}}.html"><img src="./images/lab_assets/animation.png"></a></td>

                        {% if lab.worksheet == nil or lab.worksheet != false %}
                        <td class="mdl-data-table__cell--non-numeric">
                        <a href="./lab_resources/handouts/{{lab.name | downcase | replace: " ", "_"}}.pdf"><img src="./images/lab_assets/file-document.png"></a></td>
                        {% endif %}

                        {% else %}
                        <td class="mdl-data-table__cell--non-numeric">
                        </td>
                        <td class="mdl-data-table__cell--non-numeric">
                        </td>
                        {% endif %}
                      </tr>
                    {% endfor %}
            		  </tbody>
            		</table>
              </div>
            	<!-- Mobile Table -->
            	<div class="hide-for-large-up">
                {% for lab in site.data.labs %}
                  <table width = "100%" class="mdl-data-table mdl-js-data-table" style = "margin-bottom: 5%">
                    <tr>
                      <td class="mdl-data-table__cell--non-numeric">Lab</td>
                      <td><a href="./{{lab.url}}.html">{{lab.name}}</a></td>
                    </tr>
                    <tr>
                      <td class="mdl-data-table__cell--non-numeric">Release Date</td>
                      <td>{{lab.releaseDate}}</td>
                    </tr>
                    <tr>
                      <td class="mdl-data-table__cell--non-numeric">Due Date</td>
                      <td>{{lab.dueDate}}</td>
                    </tr>
                  </table>
                {% endfor %}
            	</div>
            </div>
          </div>
        </div>
      </main>
    </div>
    <script>
      $(document).foundation();
    </script>
  </body>
</html>