Updates the right column of the news and front page (#651)

Adds the following things to the right column:

- Follow buttons
- Supporter block
- Press block

On mobile it shows the follow buttons at the top.

Closes #623
Closes #624
Closes #627

index.en.xhtml

@@ -19,26 +19,24 @@
         <h2>
           <a href="/news/news.html"><news-label /></a>
           <a class="rss-feed" href="/news/news.rss" title="news RSS feed"><i class="fa fa-rss"></i></a>
-	  <a class="ical" href="https://mastodon.social/@fsfe" title="follow FSFE on Mastodon" rel="me"><i class="fa fa-comments-o"></i></a>
+	        <a class="ical" href="https://mastodon.social/@fsfe" title="follow FSFE on Mastodon" rel="me">
+            <i class="fa fa-comments-o"></i>
+          </a>
         </h2>
-
         <all-news />
+        <div class="more-news">
+          <a href="/news/news.html" class="learn-more">See all news</a>
+          <a href="https://planet.fsfe.org/en" class="learn-more community-blog-link">Read the Community blog</a>
+        </div>
       </div>
 
       <div id="newsletter" class="section">
-        <a class="big-donate" href="https://my.fsfe.org/support">Become a supporter</a>
-
-        <h2><a href="/news/newsletter.html"><newsletter-label /></a></h2>
-
-
-          <subscribe-nl />
-
-          <ul id="more-news-list">
-              <li><a href="/news/news.html" class="learn-more">See all news</a></li>
-              <li><a href="http://planet.fsfe.org/en" class="learn-more">Read FSFE blogs</a></li>
-          </ul>
-
-
+        <static-element id="video" />
+        <h2 class="home-newsletter-label">
+          <newsletter-label/>
+        </h2>
+        <subscribe-nl/>
+        Read <a href="/news/newsletter.html"> the archive</a>
       </div>
 
       <hr />
@@ -54,11 +52,19 @@
       </div>
 
       <div id="shop-promo" class="section">
-          <a href="/order/order.html?ref-frontpage"><img src="/graphics/tshirt-promo.jpg" alt="" /></a>
-
+        <div class="home-shop-block">
+          <a href="/order/order.html?ref-frontpage" class="home-order-image-container">
+            <img src="/graphics/t-shirt-promo-v2.png" alt="" class="home-order-image" />
+          </a>
           <a class="big-donate" href="/order/order.html?ref-frontpage">Shop</a>
+        </div>
+        <div class="home-shop-block">
+          <a href="/order/order.html?ref-frontpage" class="home-order-image-container">
+            <img src="/graphics/pr-material.png" alt="" class="home-order-image" />
+          </a>
+          <a class="big-donate" href="/order/order.html?ref-frontpage">Promotion material</a>
+        </div>
       </div>
-
     </div>
   </body>