szurubooru/public_html/templates/top-navigation.tpl

<ul>
	<%
		var links = [];
		links.push({
			target: '#/home',
			title: 'Home',
			icon: 'fa-home'});

		if (canListPosts) {
			links.push({
				target: '#/posts',
				title: 'Posts',
				icon: 'fa-th'});

			if (canUploadPosts) {
				links.push({
					target: '#/upload',
					title: 'Upload',
					icon: 'fa-upload'});
			}

			links.push({
				target: '#/comments',
				title: 'Comments',
				icon: 'fa-comments'});
		}

		if (canListTags) {
			links.push({
				target: '#/tags',
				title: 'Tags',
				icon: 'fa-tags'});
		}

		if (canListUsers) {
			links.push({
				target: '#/users',
				title: 'Users',
				icon: 'fa-users'});
		}

		if (!loggedIn) {
			links.push({
				target: '#/login',
				title: 'Login',
				icon: 'fa-sign-in'});

			links.push({
				target: '#/register',
				title: 'Register',
				icon: 'fa-file-text-o'});

		} else {
			links.push({
				className: 'my-account',
				target: '#/user/' + user.name,
				title: 'Account',
				icon: 'fa-user'});

			links.push({
				target: '#/logout',
				title: 'Logout',
				icon: 'fa-sign-out'});
		}

		links.push({
			target: '#/help',
			title: 'Help',
			icon: 'fa-question-circle'});

		var takenAccessKeys = [];
		links = _.map(links, function(link) {
			if (typeof(link.className) === 'undefined') {
				link.className = link.title.toLowerCase();
			}
			if (typeof(link.accessKey) === 'undefined') {
				var accessKey = link.title.substring(0, 1);
				if (!_.contains(takenAccessKeys, accessKey)) {
					link.accessKey = accessKey;
					takenAccessKeys.push(accessKey);
				}
			}
			return link;
		});
	%>

	<% _.each(links, function(link) { %><!--
		--><li class="<%= link.className %>">
			<a class="big-button" href="<%= link.target %>" <%= link.accessKey ? 'accessKey="' + link.accessKey + '"' : '' %>>
				<i class="fa <%= link.icon %>"></i><br/>
				<%= link.title %>
			</a>
		</li><!--
	--><% }) %>
</ul>