From f5546e7a32decfd16cd1bd09ad4ac9b51639373b Mon Sep 17 00:00:00 2001
From: Daniel <Daniel@Daniel-PC.speedport.ip>
Date: Fri, 18 Apr 2014 20:00:39 +0200
Subject: [PATCH] achievements design update + minor bar css fix

---
 views/html/achievements/index.tpl | 23 ++++++++++++++---------
 www/css/desktop.css               |  2 +-
 2 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/views/html/achievements/index.tpl b/views/html/achievements/index.tpl
index 3bd61f20..e66ef6d9 100644
--- a/views/html/achievements/index.tpl
+++ b/views/html/achievements/index.tpl
@@ -3,12 +3,20 @@
 	<img src="<?=$linker->link(array('media','seminaryheader',$seminary['url']))?>" />
 </div>
 <?php endif ?>
-<h1><a href="<?=$linker->link(array('seminaries',$seminary['url']))?>"><?=$seminary['title']?></a></h1>
-<h2><i class="fa fa-trophy fa-fw"></i><?=_('Achievements')?></h2>
-
+<ul class="breadcrumbs">
+	<li><a href="<?=$linker->link(array('seminaries',$seminary['url']))?>"><?=$seminary['title']?></a></li>
+</ul>
+<h1><i class="fa fa-trophy fa-fw"></i><?=_('Achievements')?></h1>
+<p>Errungenschaften sind Auszeichnungen für deine Erfolge im Verlauf der Reise. Sie dienen als historische Erinnerungen an Meilensteine, besondere Taten und interessante oder lustige Ereignisse, die du erlebst.</p>
+<div class="libindxpr cf">
+	<p><small><?=sprintf(_('Own progress: %d %%'), round(count($achievedAchievements) / (count($achievedAchievements)+count($unachievedAchievements)) * 100))?></small></p>
+	<div class="xpbar">
+		<span style="width:77%"></span>
+	</div>
+</div>
 <div class="cf">
 	<section class="rare">
-		<h3><?=_('Seldom Achievements')?></h3>
+		<h2><?=_('Seldom Achievements')?></h2>
 		<ol>
 			<?php foreach($seldomAchievements as &$achievement) : ?>
 			<li class="cf">
@@ -27,9 +35,8 @@
 			<?php endforeach ?>
 		</ol>
 	</section>
-
 	<section class="rare hunter">
-	<h3><?=_('Most successful collectors')?></h3>
+		<h2><?=_('Most successful collectors')?></h2>
 		<ol>
 			<?php foreach($successfulCharacters as $successfulCharacter) : ?>
 			<li class="cf">
@@ -41,9 +48,7 @@
 		</ol>
 	</section>
 </div>
-
-<h3><?=sprintf(_('Own progress: %d %%'), round(count($achievedAchievements) / (count($achievedAchievements)+count($unachievedAchievements)) * 100))?></h3>
-<p><b><?=$character['rank']?>. <?=_('Rank')?>:</b> <?=sprintf(_('You achieved %d of %d Achievements so far'), count($achievedAchievements), count($achievedAchievements)+count($unachievedAchievements))?>.</p>
+<p><small><b><?=$character['rank']?>. <?=_('Rank')?>:</b> <?=sprintf(_('You achieved %d of %d Achievements so far'), count($achievedAchievements), count($achievedAchievements)+count($unachievedAchievements))?>.</small></p>
 <ul class="achmnts">
 	<li class="cf">
 		<img src="http://legende-von-zyren.de/img/achieve/36b.jpg" />
diff --git a/www/css/desktop.css b/www/css/desktop.css
index e8dff95b..750a1cdf 100644
--- a/www/css/desktop.css
+++ b/www/css/desktop.css
@@ -219,7 +219,7 @@ input[type="submit"][disabled]{text-shadow:1px 2px #d48c4e;background:#f9ac69;bo
 
 /** Library **/
 
-.libindxpr{margin:20px 0}
+.libindxpr{margin-top:20px}
 .libindxpr p{font-weight:bold;margin:0}
 .libindxpr .xpbar{float:none;margin:9px 0 20px 0;background:#e4e1dd;width:100%}
 .libindxpr .xpbar span{background:#50a4ab}