diff --git a/templates/main.php b/templates/main.php
index 936b820..2ae7d8e 100644
--- a/templates/main.php
+++ b/templates/main.php
@@ -12,26 +12,26 @@
 				<div class="icon-delete svn delete action" ng-click="deleteCity(city);"></div>
 			</li>
 			<li>
-				<a href="#" ng-click="city.name = ''; addCityError = ''; showAddCity = true;">Add a city...</a>
+				<a href="#" ng-click="city.name = ''; addCityError = ''; showAddCity = true;"><?php p($l->t('Add a city')); ?>...</a>
 				<div ng-show="showAddCity == true" id="create-city">
-					<h1>Add city</h1>
+					<h1><?php p($l->t('Add city')); ?></h1>
 					<hr>
-					<h2>City name</h2>
+					<h2><?php p($l->t('City name')); ?></h2>
 					<span class="city-form-error" ng-show="addCityError != ''">{{ addCityError }}</span>
 					<form novalidate>
 						<input type="textbox" ng-model="city.name"/>
-						<input type="submit" value="Add" ng-click="addCity(city);"/>
-						<input type="button" value="Cancel" ng-click="showAddCity = false;"/>
+						<input type="submit" value="<?php p($l->t('Add')); ?>" ng-click="addCity(city);"/>
+						<input type="button" value="<?php p($l->t('Cancel')); ?>" ng-click="showAddCity = false;"/>
 					</form>
 				</div>
 			</li>
 		</ul>
 		<div id="app-settings" class="ng-scope">
 			<div id="app-settings-header">
-				<button name="app settings" class="settings-button" data-apps-slide-toggle="#app-settings-content">Settings</button>
+				<button name="app settings" class="settings-button" data-apps-slide-toggle="#app-settings-content"><?php p($l->t('Settings')); ?></button>
 			</div>
 			<div style="display: none;" id="app-settings-content">
-				<h2>Metric</h2>
+				<h2><?php p($l->t('Metric')); ?></h2>
 				<select name="metric" ng-change="modifyMetric()" ng-model="metric">
 					<option value="metric">°C</option>
 					<option value="kelvin">°K</option>
@@ -43,7 +43,7 @@
 	<div id="city-right" ng-show="cityLoadError != ''">
 		<span class="city-load-error">
 			{{ cityLoadError }}<br /><br />
-			<a href="http://home.openweathermap.org/users/sign_in" ng-show="cityLoadNeedsAPIKey == true">Click here to get an API key</a>
+			<a href="http://home.openweathermap.org/users/sign_in" ng-show="cityLoadNeedsAPIKey == true"><?php p($l->t('Click here to get an API key')); ?></a>
 		</span>
 	</div>
 	<div id="city-right" ng-show="cityLoadError == '' && currentCity != null" style="background-image: url('{{ owncloudAppImgPath }}{{ currentCity.image }}');">
@@ -54,15 +54,21 @@
 				<img class="home-icon" ng-click="setHome(selectedCityId);" ng-show="selectedCityId != homeCity" src="{{ owncloudAppImgPath }}home-nopick.png" />
 			</div>
 			<div class="city-current-temp">{{ currentCity.main.temp }}{{ metricRepresentation }}</div>
-			<div class="city-current-pressure">Pressure: {{ currentCity.main.pressure }} hpa</div>
-			<div class="city-current-humidity">Humidity: {{ currentCity.main.humidity}}%</div>
-			<div class="city-current-weather">Cloudiness: {{ currentCity.weather[0].description }}</div>
-			<div class="city-current-wind">Wind: {{ currentCity.wind.speed }} m/s - {{ currentCity.wind.desc }}</div>
-			<div class="city-current-sunrise">Sunrise: {{ currentCity.sys.sunrise * 1000 | date:'HH:mm' }} Sunset: {{ currentCity.sys.sunset * 1000 | date:'HH:mm' }}</div>
+			<div class="city-current-pressure"><?php p($l->t('Pressure')); ?>: {{ currentCity.main.pressure }} hpa</div>
+			<div class="city-current-humidity"><?php p($l->t('Humidity')); ?>: {{ currentCity.main.humidity}}%</div>
+			<div class="city-current-weather"><?php p($l->t('Cloudiness')); ?>: {{ currentCity.weather[0].description }}</div>
+			<div class="city-current-wind"><?php p($l->t('Wind')); ?>: {{ currentCity.wind.speed }} m/s - {{ currentCity.wind.desc }}</div>
+			<div class="city-current-sunrise"><?php p($l->t('Sunrise')); ?>: {{ currentCity.sys.sunrise * 1000 | date:'HH:mm' }} <?php p($l->t('Sunset')); ?>: {{ currentCity.sys.sunset * 1000 | date:'HH:mm' }}</div>
 		</div>
 		<div id="city-forecast-panel">
 			<table>
-				<tr><th>Hour</th><th>Temperature</th><th>Weather</th><th>Pressure</th><th>Wind</th></tr>
+				<tr>
+					<th><?php p($l->t('Hour')); ?></th>
+					<th><?php p($l->t('Temperature')); ?></th>
+					<th><?php p($l->t('Weather')); ?></th>
+					<th><?php p($l->t('Pressure')); ?></th>
+					<th><?php p($l->t('Wind')); ?></th>
+				</tr>
 				<tr ng-repeat="forecast in currentCity.forecast">
 					<td>{{ forecast.hour * 1000 | date:'HH:mm'}}</td>
 					<td>{{ forecast.temperature }}{{ metricRepresentation }}</td>