add social icons to footer

i2p2www/pages/global/footer.html

 <div id="footermenu" class="first">
   <ul>
-    <li><a href="{{ get_url('downloads_list') }}"><div class="footeritem"><span>{{ _('Download') }}</span></div></a></li>
-    <li><a href="{{ site_url('faq') }}"><div class="footeritem"><span>{{ _('FAQ') }}</span></div></a></li>
-    <li><a href="{{ site_url('docs') }}"><div class="footeritem"><span>{{ _('Documentation') }}</span></div></a></li>
-    <li><a href="{{ site_url('research') }}"><div class="footeritem"><span>{{ _('Research') }}</span></div></a></li>
+    <li><a href="{{ site_url('contact') }}"><img class="socialfooter" src="/_static/images/social/contact.png"><div class="footeritem"><span>{{ _('Contact us') }}</span></div></a></li>
+    <li><a href="http://{{ i2pconv('i2pforum.i2p') }}/"><img class="socialfooter" src="/_static/images/social/forum.png"><div class="footeritem"><span>{{ _('Official Forums') }}</span></div></a></li>
+    <li><a href="https://reddit.com/r/i2p"><div class="footeritem"><img class="socialfooter" src="/_static/images/social/reddit-alien-brands.png"><span>Reddit</span></div></a></li>
+    <li><a href="https://twitter.com/i2p"><div class="footeritem"><img class="socialfooter" src="/_static/images/social/twitter-brands.png"><span>Twitter</span></div></a></li>
   </ul>
 </div>
 <div id="footermenu" class="second">
   <ul>
-    <li><a href="{{ site_url('contact') }}"><div class="footeritem"><span>{{ _('Contact us') }}</span></div></a></li>
-    <li><a href="http://{{ i2pconv('i2pforum.i2p') }}/"><div class="footeritem"><span>{{ _('Forums') }}</span></div></a></li>
-    <li><a href="https://reddit.com/r/i2p"><div class="footeritem"><span>Reddit</span></div></a></li>
-    <li><a href="{{ site_url('get-involved/guides/new-developers') }}"><div class="footeritem"><span>Develop</span></div></a></li>
+    <li><a href="{{ get_url('downloads_list') }}"><div class="footeritem"><span>{{ _('Download') }}</span></div></a></li>
+    <li><a href="{{ site_url('faq') }}"><div class="footeritem"><span>{{ _('FAQ') }}</span></div></a></li>
+    <li><a href="{{ site_url('docs') }}"><div class="footeritem"><span>{{ _('Documentation') }}</span></div></a></li>
+<!--    <li><a href="{{ site_url('research') }}"><div class="footeritem"><span>{{ _('Research') }}</span></div></a></li>-->
   </ul>
 </div>
 <div id="footermenu" class="third">
@@ -19,6 +19,6 @@
     <li><a href="{{ site_url('get-involved') }}"><div class="footeritem"><span>{{ _('Get involved!') }}</span></div></a></li>
     <li><a href="{{ site_url('get-involved/donate') }}"><div class="footeritem"><span>{{ _('Donate') }}</span></div></a></li>
     <li><a href="https://i2p-metrics.np-tokumei.net/"><div class="footeritem"><span>{{ _('Metrics') }}</span></div></a></li>
-    <li><a href="{{ site_url('papers') }}"><div class="footeritem"><span>{{ _('Papers') }}</span></div></a></li>
+    <!--<li><a href="{{ site_url('get-involved/guides/new-developers') }}"><div class="footeritem"><span>Develop</span></div></a></li>-->
   </ul>
 </div>

i2p2www/pages/site/index.html

@@ -6,9 +6,7 @@
 <div class="main">
   <!--<img src="{{ url_for('static', filename='images/pexels-jakub-novacek.jpg') }}" class="home_splash_image" />-->
   <h1>{{ _('What does I2P do for you?') }}</h1>
-  <p>{% trans %}The Invisible Internet is a privacy by design people-powered network.
-    Explore and create an Internet alternative that is both distributed and dynamic.
-    Share, communicate, create.
+  <p>{% trans %}The Invisible Internet is a privacy by design people-powered network. No tracking, protected communication and truly free.
   {% endtrans %}</p>
   <a class="get-i2p" href="{{ url_for('downloads_list', lang=g.lang) }}">{% trans version=ver() %}Get I2P {{ version }}{% endtrans %}</a>
 </div>

i2p2www/static/styles/duck/default.css

@@ -628,6 +628,11 @@ pre.literal-block {
  * Footer
  */
 
+.socialfooter {
+  height: 32px;
+  padding-right: 16px;
+}
+
 #global-footer {
     width: auto;
   /*  border-top: 2px solid #4456B7;*/