--- a/sat_templates/templates/default/invitation/welcome.html	Fri May 03 23:56:11 2019 +0200
+++ b/sat_templates/templates/default/invitation/welcome.html	Fri May 03 23:58:07 2019 +0200
@@ -1,11 +1,26 @@
 {% extends 'base/base.html' %}
+{% import 'components/block.html' as block with context %}
 
 {% block body %}
+{{ icon_defs('file-image', 'exchange', 'calendar') }}
 <div class='invitation_header'>
-    <h1>{% trans %}Welcome {{name}}{% endtrans %}</h1>
-    <p class='instructions'>{% trans %}You have been invited to participate with the community, please choose an action below{% endtrans %}</p>
+    <h1 class='heading__subtitle'>{% trans %}Welcome {{name}}{% endtrans %}</h1>
+    <p class='instructions--head'>{% trans %}You have been invited to participate with the community, please choose an action below{% endtrans %}</p>
 </div>
 
+{% if interests_map.event %}
+    {{ block.separator(_("events")) }}
+    {{block.interests_grid(interests_map.event, 'calendar')}}
+{% endif %}
+{% if interests_map.photos %}
+    {{ block.separator(_("photo albums")) }}
+    {{block.interests_grid(interests_map.photos, 'file-image')}}
+{% endif %}
+{% if interests_map.files %}
+    {{ block.separator(_("file sharing")) }}
+    {{block.interests_grid(interests_map.fis, 'exchange')}}
+{% endif %}
+
 {% if include_url is defined %}
 <iframe id='include_main' src='{{include_url}}'></iframe>
 {% endif %}

--- a/sat_templates/templates/default/static/invitation.css	Fri May 03 23:56:11 2019 +0200
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,27 +0,0 @@
-#body {
-    display: flex;
-    flex-direction: column;
-}
-
-.invitation_header {
-    flex: 1
-}
-
-.invitation_header h1,p {
-    text-align: center;
-}
-
-#include_main {
-    flex: 9
-}
-
-#include_main {
-    width: 100%;
-    margin: 0;
-    border: none;
-}
-
-footer {
-    /* footer should already be displayed in included page */
-    display: none;
-}