From 1feee1c5bfe8f837f99e4b6a363202c98245f131 Mon Sep 17 00:00:00 2001
From: Daniel <Daniel@Daniel-PC.speedport.ip>
Date: Thu, 27 Mar 2014 22:05:24 +0100
Subject: [PATCH] guild profile design + dummy data

---
 views/html/charactergroups/group.tpl | 89 +++++++++++++++++++++-------
 views/html/characters/character.tpl  |  2 +-
 www/css/desktop.css                  | 32 ++++++++++
 3 files changed, 102 insertions(+), 21 deletions(-)

diff --git a/views/html/charactergroups/group.tpl b/views/html/charactergroups/group.tpl
index a6d65e71..9959c327 100644
--- a/views/html/charactergroups/group.tpl
+++ b/views/html/charactergroups/group.tpl
@@ -1,33 +1,82 @@
-<h2><a href="<?=$linker->link(array('seminaries',$seminary['url']))?>"><?=$seminary['title']?></a></h2>
+<!--<h2><a href="<?=$linker->link(array('seminaries',$seminary['url']))?>"><?=$seminary['title']?></a></h2>
 <h3><?=$seminary['title']?></h3>
 <h4><a href="<?=$linker->link(array('index',$seminary['url']),1)?>"><?=_('Character Groups')?></a></h4>
 <h5><a href="<?=$linker->link(array('groupsgroup',$seminary['url'],$groupsgroup['url']),1)?>"><?=$groupsgroup['name']?></a></h5>
-<h6><?=$group['name']?></h6>
-
-<section>
-	XPs: <?=$group['xps']?>
+-->
+<div class="moodpic">
+	<img src="http://s1.directupload.net/images/140323/tpzvoy5c.png">
+</div>
+<section class="gdata cf">
+	<div class="gbanner">
+		<img src="http://s1.directupload.net/images/140325/3eqybn4i.png">
+	</div>
+	<div class="gdesc">
+		<h1><?=$group['name']?></h1>
+		<span>Schweb wie ein Schmetterling! Stich wie eine Biene!</span>
+	</div>
+	<ul>
+		<li><small><i class="fa fa-users fa-fw"></i>6 Mitglieder</small></li>
+		<li><small><i class="fa fa-lightbulb-o fa-fw"></i><?=$group['xps']?> XP</small></li>
+		<li><small><i class="fa fa-th-list fa-fw"></i>7. Platz</small></li>
+	</ul>
 </section>
 
 <section>
-	<h1><?=_('Characters')?></h1>
-	<ul>
+	<h2><i class="fa fa-users fa-fw"></i><?=_('Characters')?></h2>
+	<ul class="gchars cf">
 		<?php foreach($characters as &$character) : ?>
-		<li><a href="<?=$linker->link(array('characters','character',$seminary['url'],$character['url']))?>"><?=$character['name']?></a> (<?=$character['xps']?> XPs) <?php if($character['is_leader'] > 0) : ?>(<?=_('Group Leader')?>)<?php endif ?></li>
+		<li>
+			<i class="fa fa-star"></i>
+			<?php if($character['is_leader'] > 0) : ?><i class="fa fa-star"></i><?php endif ?>
+			<img src="http://s7.directupload.net/images/140325/e2wdqhqa.png">
+			<p><a href="<?=$linker->link(array('characters','character',$seminary['url'],$character['url']))?>"><?=$character['name']?></a></p>
+			<p><small><?=$character['xps']?> XP</small></p>
+		</li>
+		<li>
+			<img src="http://s7.directupload.net/images/140325/e2wdqhqa.png">
+			<p><a href="<?=$linker->link(array('characters','character',$seminary['url'],$character['url']))?>"><?=$character['name']?></a></p>
+			<p><small><?=$character['xps']?> XP</small></p>
+			<?php if($character['is_leader'] > 0) : ?><i class="fa fa-star"></i><?php endif ?>
+		</li>
+		<li>
+			<img src="http://s7.directupload.net/images/140325/e2wdqhqa.png">
+			<p><a href="<?=$linker->link(array('characters','character',$seminary['url'],$character['url']))?>"><?=$character['name']?></a></p>
+			<p><small><?=$character['xps']?> XP</small></p>
+			<?php if($character['is_leader'] > 0) : ?><i class="fa fa-star"></i><?php endif ?>
+		</li>
+		<li>
+			<img src="http://s7.directupload.net/images/140325/e2wdqhqa.png">
+			<p><a href="<?=$linker->link(array('characters','character',$seminary['url'],$character['url']))?>"><?=$character['name']?></a></p>
+			<p><small><?=$character['xps']?> XP</small></p>
+			<?php if($character['is_leader'] > 0) : ?><i class="fa fa-star"></i><?php endif ?>
+		</li>
+		<li>
+			<img src="http://s7.directupload.net/images/140325/e2wdqhqa.png">
+			<p><a href="<?=$linker->link(array('characters','character',$seminary['url'],$character['url']))?>"><?=$character['name']?></a></p>
+			<p><small><?=$character['xps']?> XP</small></p>
+			<?php if($character['is_leader'] > 0) : ?><i class="fa fa-star"></i><?php endif ?>
+		</li>
+		<li>
+			<img src="http://s7.directupload.net/images/140325/e2wdqhqa.png">
+			<p><a href="<?=$linker->link(array('characters','character',$seminary['url'],$character['url']))?>"><?=$character['name']?></a></p>
+			<p><small><?=$character['xps']?> XP</small></p>
+			<?php if($character['is_leader'] > 0) : ?><i class="fa fa-star"></i><?php endif ?>
+		</li>
 		<?php endforeach ?>
 	</ul>
 </section>
 
 <section>
-	<h1><?=_('Quests')?></h1>
-	<table>
-		<tbody>
-			<?php foreach($quests as &$quest) : ?>
-			<tr>
-				<td><?=$dateFormatter->format(new \DateTime($quest['created']))?></td>
-				<td><a href="<?=$linker->link(array('charactergroupsquests','quest',$seminary['url'],$groupsgroup['url'],$quest['url']))?>"><?=$quest['title']?></a></td>
-				<td><?=$quest['group_xps']?>/<?=$quest['xps']?> XPs</td>
-			</tr>
-			<?php endforeach ?>
-		</tbody>
-	</table>
+	<h2><i class="fa fa-pencil-square-o fa-fw"></i><?=_('Quests')?></h2>
+	<ul class="gquests">
+		<?php foreach($quests as &$quest) : ?>
+		<li class="cf">
+			<p>
+				<span class="date"><?=$dateFormatter->format(new \DateTime($quest['created']))?></span>
+				<a href="<?=$linker->link(array('charactergroupsquests','quest',$seminary['url'],$groupsgroup['url'],$quest['url']))?>" class="fwb"><?=$quest['title']?></a>
+				<span class="xp"><?=$quest['group_xps']?> / <?=$quest['xps']?> XP</span>
+			</p>
+		</li>
+		<?php endforeach ?>
+	</ul>
 </section>
diff --git a/views/html/characters/character.tpl b/views/html/characters/character.tpl
index 9da8031a..cb7ec385 100644
--- a/views/html/characters/character.tpl
+++ b/views/html/characters/character.tpl
@@ -22,7 +22,7 @@
 			<p><small>Platz</small></p>
 		</div>
 
-		<h2><i class="fa fa-bookmark fa-fw"></i>Belohnungen</h2>
+		<h2><i class="fa fa-certificate fa-fw"></i>Belohnungen</h2>
 		<ul class="crewards">
 			<li>
 				<p class="unlocked"><i class="fa fa-check-circle fa-fw"></i>Aktive Beteiligung</p>
diff --git a/www/css/desktop.css b/www/css/desktop.css
index 0f6b867b..cdd52d8e 100644
--- a/www/css/desktop.css
+++ b/www/css/desktop.css
@@ -151,6 +151,23 @@ input[type="submit"][disabled]{text-shadow:1px 2px #d48c4e;background:#f9ac69;bo
 .ctopics .xpbar span{background:#50a4ab}
 
 
+/** Charactergroup Profile **/
+
+.gdata{margin-top:20px}
+.gdata img{border-radius:3px;margin-bottom:15px}
+.gdata h1{margin:0;padding:0}
+
+.gchars li{background:#fff;padding:15px 0;border-radius:3px;text-align:center;float:left;margin-bottom:5px;width:49%}
+.gchars li:nth-child(even){float:right}
+.gchars img{width:50px;height:50px;border-radius:25px}
+.gchars p{margin:0;padding:0}
+.gchars .fa{position:absolute;margin-left:-14px}
+
+.gquests li{padding:12px 15px 0 15px;border-radius:3px}
+.gquests li:nth-child(odd){background:#fff}
+.gquests .date{color:#aca8a1;display:block}
+.gquests .xp{display:block}
+
 /** Media Queries **/
 
 @media only screen and (min-width:480px){
@@ -161,10 +178,23 @@ input[type="submit"][disabled]{text-shadow:1px 2px #d48c4e;background:#f9ac69;bo
 
 .cinfo{float:left;width:70%}
 .cportrait{float:right;width:25%}
+
+.gdata .gbanner{float:left;min-width:100px}
+.gdata .gdesc{float:left;width:60%}
+.gdata ul{clear:both}
+.gchars li{width:32%;margin-right:5px}
+.gchars li:nth-child(even){float:left}
 }
 
 @media only screen and (min-width:768px){
 .xpbar{width:70%}
+
+.gdata{margin-top:40px}
+.gdata ul{clear:none;float:right;width:20%;margin:0;padding:0}
+.gchars li{width:19%}
+
+.gquests .date{display:inline;margin-right:15px}
+.gquests .xp{float:right}
 }
 
 @media only screen and (min-width:1024px){
@@ -178,6 +208,8 @@ menu a{padding:10px 0}
 article{padding:20px 40px 80px 40px}
 .moodpic{margin:-20px -40px}
 .breadcrumbs li{display:inline;padding-right:10px}
+
+.gchars li{width:19%}
 }
 
 @media only screen and (min-width:1366px){