mumuki-laboratory 8.6.0 → 9.0.3

data/app/mailers/application_mailer.rb

@@ -13,4 +13,3 @@ class ApplicationMailer < ActionMailer::Base
     mailer_environment_variables.all? { |env_var| ENV[env_var].present? }
   end
 end
-

data/app/mailers/user_mailer.rb

@@ -1,4 +1,6 @@
 class UserMailer < ApplicationMailer
+  include WithCertificateRender
+
   def welcome_email(user, organization)
     with_locale(user, organization) do
       organization_name = organization.display_name || t(:your_new_organization)
@@ -18,6 +20,13 @@ class UserMailer < ApplicationMailer
     end
   end
 
+  def certificate(certificate)
+    with_locale certificate.user, certificate.organization do
+      attachments[certificate.filename] = pdf_for(certificate)
+      mail to: certificate.user.email, subject: t(:certificate)
+    end
+  end
+
   def with_locale(user, organization = nil, &block)
     @user = user
     @unsubscribe_code = User.unsubscription_verifier.generate(user.id)

data/app/views/certificates/_certificate.html.erb

@@ -0,0 +1,44 @@
+<style>
+
+  .mu-certificate-box {
+    overflow: hidden;
+    height: 210mm;
+    width: 297mm;
+    max-height: 210mm;
+    max-width: 297mm;
+    min-height: 210mm;
+    min-width: 297mm;
+    margin: 0;
+    box-sizing: border-box;
+    position: relative;
+    border: 1px solid lightgrey;
+  }
+
+  .mu-certificate-box section {
+    background: transparent;
+    z-index: 10;
+  }
+
+  .background-image {
+    position: absolute;
+    height: 210mm;
+    width: 297mm;
+    margin: 0;
+    padding: 0;
+    z-index: 0;
+  }
+
+  .qr-code {
+    position: absolute;
+    z-index: 10;
+  }
+
+</style>
+
+<div class="mu-certificate-box">
+  <img src="<%= certificate.background_image_url %>" class="background-image"/>
+  <%= render inline: certificate.template_html_erb, locals: certificate.template_locals %>
+  <a href="<%= verify_certificate_path certificate.code %>" target="_blank">
+    <div><img class="qr-code" src="<%= qr_for certificate %>"/></div>
+  </a>
+</div>

data/app/views/certificates/_download.html.erb

@@ -0,0 +1,20 @@
+<%= wicked_pdf_stylesheet_link_tag 'pdf' -%>
+<%= wicked_pdf_stylesheet_link_tag 'mumuki_laboratory/application', media: 'all' %>
+<style>
+  html, body {
+    overflow: hidden;
+    height: 210mm;
+    width: 297mm;
+    max-height: 210mm;
+    max-width: 297mm;
+    min-height: 210mm;
+    min-width: 297mm;
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    position: relative;
+  }
+</style>
+
+<%= render partial: 'certificates/certificate', locals: { certificate: certificate } %>
+

data/app/views/certificates/verify.html.erb

@@ -0,0 +1,40 @@
+<%= content_for :breadcrumbs do %>
+  <%= home_breadcrumb %>
+<% end %>
+
+<h1><%= t :certificate %>: <%= @certificate.title %></h1>
+
+<div class="container">
+  <div class="row mu-certificate-data">
+    <div class="col-md-6">
+      <div class="row text-center jumbotron">
+        <div class="col-md-12">
+          <h3 class="mu-certificate-name">
+            <%= t :completed_by %>
+            <strong><%= @certificate.user.formal_full_name %></strong>
+          </h3>
+          <div><small><%= @certificate.created_at.to_date %></small></div>
+          <span><%= t(:certificate_verified_legend, description: @certificate.description, full_name: @certificate.user.formal_full_name).html_safe %></span>
+        </div>
+      </div>
+      <% if @certificate.for_user? current_user %>
+        <div class="row mu-certificate-buttons">
+          <a href="<%= linkedin_post_url @certificate %>" target="_blank">
+            <img src="https://download.linkedin.com/desktop/add2profile/buttons/<%= t :linkedin_profile_button_locale %>.png" alt="LinkedIn Add to Profile button">
+          </a>
+          <a class="btn btn-success mu-certificate-download-btn pull-right" href="<%= download_certificate_path @certificate.code %>" target="_blank">
+            <i class="fas fa-fw fa-lg fa-download mu-certificate-download-btn-icon"></i>
+            <span class="mu-certificate-download-btn-text"><%= t :certificate %></span>
+          </a>
+        </div>
+      <% end %>
+    </div>
+    <div class="certificate-preview col-md-6">
+      <%= render partial: 'certificates/certificate', locals: { certificate: @certificate } %>
+    </div>
+  </div>
+</div>
+
+<%= content_for :profile do %>
+  <%= home_breadcrumb %>
+<% end %>

data/app/views/chapters/show.html.erb

@@ -2,26 +2,27 @@
   <%= breadcrumbs @chapter %>
 <% end %>
 
-<div class="chapter-description">
-  <h1 class="pull-left">
-    <span class="hidden-xs pull-left"><%= t(:chapter_number, number: @chapter.number) %>:&nbsp;</span>
-    <span class="pull-left"><%= @chapter.name %></span>
+<div class="row">
+  <div class="mu-inline-block-left">
+    <h1 class="hidden-xs"><%= full_title_for @chapter %></h1>
+    <h1 class="visible-xs"><%= short_title_for @chapter %></h1>
+
     <% if @chapter.monolesson? %>
-      <div class="mu-monolesson pull-left">
-        <%= render partial: 'layouts/guide_title_icons' %>
-      </div>
+      <%= render partial: 'guides/guide_title_icons' %>
     <% end %>
-  </h1>
-
-  <%= @chapter.description_html %>
-
+  </div>
+</div>
+<div class="row">
+  <div class="col-md-12">
+    <div class="text-box mu-chapter-description">
+      <%= @chapter.description_html %>
+    </div>
+  </div>
 </div>
 
 <% if @chapter.lessons.present? %>
   <% if @chapter.monolesson? %>
-    <div class="mu-monolesson">
-      <%= render partial: 'layouts/guide', locals: { subject: @monolesson } %>
-    </div>
+    <div> <%= render partial: 'guides/guide', locals: { subject: @monolesson } %> </div>
   <% else %>
     <div>
       <h3><%= t(:lessons) %></h3>

data/app/views/complements/show.html.erb

@@ -1 +1 @@
-<%= render partial: "layouts/guide_container", locals: { subject: @complement }%>
+<%= render partial: "guides/guide_container", locals: { subject: @complement }%>

data/app/views/exams/show.html.erb

@@ -1 +1 @@
-<%= render partial: "layouts/guide_container", locals: { subject: @exam }%>
+<%= render partial: "guides/guide_container", locals: { subject: @exam }%>

data/app/views/exercises/_exercise_title_icons.html.erb

@@ -0,0 +1,4 @@
+<div class="mu-content-title-icons">
+  <%= teacher_info_button @exercise %>
+  <%= link_to_bibliotheca_exercise @exercise %>
+</div>

data/app/views/exercises/show.html.erb

@@ -18,12 +18,9 @@
       <h1><%= language_icon @exercise.language %></h1>
     </div>
     <div class="mu-inline-block-left">
-      <h1>
-        <span class="hidden-xs"><%= t(:exercise_number, number: @exercise.number) %>:&nbsp;</span>
-        <span><%= @exercise.name %></span>
-        <%= teacher_info_button @exercise %>
-        <%= link_to_bibliotheca_exercise @exercise %>
-      </h1>
+      <h1 class="hidden-xs"><%= full_title_for @exercise %></h1>
+      <h1 class="visible-xs"><%= short_title_for @exercise %></h1>
+      <%= render partial: 'exercises/exercise_title_icons' %>
     </div>
   </div>
 <% end %>
@@ -58,7 +55,7 @@
 
 <%= content_for :no_container do %>
   <% if @assignment.skipped? %>
-    <%= render partial: 'layouts/exercise_skipped' %>
+    <%= render partial: 'exercises/exercise_skipped' %>
   <% end %>
 
   <% if in_gamified_context? %>

data/app/views/faqs/index.html.erb

@@ -0,0 +1,20 @@
+<% content_for :breadcrumbs do %>
+  <%= header_breadcrumbs %>
+<% end %>
+
+<div class="mu-faqs">
+  <h1><%= t(:faqs) %></h1>
+
+  <div class="mu-faqs-container">
+    <div class="mu-faqs-content">
+      <%= @faqs %>
+    </div>
+    <div class="mu-faqs-navbar hidden-xs">
+      <nav>
+        <ul>
+        </ul>
+      </nav>
+    </div>
+  </div>
+
+</div>

data/app/views/guides/_guide_container.html.erb

@@ -0,0 +1,24 @@
+<%= content_for :breadcrumbs do %>
+  <%= breadcrumbs subject %>
+<% end %>
+
+<%= render layout: 'guides/guide', locals: { subject: subject } do %>
+
+  <div class="row">
+    <div class="mu-inline-block-right hidden-xs">
+      <h1><%= language_icon @guide.language %></h1>
+    </div>
+    <div class="mu-inline-block-left">
+      <h1><%= short_title_for @guide %></h1>
+      <%= render partial: 'guides/guide_title_icons' %>
+    </div>
+  </div>
+  <div class="row">
+    <div class="col-md-12">
+      <div class="text-box">
+        <%= @guide.description_html %>
+      </div>
+    </div>
+  </div>
+
+<% end %>

data/app/views/{layouts → guides}/_guide_title_icons.html.erb

@@ -1,8 +1,6 @@
-<div class="guide-title-icons pull-left">
+<div class="mu-content-title-icons">
   <% if current_user? && should_display_medal?(@guide, Organization.current) %>
-    <div class="pull-left">
       <%= content_medal_for(@guide, current_user) %>
-    </div>
   <% end %>
 <%= teacher_info_button @guide %>
 <%= link_to_bibliotheca_guide @guide %>

data/app/views/layouts/_progress_listing.html.erb

@@ -1,6 +1,6 @@
 <ul class="progress-listing">
   <% guide.assignments_for(current_user).each do |assignment| %>
-      <% cache [assignment.exercise, assignment.status, Organization.current] do %>
+      <% cache [assignment.exercise, assignment.status, Organization.current.name, current_user?] do %>
           <li <%= turbolinks_enable_for(assignment.exercise) %>>
             <%= assignment_status_icon assignment %>
             <%= link_to_path_element(assignment.exercise) %>

data/app/views/layouts/_user_menu.html.erb

@@ -0,0 +1,17 @@
+<div class="col-md-3 mu-tab-body">
+  <div class="mu-user-menu">
+    <div class="mu-user-menu-content">
+      <%= user_menu_header %>
+      <div class="col-xs-12 mu-user-menu-items hidden-sm-screen">
+        <%= profile_user_menu_link %>
+        <%= user_menu_divider %>
+        <%= messages_user_menu_link %>
+        <%= discussions_user_menu_link %>
+        <%= user_menu_divider %>
+        <%= certificates_user_menu_link %>
+      </div>
+    </div>
+    <div class="mu-user-menu-divider vertical hidden-sm hidden-xs"></div>
+  </div>
+</div>
+<div class="mu-user-menu-divider horizontal visible-sm visible-xs"></div>

data/app/views/layouts/application.html.erb

@@ -36,7 +36,11 @@
               <% if any_menu_bar_links? %>
                 <li class="divider"></li>
               <% end %>
-              <%= logout_link %>
+              <% if faqs_enabled_here? %>
+                <%= menu_link_to_faqs %>
+                <li class="divider"></li>
+              <% end %>
+              <%= logout_menu_link %>
             </ul>
           </div>
         <% else %>
@@ -62,6 +66,7 @@
         </div>
 
         <div class="mu-footer-terms">
+          <div><%= link_to_faqs %></div>
           <div><%= link_to_profile_terms %></div>
           <% if current_user&.can_discuss_here? %>
             <div><%= link_to_forum_terms %></div>

data/app/views/layouts/exercise_inputs/editors/_code.html.erb

@@ -3,7 +3,8 @@
                   placeholder: t(:editor_placeholder),
                   class: 'form-control editor',
                   value: @current_content,
-                  data: {lines: 17} %>
+                  data: {lines: 17},
+                  autocomplete: 'off' %>
   <div class="mu-overlapped">
     <a class="editor-resize"> <%= expand_icon %></a>
     <a class="editor-format"><%= format_icon %></a>

data/app/views/layouts/exercise_inputs/editors/_upload.html.erb

@@ -1,4 +1,13 @@
 <div class="form-group">
-  <textarea id="solution_content" type="text" name="solution[content]" style="display: none"></textarea>
-  <input id="upload-input" type="file" class="upload submission-control" size="5120" accept=".<%= @exercise.language.extension %>" />
+  <% @max_file_size = 256000 %>
+
+  <textarea id="solution_content" type="text" name="solution[content]" class="hidden"></textarea>
+  <input id="mu-upload-input" type="file" class="upload submission-control hidden" mu-upload-file-limit=<%= @max_file_size %> accept=".<%= @exercise.language.extension %>" />
+  <div>
+    <label id="mu-upload-label" for="mu-upload-input" class="btn btn-success">
+      <%= fa_icon(:upload, text: t(:select_file), id: "mu-upload-icon") %>
+    </label>
+    <div id="mu-upload-file-limit-exceeded" class="hidden">
+      <%= fa_icon("exclamation-triangle", text: t(:file_exceeds_max_size, size_kb: (@max_file_size / 1000))) %></div>
+  </div>
 </div>

data/app/views/lessons/show.html.erb

@@ -1 +1 @@
-<%= render partial: "layouts/guide_container", locals: { subject: @lesson }%>
+<%= render partial: "guides/guide_container", locals: { subject: @lesson }%>

data/app/views/user_mailer/certificate.html.erb

@@ -0,0 +1,339 @@
+<center>
+  <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable">
+    <tbody><tr>
+      <td align="center" valign="top" id="bodyCell">
+        <!-- BEGIN TEMPLATE // -->
+        <table border="0" cellpadding="0" cellspacing="0" width="100%">
+          <tbody><tr>
+            <td align="center" valign="top" id="templateHeader" data-template-container="">
+              <!--[if (gte mso 9)|(IE)]>
+              <table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
+                <tr>
+                  <td align="center" valign="top" width="600" style="width:600px;">
+              <![endif]-->
+              <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer">
+                <tbody><tr>
+                  <td valign="top" class="headerContainer"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="muMailTextBlock" style="min-width:100%;">
+                    <tbody class="muMailTextBlockOuter">
+                    <tr>
+                      <td valign="top" class="muMailTextBlockInner" style="padding-top:9px;">
+                        <!--[if mso]>
+                        <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
+                          <tr>
+                        <![endif]-->
+
+                        <!--[if mso]>
+                        <td valign="top" width="600" style="width:600px;">
+                        <![endif]-->
+                        <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width:100%; min-width:100%;" width="100%" class="muMailTextContentContainer">
+                          <tbody><tr>
+
+                            <td valign="top" class="muMailTextContent" style="padding-top:0; padding-right:18px; padding-bottom:9px; padding-left:18px;">
+
+                              <h1><span style="color:#FFFFFF"><%= t :new_certificate_mailer_title %></span></h1>
+
+                            </td>
+                          </tr>
+                          </tbody></table>
+                        <!--[if mso]>
+                        </td>
+                        <![endif]-->
+
+                        <!--[if mso]>
+                        </tr>
+                        </table>
+                        <![endif]-->
+                      </td>
+                    </tr>
+                    </tbody>
+                  </table></td>
+                </tr>
+                </tbody></table>
+              <!--[if (gte mso 9)|(IE)]>
+              </td>
+              </tr>
+              </table>
+              <![endif]-->
+            </td>
+          </tr>
+          <tr>
+            <td align="center" valign="top" id="templateBody" data-template-container="">
+              <!--[if (gte mso 9)|(IE)]>
+              <table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
+                <tr>
+                  <td align="center" valign="top" width="600" style="width:600px;">
+              <![endif]-->
+              <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer">
+                <tbody><tr>
+                  <td valign="top" class="bodyContainer"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="muMailCaptionBlock">
+                    <tbody class="muMailCaptionBlockOuter">
+                    <tr>
+                      <td class="muMailCaptionBlockInner" valign="top" style="padding:9px;">
+
+
+
+
+                        <table border="0" cellpadding="0" cellspacing="0" class="muMailCaptionRightContentOuter" width="100%">
+                          <tbody><tr>
+                            <td valign="top" class="muMailCaptionRightContentInner" style="padding:0 9px ;">
+                              <table align="left" border="0" cellpadding="0" cellspacing="0" class="muMailCaptionRightImageContentContainer" width="264">
+                                <tbody><tr>
+                                  <td class="muMailCaptionRightImageContent" align="center" valign="top">
+
+
+
+                                    <img alt="" src="https://gallery.mailchimp.com/046b6c670d9f80ebd6c5d075b/images/225fe60f-780a-451e-90aa-afb01f88a1b4.png" width="159" style="max-width:159px;" class="muMailImage">
+
+
+
+                                  </td>
+                                </tr>
+                                </tbody></table>
+                              <table class="muMailCaptionRightTextContentContainer" align="right" border="0" cellpadding="0" cellspacing="0" width="264">
+                                <tbody><tr>
+                                  <td valign="top" class="muMailTextContent">
+                                    <h3 class="null" style="text-align: center;"><br>
+                                      <span style="font-size:24px"><%= t :new_certificate_mailer_p1 %></span></h3>
+
+                                    <div style="text-align: center;"><br>
+                                      <span style="font-size:16px"><%= t :new_certificate_mailer_p2 %></span></div>
+
+                                  </td>
+                                </tr>
+                                </tbody></table>
+                            </td>
+                          </tr>
+                          </tbody></table>
+
+
+
+
+                      </td>
+                    </tr>
+                    </tbody>
+                  </table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="muMailButtonBlock" style="min-width:100%;">
+                    <tbody class="muMailButtonBlockOuter">
+                    <tr>
+                      <td style="padding-top:0; padding-right:18px; padding-bottom:18px; padding-left:18px;" valign="top" align="center" class="muMailButtonBlockInner">
+                      </td>
+                    </tr>
+                    </tbody>
+                  </table></td>
+                </tr>
+                </tbody></table>
+              <!--[if (gte mso 9)|(IE)]>
+              </td>
+              </tr>
+              </table>
+              <![endif]-->
+            </td>
+          </tr>
+          <tr>
+            <td align="center" valign="top" id="templateFooter" data-template-container="">
+              <!--[if (gte mso 9)|(IE)]>
+              <table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
+                <tr>
+                  <td align="center" valign="top" width="600" style="width:600px;">
+              <![endif]-->
+              <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer">
+                <tbody><tr>
+                  <td valign="top" class="footerContainer"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="muMailFollowBlock" style="min-width:100%;">
+                    <tbody class="muMailFollowBlockOuter">
+                    <tr>
+                      <td align="center" valign="top" style="padding:9px" class="muMailFollowBlockInner">
+                        <table border="0" cellpadding="0" cellspacing="0" width="100%" class="muMailFollowContentContainer" style="min-width:100%;">
+                          <tbody><tr>
+                            <td align="center" style="padding-left:9px;padding-right:9px;">
+                              <table border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width:100%;" class="muMailFollowContent">
+                                <tbody><tr>
+                                  <td align="center" valign="top" style="padding-top:9px; padding-right:9px; padding-left:9px;">
+                                    <table align="center" border="0" cellpadding="0" cellspacing="0">
+                                      <tbody><tr>
+                                        <td align="center" valign="top">
+                                          <!--[if mso]>
+                                          <table align="center" border="0" cellspacing="0" cellpadding="0">
+                                            <tr>
+                                          <![endif]-->
+
+                                          <!--[if mso]>
+                                          <td align="center" valign="top">
+                                          <![endif]-->
+
+
+                                          <table align="left" border="0" cellpadding="0" cellspacing="0" style="display:inline;">
+                                            <tbody><tr>
+                                              <td valign="top" style="padding-right:10px; padding-bottom:9px;" class="muMailFollowContentItemContainer">
+                                                <table border="0" cellpadding="0" cellspacing="0" width="100%" class="muMailFollowContentItem">
+                                                  <tbody><tr>
+                                                    <td align="left" valign="middle" style="padding-top:5px; padding-right:10px; padding-bottom:5px; padding-left:9px;">
+                                                      <table align="left" border="0" cellpadding="0" cellspacing="0" width="">
+                                                        <tbody><tr>
+
+                                                          <td align="center" valign="middle" width="24" class="muMailFollowIconContent">
+                                                            <a href="http://www.facebook.com/MumukiOrg" target="_blank"><img src="https://cdn-images.mailchimp.com/icons/social-block-v2/outline-light-facebook-48.png" style="display:block;" height="24" width="24" class=""></a>
+                                                          </td>
+
+
+                                                        </tr>
+                                                        </tbody></table>
+                                                    </td>
+                                                  </tr>
+                                                  </tbody></table>
+                                              </td>
+                                            </tr>
+                                            </tbody></table>
+
+                                          <!--[if mso]>
+                                          </td>
+                                          <![endif]-->
+
+                                          <!--[if mso]>
+                                          <td align="center" valign="top">
+                                          <![endif]-->
+
+
+                                          <table align="left" border="0" cellpadding="0" cellspacing="0" style="display:inline;">
+                                            <tbody><tr>
+                                              <td valign="top" style="padding-right:10px; padding-bottom:9px;" class="muMailFollowContentItemContainer">
+                                                <table border="0" cellpadding="0" cellspacing="0" width="100%" class="muMailFollowContentItem">
+                                                  <tbody><tr>
+                                                    <td align="left" valign="middle" style="padding-top:5px; padding-right:10px; padding-bottom:5px; padding-left:9px;">
+                                                      <table align="left" border="0" cellpadding="0" cellspacing="0" width="">
+                                                        <tbody><tr>
+
+                                                          <td align="center" valign="middle" width="24" class="muMailFollowIconContent">
+                                                            <a href="http://www.twitter.com/MumukiOrg" target="_blank"><img src="https://cdn-images.mailchimp.com/icons/social-block-v2/outline-light-twitter-48.png" style="display:block;" height="24" width="24" class=""></a>
+                                                          </td>
+
+
+                                                        </tr>
+                                                        </tbody></table>
+                                                    </td>
+                                                  </tr>
+                                                  </tbody></table>
+                                              </td>
+                                            </tr>
+                                            </tbody></table>
+
+                                          <!--[if mso]>
+                                          </td>
+                                          <![endif]-->
+
+                                          <!--[if mso]>
+                                          <td align="center" valign="top">
+                                          <![endif]-->
+
+
+                                          <table align="left" border="0" cellpadding="0" cellspacing="0" style="display:inline;">
+                                            <tbody><tr>
+                                              <td valign="top" style="padding-right:0; padding-bottom:9px;" class="muMailFollowContentItemContainer">
+                                                <table border="0" cellpadding="0" cellspacing="0" width="100%" class="muMailFollowContentItem">
+                                                  <tbody><tr>
+                                                    <td align="left" valign="middle" style="padding-top:5px; padding-right:10px; padding-bottom:5px; padding-left:9px;">
+                                                      <table align="left" border="0" cellpadding="0" cellspacing="0" width="">
+                                                        <tbody><tr>
+
+                                                          <td align="center" valign="middle" width="24" class="muMailFollowIconContent">
+                                                            <a href="https://www.youtube.com/channel/UCQmkknsaTT2TDLT_-MDSGvQ" target="_blank"><img src="https://cdn-images.mailchimp.com/icons/social-block-v2/outline-light-youtube-48.png" style="display:block;" height="24" width="24" class=""></a>
+                                                          </td>
+
+
+                                                        </tr>
+                                                        </tbody></table>
+                                                    </td>
+                                                  </tr>
+                                                  </tbody></table>
+                                              </td>
+                                            </tr>
+                                            </tbody></table>
+
+                                          <!--[if mso]>
+                                          </td>
+                                          <![endif]-->
+
+                                          <!--[if mso]>
+                                          </tr>
+                                          </table>
+                                          <![endif]-->
+                                        </td>
+                                      </tr>
+                                      </tbody></table>
+                                  </td>
+                                </tr>
+                                </tbody></table>
+                            </td>
+                          </tr>
+                          </tbody></table>
+
+                      </td>
+                    </tr>
+                    </tbody>
+                  </table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="muMailDividerBlock" style="min-width:100%;">
+                    <tbody class="muMailDividerBlockOuter">
+                    <tr>
+                      <td class="muMailDividerBlockInner" style="min-width:100%; padding:18px;">
+                        <table class="muMailDividerContent" border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width: 100%;border-top: 2px solid #505050;">
+                          <tbody><tr>
+                            <td>
+                              <span></span>
+                            </td>
+                          </tr>
+                          </tbody></table>
+                        <!--
+                                        <td class="muMailDividerBlockInner" style="padding: 18px;">
+                                        <hr class="muMailDividerContent" style="border-bottom-color:none; border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0; border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;" />
+                        -->
+                      </td>
+                    </tr>
+                    </tbody>
+                  </table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="muMailTextBlock" style="min-width:100%;">
+                    <tbody class="muMailTextBlockOuter">
+                    <tr>
+                      <td valign="top" class="muMailTextBlockInner" style="padding-top:9px;">
+                        <!--[if mso]>
+                        <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
+                          <tr>
+                        <![endif]-->
+
+                        <!--[if mso]>
+                        <td valign="top" width="600" style="width:600px;">
+                        <![endif]-->
+                        <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width:100%; min-width:100%;" width="100%" class="muMailTextContentContainer">
+                          <tbody><tr>
+
+                            <td valign="top" class="muMailTextContent" style="padding-top:0; padding-right:18px; padding-bottom:9px; padding-left:18px;">
+
+                              © Copyright 2015-<%= DateTime.now.year %>&nbsp;<a href="https://mumuki.org/home/">Mumuki</a><em>.</em><br>
+                              <br>
+                              <%= t :stop_emails? %><br>
+                              <%= link_to t(:cancel_subscription), @organization.url_for("/user/unsubscribe?id=#{@unsubscribe_code}"), target: :_blank %>
+                            </td>
+                          </tr>
+                          </tbody></table>
+                        <!--[if mso]>
+                        </td>
+                        <![endif]-->
+
+                        <!--[if mso]>
+                        </tr>
+                        </table>
+                        <![endif]-->
+                      </td>
+                    </tr>
+                    </tbody>
+                  </table></td>
+                </tr>
+                </tbody></table>
+              <!--[if (gte mso 9)|(IE)]>
+              </td>
+              </tr>
+              </table>
+              <![endif]-->
+            </td>
+          </tr>
+          </tbody></table>
+        <!-- // END TEMPLATE -->
+      </td>
+    </tr>
+    </tbody></table>
+</center>