refactored about.ftl

src/main/resources/templates/about.ftl

@@ -9,7 +9,6 @@
 
         <main>
             <div class="card main-card background-color">
-                <#--<div class="container">-->
                 <div class="row">
                     <div class="col s8 offset-s2 center-align">
                         <@header.logo "logo-huge" "responsive-img"/>
@@ -17,30 +16,29 @@
                 </div>
                 <div class="hide-on-small-only"><br><br></div>
                 <div class="row">
-                        <div class="col s4 m3 offset-m2 l2 offset-l3 bold">${locale.getString("about.version")}</div>
+                    <@cellKey locale.getString("about.version")/>
                     <div class="col s8 m5 l5">${build.getVersionName()} (${build.getVersionCode()})</div>
                 </div>
                 <div class="row">
-                        <div class="col s4 m3 offset-m2 l2 offset-l3 bold">${locale.getString("about.date")}</div>
+                    <@cellKey locale.getString("about.date")/>
                     <div class="col s8 m5 l5">${build.getVersionDate()}</div>
                 </div>
                 <div class="row">
-                        <div class="col s4 m3 offset-m2 l2 offset-l3 bold">${locale.getString("about.author")}</div>
+                    <@cellKey locale.getString("about.author")/>
                     <div class="col s8 m5 l5">${build.getAuthor()}</div>
                 </div>
                 <div class="row">
-                        <div class="col s4 m3 offset-m2 l2 offset-l3 bold">${locale.getString("about.roadmap")}</div>
+                    <@cellKey locale.getString("about.roadmap")/>
                     <div class="col s8 m5 l5"><a target="_blank" href="${locale.getString("roadmap.url")}">${locale.getString("about.roadmap.link")}</a></div>
                 </div>
                 <div class="row">
-                        <div class="col s4 m3 offset-m2 l2 offset-l3 bold">${locale.getString("about.sourcecode")}</div>
+                    <@cellKey locale.getString("about.sourcecode")/>
                     <div class="col s8 m5 l5 break-all"><a target="_blank" href="${locale.getString("github.url")}">${locale.getString("github.url")}</a></div>
                 </div>
                 <div class="row">
-                        <div class="col s4 m3 offset-m2 l2 offset-l3 bold">${locale.getString("about.credits")}</div>
+                    <@cellKey locale.getString("about.credits")/>
                     <div class="col s8 m5 l5">${locale.getString("credits")}</div>
                 </div>
-                <#--</div>-->
             </div>
         </main>
 
@@ -49,3 +47,7 @@
         <@scripts.scripts/>
     </body>
 </html>
+
+<#macro cellKey key>
+    <div class="col s4 m3 offset-m2 l2 offset-l3 bold">${key}</div>
+</#macro>
\ No newline at end of file