<html>
<head>
<#import "header.ftl" as header>
<@header.header "BudgetMaster"/>
</head>
<body class="budgetmaster-blue-light">
<#import "navbar.ftl" as navbar>
<@navbar.navbar "about"/>
<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"/>
</div>
</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>
<div class="col s8 m5 l4">${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>
<div class="col s8 m5 l4">${build.getVersionDate()}</div>
</div>
<div class="row">
<div class="col s4 m3 offset-m2 l2 offset-l3 bold">${locale.getString("about.author")}</div>
<div class="col s8 m5 l4">${build.getAuthor()}</div>
</div>
<div class="row">
<div class="col s4 m3 offset-m2 l2 offset-l3 bold">${locale.getString("about.roadmap")}</div>
<div class="col s8 m5 l4"><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>
<div class="col s8 m5 l4 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>
<div class="col s8 m5 l4">${locale.getString("credits")}</div>
</div>
</div>
</div>
</main>
<!-- Scripts-->
<#import "scripts.ftl" as scripts>
<@scripts.scripts/>
</body>
</html>