<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<title><?= $CONFIG->course->long ?> <?= htmlspecialchars($CONFIG->title->long) ?> – <?= $CONFIG->quarter->long ?></title>
<link href="<?= $BASENAME ?>/xml/updates.xml" rel="alternate" type="application/rss+xml" title="RSS 2.0" id="updates_rss">
<!-- <link href="//vjs.zencdn.net/4.0/video-js.css" rel="stylesheet"> -->
<link href="<?= $BASENAME ?>/lib/courseweb/css/josefin_sans.css" rel="stylesheet">
<link href="<?= $BASENAME ?>/lib/courseweb/css/style.css" rel="stylesheet">
<!-- <script src="//vjs.zencdn.net/4.0/video.js" type="text/javascript"></script> -->
<script>var BASENAME = '<?= $BASENAME ?>';</script>
<script src="<?= $BASENAME ?>/lib/global/js/jquery-1.10.2.min.js"></script>
<script src="<?= $BASENAME ?>/lib/courseweb/js/scripts.js"></script>
</head>
<body class="<?= $PAGE ?>" style="visibility: hidden">
<!-- <div id="page"> -->
<header class="masthead">
<header class="branding">
<a href="<?= $BASENAME ?>/">
<h1 id="course_id"><?= $CONFIG->course->long ?></h1>
<h1 id="course_title"><?= htmlspecialchars($CONFIG->title->short) ?></h1>
<h1 id="course_quarter"><small><?= htmlspecialchars($CONFIG->quarter->long) ?></small></h1>
</a>
</header>
<nav>
<h2>Contents</h2>
<ul>
<?php
foreach ($PAGES as $page) {
$sanitized = strtolower(str_replace(' ', '', $page));
?>
<li id="nav_<?= $sanitized ?>"><a href="<?= $BASENAME ?>/<?= strtolower($sanitized) ?>/"><?= $page ?></a></li>
<?php
}
?>
<li id="nav_forums"><a href="https://catalyst.uw.edu/gopost/board/mdoocy/32597/">Forums <img id="catalyst" src="<?= $BASENAME ?>/images/catalyst.png"></a></li>
</ul>
<script type="text/javascript" charset="utf-8">
// draw dropbox arrows
var s = parseInt($(document.body).css('font-size')) / 18;
var canvas = document.createElement('canvas');
canvas.width = 45 * s;
canvas.height = 115 * s;
// c.lineCap = 'square';
$('header.masthead nav').append(canvas);
var c = canvas.getContext('2d');
c.lineWidth = .5 * s;
c.strokeStyle = '#000000';
c.beginPath();
c.moveTo( 0.5 * s, 0.0 * s);
c.lineTo( 0.5 * s, 84.5 * s);
c.lineTo(37.5 * s, 84.5 * s);
c.moveTo(37.5 * s, 35.0 * s);
c.lineTo(37.5 * s, 110.5 * s);
c.moveTo(32.5 * s, 105.5 * s);
c.lineTo(37.5 * s, 110.5 * s);
c.lineTo(42.5 * s, 105.5 * s);
c.stroke();
</script>
</nav>
</header>
<div id="main">
<div class="overlay top"></div>
<div class="overlay bottom"></div>
<div class="overlay left"></div>
<div class="overlay right"></div>
<div class="slider primary">