Move donate button and add icons (#380)

Author: rubenwardy

_includes/header.html

@@ -26,16 +26,11 @@
 				{% for item in navbar %}
 				<a class="navbar-item" href="{{ item.url | replace: '/en/', langPrefix }}">{{ item.title | i18n }}</a>
 				{% endfor %}
-				<div class="navbar-item">
-					<a href="{{ '/en/get-involved/' | locale_url }}#donate" class="button is-primary">
-						{{ "Donate" | i18n }}
-					</a>
-				</div>
 			</div>
 			<div class="navbar-end">
 				<div class="navbar-item has-dropdown is-hoverable">
-					<a class="navbar-link">
-						{{ lang | default: "en" | langName }}
+					<a class="navbar-link" title="{{ 'Select language' | i18n }}" aria-label="{{ 'Select language' | i18n }}">
+						<i class="fas fa-language"></i>
 					</a>
 
 					<div class="navbar-dropdown is-right">
@@ -50,6 +45,12 @@
 						{%- endfor -%}
 					</div>
 				</div>
+				<div class="navbar-item">
+					<a href="{{ '/en/get-involved/' | locale_url }}#donate" class="button is-primary">
+						<i class="fas fa-heart mr-2"></i>
+						{{ "Donate" | i18n }}
+					</a>
+				</div>
 			</div>
 		</div>
 	</div>

_includes/layouts/base.html

@@ -24,6 +24,7 @@
 	<link rel="alternate" hreflang="{{ link.lang }}" href="{{ link.url | absolute_url }}">
 	{%- endfor %}
 	<link rel="stylesheet" href="/assets/css/main.css">
+	<link rel="stylesheet" href="/assets/css/all.min.css">
 	<link rel="apple-touch-icon" sizes="57x57" href="/media/favicon/57x57.png">
 	<link rel="apple-touch-icon" sizes="60x60" href="/media/favicon/60x60.png">
 	<link rel="apple-touch-icon" sizes="72x72" href="/media/favicon/72x72.png">