page.html.erb in pageflow-before-after-0.2.0

- old
+ new

@@ -1,8 +1,12 @@
 <div class="blackLayer"></div>
 <div class="content_and_background beforeAfterPage">
-  <div class="close_button text_hidden_only" tabindex="4" title="Vorher/Nachher-Ansicht verlassen und Text einblenden">Schließen</div>
+  <div class="close_button text_hidden_only" tabindex="4" title="<%= t('.close_title') %>">
+    <div class="label">
+      <%= t('.close') %>
+    </div>
+  </div>
 
   <div class="backgroundArea">
     <div class="videoWrapper">
       <div class="before_after_container">
         <div class="before_after">
@@ -18,18 +22,18 @@
     <%= shadow_div :opacity => configuration['gradient_opacity'] %>
   </div>
 
   <div class="content">
     <div class="controls">
-      <span class="hint">360 Gradansicht</span>
+      <span class="hint"><%= t('.hint') %></span>
       <%= info_box(configuration) %>
       <div class="vjs-control-bar view-control">
         <div class="play_button vjs-controls vjs-default-skin vjs-player">
-          <a class="vjs-play-control vjs-play vjs-control" tabindex="4" title="Vorher/Nachher-Ansicht starten"><span></span></a>
+          <a class="vjs-play-control vjs-play vjs-control" tabindex="4" title="<%= t('.start_title') %>"><span></span></a>
         </div>
         <div class="control_bar_text">
-          Vorher/Nachher-Ansicht starten
+          <%= t('.start') %>
         </div>
       </div>
     </div>
 
     <div class="scroller">
@@ -39,10 +43,10 @@
             <h2>
               <span class="tagline"><%= configuration['tagline'] %></span>
               <span class="title"><%= configuration['title'] %></span>
               <span class="subtitle"><%= configuration['subtitle'] %></span>
             </h2>
-            <%= background_image_tag(configuration['background_image_id'], {"class" => "print_image"}) %>
+            <%= background_image_tag(configuration['background_image_id'], {:class => "print_image"}) %>
           </div>
           <div class="contentText">
             <p><%= raw configuration['text'] %></p>
           </div>
         </div>