font awesome, participate

config.toml

@@ -30,6 +30,12 @@ name = "Verein"
 identifier = "about"
 url = "/de/about/"
 
+[[Languages.de.menu.main]]
+weight = 3
+name = "Mitmachen"
+identifier = "participate"
+url = "/de/participate/"
+
 [Languages.en]
 weight = 2
 languageCode = "en-US"
@@ -46,3 +52,9 @@ weight = 2
 name = "About Us"
 identifier = "about"
 url = "/en/about/"
+
+[[Languages.en.menu.main]]
+weight = 3
+name = "Participate"
+identifier = "participate"
+url = "/en/participate/"

content/participate.de.md

+---
+title: Mitmachen
+description: Mitmachen beim StuStaNet
+type: page
+color: red
+---
+jo macht mit
\ No newline at end of file

content/participate.en.md

+---
+title: Participate
+description: Participating at StuStaNet
+type: page
+color: red
+aliases: [ "/participate/" ]
+---
+
+yo, participate!
\ No newline at end of file

layouts/_default/baseof.html

@@ -13,6 +13,7 @@
     <meta name="robots" content="noindex">
     {{ end }}
     <link href='/css/main.css' rel='stylesheet' type="text/css" />
+    <link href='/css/font-awesome.min.css' rel='stylesheet' type="text/css" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
     <link rel="icon" type="image/png" href="/favicon16.png" sizes="16x16" />
     <link rel="icon" type="image/png" href="/favicon32.png" sizes="32x32" />
@@ -94,6 +95,7 @@
     <footer>
       <div class="container">
         <div class="editPage">
+          <i class="fa fa-pencil"></i>
           <a href="{{ .Site.Params.gitEditBaseUrl }}{{ .File.Path }}" title="{{ i18n "editPage" }}">{{ i18n "editPage" }}</a>
         </div>
         <div class="center">

layouts/partials/lang-dropdown.html

 <div class="lang-dropdown {{ default "" ($.Scratch.Get "nav-orientation") }}">
-    <span><i class="globe"></i>{{ .Site.Language.Lang }}</span>
+    <span><i class="fa fa-globe"></i>{{ .Site.Language.Lang }}</span>
     <ul>
     {{ if .Site.IsMultiLingual }}
         {{ $lang := .Site.Language }}

static/css/main.css

@@ -168,13 +168,6 @@ body {
     margin: 0;
 }
 
-.hamburger .shorthand {
-    text-transform: uppercase;
-    font-size: 14px;
-    margin-right: 5px;
-}
-
-
 ul.menu {
     list-style-type: none;
     margin: 0;
@@ -206,17 +199,9 @@ ul.menu li a {
     cursor: pointer;
 }
 
-.lang-dropdown .globe {
-    display: inline-block;
-    width: 13px;
-    height: 13px;
-    margin: -2px 5px 0 0;
-    vertical-align: middle;
-    background: url(/globe.svg) no-repeat;
-}
-
-.lang-dropdown.up .globe {
-    background: url(/globe.up.svg) no-repeat;
+.lang-dropdown .fa-globe {
+    font-size: 16px;
+    margin-right: 5px;
 }
 
 .lang-dropdown ul {
@@ -302,7 +287,7 @@ ul.menu li a {
     display: inline-block;
     line-height: 24px;
     text-align: center;
-    margin: 0 6px;
+    margin: 0 6px;    
 }
 
 article > *,
@@ -323,10 +308,7 @@ nav .container {
 
 nav .container .lang-dropdown {
     color: #1b54ac;
-}
-
-nav .container .lang-dropdown {
-    padding: 15px 5px 15px 25px;
+    padding: 13px 5px 15px 25px;
 }
 
 .lang-dropdown::after {
@@ -508,11 +490,7 @@ footer .editPage {
     overflow: hidden;
 }
 
-footer .editPage a {
-    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEUAAADv7+/v7+/v7+/v7+/s7Ozs7Ozt7e3t7e3t7e3s7Ozs7Ozs7Ozs7Ozt7e3t7e3t7e3t7e3ECRl9AAAAEXRSTlMAECAwQFBgkJ+gr7C/wNDv8A/g33EAAABLSURBVHjarchBAoAgDAPBUCqISjX//6xyMnh2bztIGw+DtJMNSWB8OfML/XlSxMZPki5+JP8p4R0qsaCZigNeIdJXR0CzGiyYK+0GziYE48hUzCUAAAAASUVORK5CYII=) no-repeat;
-    padding-left: 20px;
-}
-
+footer .container, 
 footer .container a {
     color: #EDEDED;
 }