guild profile design + dummy data
This commit is contained in:
Daniel
parent
916f5ad7c9
commit
1feee1c5bf
3 changed files with 102 additions and 21 deletions
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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){
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue