wordygo/application/views/templates/learn.php

<div class="learn r">
	<div class="c -m2">
		<nav class="side">
			<ul>
				<li><a href="<?= site_url('learn') ?>" class="A<?= $current == 'start' ? ' -c' : '' ?>">Start</a></li>
				<li class="dd">
					<a href="#" class="A<?= $current == 'html' ? ' -c' : '' ?>">HTML</a>
					<ul class="Dh A">
						<li><?= anchor('learn/html/introduction', 'Introduction') ?></li>
						<li><?= anchor('learn/html/canvas_api', 'Canvas API') ?></li>
						<li><?= anchor('learn/html/websocket_api', 'Websocket API') ?></li>
						<li><?= anchor('learn/html/webworkers_api', 'WebWorkers API') ?></li>
						<li><?= anchor('learn/html/storage_api', 'Storage API') ?></li>
						<li><?= anchor('learn/html/audio_video', 'Audio & Video') ?></li>
						<li><?= anchor('learn/html/forms_api', 'Forms API') ?></li>
						<li><?= anchor('learn/html/geolocation_api', 'Geolocation API') ?></li>
						<li><?= anchor('learn/html/drag_drop', 'Drag n Drop') ?></li>
					</ul>
				</li>
				<li class="dd">
					<a href="#" class="A<?= $current == 'css' ? ' -c' : '' ?>">CSS</a>
					<ul class="Dh A">
						<li><?= anchor('learn/css/introduction', 'Introduction') ?></li>
						<li><?= anchor('learn/css/selectors', 'Selectors') ?></li>
						<li><?= anchor('learn/css/display_modes', 'Display Modes') ?></li>
						<li><?= anchor('learn/css/box_models', 'Box Models') ?></li>
						<li><?= anchor('learn/css/floating', 'Floating') ?></li>
						<li><?= anchor('learn/css/positioning', 'Positioning') ?></li>
						<li><?= anchor('learn/css/pseudo_stuff', 'Pseudo Stuff') ?></li>
						<li><?= anchor('learn/css/transitions', 'Transitions') ?></li>
						<li><?= anchor('learn/css/animation', 'Animation') ?></li>
						<li><?= anchor('learn/css/general', 'General') ?></li>
					</ul>
				</li>
				<li class="dd">
					<a href="#" class="A<?= $current == 'sass' ? ' -c' : '' ?>">SASS</a>
					<ul class="Dh A">
						<li><?= anchor('learn/sass/introduction', 'Introduction') ?></li>
						<li><?= anchor('learn/sass/variables', 'Variables') ?></li>
						<li><?= anchor('learn/sass/functions', 'Functions') ?></li>
						<li><?= anchor('learn/sass/mixins', 'Mixins') ?></li>
						<li><?= anchor('learn/sass/nesting', 'Nesting') ?></li>
						<li><?= anchor('learn/sass/extending', 'Extending') ?></li>
					</ul>
				</li>
				<li class="dd">
					<a href="#" class="A<?= $current == 'compass' ? ' -c' : '' ?>">Compass</a>
					<ul class="Dh A">
						<li><?= anchor('learn/compass/introduction', 'Introduction') ?></li>
						<li><?= anchor('learn/compass/css3', 'CSS3') ?></li>
						<li><?= anchor('learn/compass/helpers', 'Helpers') ?></li>
						<li><?= anchor('learn/compass/layout', 'Layout') ?></li>
						<li><?= anchor('learn/compass/reset', 'Reset') ?></li>
						<li><?= anchor('learn/compass/typography', 'Typography') ?></li>
						<li><?= anchor('learn/compass/utilities', 'Utilities') ?></li>
						<li><?= anchor('learn/compass/foundation', 'Foundation') ?></li>
					</ul>
				</li>
				<li class="dd">
					<a href="#" class="A<?= $current == 'svg' ? ' -c' : '' ?>">SVG & Inkscape</a>
					<ul class="Dh A">
						<li><?= anchor('learn/svg/introduction', 'Introduction') ?></li>
						<li><?= anchor('learn/svg/inkscape', 'Inkscape') ?></li>
					</ul>
				</li>
				<li class="dd">
					<a href="#" class="A<?= $current == 'js' ? ' -c' : '' ?>">JavaScript</a>
					<ul class="Dh A">
						<li><?= anchor('learn/js/introduction', 'Introduction') ?></li>
						<li><?= anchor('learn/js/jquery', 'jQuery') ?></li>
						<li><?= anchor('learn/js/modernizr', 'Modernizr') ?></li>
						<li><?= anchor('learn/js/requirejs', 'Require.js') ?></li>
						<li><?= anchor('learn/js/lodash', 'Lodash') ?></li>
						<li><?= anchor('learn/js/yeoman', 'Yeoman') ?></li>
						<li><?= anchor('learn/js/nodejs', 'Node.js') ?></li>
						<li><?= anchor('learn/js/libraries', 'More Libraries') ?></li>
						<li><?= anchor('learn/js/game_development', 'Game Development') ?></li>
					</ul>
				</li>
				<li class="dd">
					<a href="#" class="A<?= $current == 'php' ? ' -c' : '' ?>">PHP</a>
					<ul class="Dh A">
						<li><?= anchor('learn/php/introduction', 'Introduction') ?></li>
						<li><?= anchor('learn/php/codeigniter', 'CodeIgniter') ?></li>
					</ul>
				</li>
				<li class="dd">
					<a href="#" class="A<?= $current == 'ruby' ? ' -c' : '' ?>">Ruby</a>
					<ul class="Dh A">
						<li><?= anchor('learn/ruby/introduction', 'Introduction') ?></li>
					</ul>
				</li>
				<li class="dd">
					<a href="#" class="A<?= $current == 'markdown' ? ' -c' : '' ?>">Markdown</a>
					<ul class="Dh A">
						<li><?= anchor('learn/markdown/introduction', 'Introduction') ?></li>
					</ul>
				</li>
				<li class="dd">
					<a href="#" class="A<?= $current == 'git' ? ' -c' : '' ?>">Git</a>
					<ul class="Dh A">
						<li><?= anchor('learn/git/introduction', 'Introduction') ?></li>
					</ul>
				</li>
				<li class="dd">
					<a href="#" class="A<?= $current == 'vim' ? ' -c' : '' ?>">Vim</a>
					<ul class="Dh A">
						<li><?= anchor('learn/vim/introduction', 'Introduction') ?></li>
					</ul>
				</li>
				<li class="dd">
					<a href="#" class="A<?= $current == 'sublime' ? ' -c' : '' ?>">Sublime Text</a>
					<ul class="Dh A">
						<li><?= anchor('learn/sublime/introduction', 'Introduction') ?></li>
					</ul>
				</li>
				<li class="dd">
					<a href="#" class="A<?= $current == 'linux' ? ' -c' : '' ?>">Linux</a>
					<ul class="Dh A">
						<li><?= anchor('learn/linux/introduction', 'Introduction') ?></li>
					</ul>
				</li>
			</ul>
		</nav>
	</div>
	<div class="c -m10">
		<?= $current != 'start' ? '<h1>' . $current . '</h1>' : '' ?>
		<?= isset($content) ? $content : null ?>
	</div>
</div>