Font icons in navbar

~dev_rating/application/views/base.twig

@@ -40,6 +40,7 @@
 	<title>{% block title %}{% endblock %} | {{ System.Title }}</title>
 	<meta http-equiv="Cache-Control" content="no-cache">
 	<link href='https://fonts.googleapis.com/css?family=PT+Sans&subset=cyrillic-ext,latin' rel='stylesheet' type='text/css'>
+	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
 
 	{{ HTML.style('static/css/common.css')|raw }}
 	{#
@@ -71,6 +72,19 @@
         };
     </script>
 
+	<style>
+		.fa-bg {
+			font-size: 1.5em;
+			line-height: 0.75em;
+			vertical-align: -15%;
+		}
+		.fa-md {
+			font-size: 1.2em;
+			line-height: 0.75em;
+			vertical-align: -10%;
+		}
+	</style>
+
 	{% block media %}
 	{% endblock %}
 </head>
@@ -82,28 +96,23 @@
 
 		<div class="header_wrapper">
 			<div class="logotype alignLeft">
-				{{ HTML.anchor('/', System.Title, {'title': 'Перейти на главную'})|raw }}
+				{{ HTML.anchor('/', '<i class="fa fa-home fa-bg fa-fw"></i>&nbsp;' ~ System.Title, {'title': 'Перейти на главную'})|raw }}
 			</div>
-			<div class="faculty alignLeft">{{ User.FacultyName }}</div>
 			<div class="navigation">
-				{#
-				<div id = "top_user_messages">
+				{# todo: internal messages #}
+				{# <div id = "top_user_messages">
 					{{ HTML.image('static/img/messageIcon.png', {'height': '11px'})|raw }} (1)
 				</div>
 				include 'messages/messages' #}
-				<div id="username">
-					{{ HTML.image('static/img/user.png', {'height': '11px'})|raw }}
-								{{ User.FirstName }} {{ User.LastName }}
-				</div>
-				|
-                {% if User.isAdmin %}
-                    {{ HTML.anchor('office', 'Администрирование')|raw }}
-                {% elseif User.isDean %}
-                    {{ HTML.anchor('office', 'Деканат')|raw }}
-                {% endif %}
-			{{ HTML.anchor('/', 'Главная страница')|raw }}
-			<a href='#' id="settingsButton">Настройки</a>
-			{{ HTML.anchor('sign/out', 'Выход')|raw }}
+				<div id="username">{{ User.FirstName }} {{ User.LastName }}</div>
+
+				{% if User.isAdmin or User.isDean %}
+					{% set officeTitle = User.isAdmin ? 'Администрирование' : 'Деканат' %}
+					{{ HTML.anchor('/office', '<i class="fa fa-university fa-md fa-fw"></i>', {'title': officeTitle })|raw }}
+				{% endif %}
+
+				{{ HTML.anchor('#', '<i class="fa fa-cog fa-bg fa-fw"></i>', {'title': 'Настройки', 'id': 'settingsButton'})|raw }}
+				{{ HTML.anchor('/sign/out', '<i class="fa fa-sign-out fa-bg fa-fw"></i>', {'title': 'Выход'})|raw }}
 			</div>
 		</div>
 		{% if User.Type == 'student' %}