coderkun/questlab
1
0
Fork 0
Code Issues 15 Pull requests Projects Releases Wiki Activity

charactergroups design update

Browse source
This commit is contained in:
Daniel 2014-04-17 17:39:54 +02:00
commit bde658d7a4
5 changed files with 76 additions and 61 deletions
Download patch file Download diff file Expand all files Collapse all files

30
views/html/charactergroups/group.tpl
View file

@ -3,23 +3,21 @@
<img src="<?=$linker->link(array('media','seminaryheader',$seminary['url']))?>"> <img src="<?=$linker->link(array('media','seminaryheader',$seminary['url']))?>">
</div> </div>
<?php endif ?> <?php endif ?>
<h1><a href="<?=$linker->link(array('seminaries',$seminary['url']))?>"><?=$seminary['title']?></a></h1> <ul class="breadcrumbs">
<h2><a href="<?=$linker->link(array('index',$seminary['url']),1)?>"><?=_('Character Groups')?></a></h2> <li><a href="<?=$linker->link(array('seminaries',$seminary['url']))?>"><?=$seminary['title']?></a></li>
<h3><a href="<?=$linker->link(array('groupsgroup',$seminary['url'],$groupsgroup['url']),1)?>"><?=$groupsgroup['name']?></a></h3> <li><i class="fa fa-chevron-right fa-fw"></i><a href="<?=$linker->link(array('index',$seminary['url']),1)?>"><?=_('Character Groups')?></a></li>
<section class="gdata cf"> <li><i class="fa fa-chevron-right fa-fw"></i><a href="<?=$linker->link(array('groupsgroup',$seminary['url'],$groupsgroup['url']),1)?>"><?=$groupsgroup['name']?></a></li>
<div class="gbanner"> </ul>
<img src="http://s1.directupload.net/images/140325/3eqybn4i.png"> <div class="gbanner cf">
</div> <img src="http://s1.directupload.net/images/140325/3eqybn4i.png" class="gbanner">
<div class="gdesc"> <h1><?=$group['name']?></h1>
<h3><?=$group['name']?></h3> <p>"<?=$group['motto']?>"</p>
<span><?=$group['motto']?></span> </div>
</div> <ul class="gdata cf">
<ul> <li><?=$group['rank']?>. <?=_('Rank')?></li>
<li><i class="fa fa-th-list fa-fw"></i><?=$group['rank']?>. <?=_('Rank')?></li> <li><?=$group['xps']?> XP</li>
<li><i class="fa fa-lightbulb-o fa-fw"></i><?=$group['xps']?> XPs</li> <li><?=count($group['characters'])?> <?=(count($group['characters']) > 1) ? _('Members') : _('Member')?></li>
<li><i class="fa fa-users fa-fw"></i><?=count($group['characters'])?> <?=(count($group['characters']) > 1) ? _('Members') : _('Member')?></li>
</ul> </ul>
</section>
<section> <section>
<h1><i class="fa fa-users fa-fw"></i><?=_('Characters')?></h1> <h1><i class="fa fa-users fa-fw"></i><?=_('Characters')?></h1>

23
views/html/charactergroups/groupsgroup.tpl
View file

@ -3,19 +3,22 @@
<img src="<?=$linker->link(array('media','seminaryheader',$seminary['url']))?>"> <img src="<?=$linker->link(array('media','seminaryheader',$seminary['url']))?>">
</div> </div>
<?php endif ?> <?php endif ?>
<h1><a href="<?=$linker->link(array('seminaries',$seminary['url']))?>"><?=$seminary['title']?></a></h1> <ul class="breadcrumbs">
<h2><a href="<?=$linker->link(array('index',$seminary['url']),1)?>"><?=_('Character Groups')?></a></h2> <li><a href="<?=$linker->link(array('seminaries',$seminary['url']))?>"><?=$seminary['title']?></a></li>
<h3><?=$groupsgroup['name']?></h3> <li><i class="fa fa-chevron-right fa-fw"></i><a href="<?=$linker->link(array('index',$seminary['url']),1)?>"><?=_('Character Groups')?></a></li>
<ul>
<?php foreach($groups as &$group) : ?>
<li><a href="<?=$linker->link(array('group',$seminary['url'],$groupsgroup['url'],$group['url']),1)?>"><?=$group['name']?> (<?=$group['xps']?> XPs)</a></li>
<?php endforeach ?>
</ul> </ul>
<h1><?=$groupsgroup['name']?></h1>
<h3><?=_('Character Groups Quests')?></h3> <ol class="cglist">
<ul> <?php foreach($groups as &$group) : ?>
<li><a href="<?=$linker->link(array('group',$seminary['url'],$groupsgroup['url'],$group['url']),1)?>"><?=$group['name']?></a><span class="xp"><?=$group['xps']?> XP</span></li>
<?php endforeach ?>
</ol>
<h2><?=_('Character Groups Quests')?></h2>
<ul class="cgqlist">
<?php foreach($quests as &$quest) : ?> <?php foreach($quests as &$quest) : ?>
<li><a href="<?=$linker->link(array('charactergroupsquests','quest',$seminary['url'],$groupsgroup['url'],$quest['url']))?>"><?=$quest['title']?></a></li> <li><a href="<?=$linker->link(array('charactergroupsquests','quest',$seminary['url'],$groupsgroup['url'],$quest['url']))?>"><?=$quest['title']?></a></li>
<?php endforeach ?> <?php endforeach ?>

9
views/html/charactergroups/index.tpl
View file

@ -3,10 +3,11 @@
<img src="<?=$linker->link(array('media','seminaryheader',$seminary['url']))?>"> <img src="<?=$linker->link(array('media','seminaryheader',$seminary['url']))?>">
</div> </div>
<?php endif ?> <?php endif ?>
<h1><a href="<?=$linker->link(array('seminaries',$seminary['url']))?>"><?=$seminary['title']?></a></h1> <ul class="breadcrumbs">
<h2><?=_('Character Groups')?></h2> <li><a href="<?=$linker->link(array('seminaries',$seminary['url']))?>"><?=$seminary['title']?></a></li>
</ul>
<ul> <h1><?=_('Character Groups')?></h1>
<ul class="cgqlist">
<?php foreach($groupsgroups as &$group) : ?> <?php foreach($groupsgroups as &$group) : ?>
<li><a href="<?=$linker->link(array('groupsgroup',$seminary['url'],$group['url']),1)?>"><?=$group['name']?></a></li> <li><a href="<?=$linker->link(array('groupsgroup',$seminary['url'],$group['url']),1)?>"><?=$group['name']?></a></li>
<?php endforeach ?> <?php endforeach ?>

38
views/html/charactergroupsquests/quest.tpl
View file

@ -3,19 +3,23 @@
<img src="<?=$linker->link(array('media','seminaryheader',$seminary['url']))?>"> <img src="<?=$linker->link(array('media','seminaryheader',$seminary['url']))?>">
</div> </div>
<?php endif ?> <?php endif ?>
<h1><a href="<?=$linker->link(array('seminaries',$seminary['url']))?>"><?=$seminary['title']?></a></h1> <ul class="breadcrumbs">
<h2><?=_('Character Groups Quests')?></h2> <li><a href="<?=$linker->link(array('seminaries',$seminary['url']))?>"><?=$seminary['title']?></a></li>
<h3><a href="<?=$linker->link(array('charactergroups','groupsgroup',$seminary['url'],$groupsgroup['url']))?>"><?=$groupsgroup['name']?></a></h3> <li><i class="fa fa-chevron-right fa-fw"></i><a href="<?=$linker->link(array('charactergroups','groupsgroup',$seminary['url'],$groupsgroup['url']))?>"><?=$groupsgroup['name']?></a></li>
<h4><?=$quest['title']?></h4> <li><i class="fa fa-chevron-right fa-fw"></i><?=_('Character Groups Quests')?></li>
</ul>
<?php if(!is_null($media)) : ?> <h1><?=$quest['title']?></h1>
<img src="<?=$linker->link(array('media','seminary',$seminary['url'],$media['url']))?>" /> <small>Maximale Belohnung: <span class="fwb"><?=$quest['xps']?> XP</span></small>
<?php endif ?>
<section> <section>
<p>XPs: <?=$quest['xps']?></p>
<h1><?=_('Description')?></h1> <h1><?=_('Description')?></h1>
<p><?=\hhu\z\Utils::t($quest['description'])?></p> <p>
<?php if(!is_null($media)) : ?>
<img src="<?=$linker->link(array('media','seminary',$seminary['url'],$media['url']))?>" class="grpqimg" />
<?php endif ?>
<?=\hhu\z\Utils::t($quest['description'])?>
</p>
<?php if(!empty($quest['rules'])) : ?> <?php if(!empty($quest['rules'])) : ?>
<h1><?=_('Rules')?></h1> <h1><?=_('Rules')?></h1>
<p><?=\hhu\z\Utils::t($quest['rules'])?></p> <p><?=\hhu\z\Utils::t($quest['rules'])?></p>
@ -37,15 +41,13 @@
<section> <section>
<h1><?=$groupsgroup['name']?></h1> <h1><?=$groupsgroup['name']?></h1>
<table> <ul class="grpqlist">
<tbody>
<?php foreach($groups as &$group) : ?> <?php foreach($groups as &$group) : ?>
<tr> <li>
<td><?=$dateFormatter->format(new \DateTime($group['created']))?></td> <span class="date"><?=$dateFormatter->format(new \DateTime($group['created']))?></span>
<td><a href="<?=$linker->link(array('charactergroups','group',$seminary['url'],$groupsgroup['url'],$group['url']))?>"><?=$group['name']?></a></td> <span class="group"><a href="<?=$linker->link(array('charactergroups','group',$seminary['url'],$groupsgroup['url'],$group['url']))?>"><?=$group['name']?></a></span>
<td><?=$group['xps']?>/<?=$quest['xps']?> XPs</td> <span class="xp"><?=$group['xps']?> XP</span>
</tr> </li>
<?php endforeach ?> <?php endforeach ?>
</tbody> </ul>
</table>
</section> </section>

35
www/css/desktop.css
View file

@ -113,7 +113,7 @@ aside{display:none}
#qtextbox{font-size:.875em;border-radius:5px;background:#fff;border:15px solid #fff;height:200px;overflow:hidden} #qtextbox{font-size:.875em;border-radius:5px;background:#fff;border:15px solid #fff;height:200px;overflow:hidden}
.qtext{padding-right:15px} .qtext{padding-right:15px}
.qtext img{float:right;margin-left:15px;max-width:30%;border-radius:3px} .qtext img,.grpqimg{float:right;margin-left:15px;max-width:30%;border-radius:3px}
.xpinfo{display:none} .xpinfo{display:none}
.xpbar{width:60%;float:left;height:10px;position:relative;background:#eee;border-radius:25px;margin:8px 0 16px} .xpbar{width:60%;float:left;height:10px;position:relative;background:#eee;border-radius:25px;margin:8px 0 16px}
@ -163,12 +163,19 @@ input[type="submit"][disabled]{text-shadow:1px 2px #d48c4e;background:#f9ac69;bo
.ctopics .xpbar span{background:#50a4ab} .ctopics .xpbar span{background:#50a4ab}
/** Charactergroup List **/
.cglist li{list-style-type:decimal;background:#fff;margin:0 0 6px 25px;padding:5px 15px;border-radius:3px}
.cglist .xp{float:right}
.cgqlist li{list-style-type:square;margin-left:25px;padding:2px 15px}
/** Charactergroup Profile **/ /** Charactergroup Profile **/
.gdata{margin-top:20px} .gbanner img{margin-top:10px;border-radius:3px}
.gdata img{border-radius:3px;margin-bottom:15px} .gbanner h1{margin:10px 0 5px 0}
.gdata h1{margin:0;padding:0}
.gdata .fa{color:#aca8a1} .gdata{margin:20px 0 40px 0}
.gdata li{float:left;background:#fff;padding:5px 15px;margin:0 5px 5px 0;border-radius:3px}
.gchars li{background:#fff;padding:15px 0;border-radius:3px;float:left;margin-bottom:5px;width:49%} .gchars li{background:#fff;padding:15px 0;border-radius:3px;float:left;margin-bottom:5px;width:49%}
.gchars li:nth-child(even){float:right} .gchars li:nth-child(even){float:right}
@ -182,6 +189,14 @@ input[type="submit"][disabled]{text-shadow:1px 2px #d48c4e;background:#f9ac69;bo
.gquests .xp{display:block} .gquests .xp{display:block}
/** Charactergroup Quest **/
.grpqlist li{background:#fff;margin-bottom:6px;padding:5px 15px 5px 0;font-size:.875em;border-radius:3px}
.grpqlist .date{padding:0 15px;border-right:1px solid #dad8d5}
.grpqlist .group{padding:0 15px}
.grpqlist .xp{float:right}
/** Achievements **/ /** Achievements **/
.rare ol{margin-bottom:40px} .rare ol{margin-bottom:40px}
@ -228,9 +243,9 @@ input[type="submit"][disabled]{text-shadow:1px 2px #d48c4e;background:#f9ac69;bo
.cinfo{float:left;width:70%} .cinfo{float:left;width:70%}
.cportrait{float:right;width:25%} .cportrait{float:right;width:25%}
.gdata .gbanner{float:left;min-width:100px} .gbanner img{float:left;margin:20px 20px 0 0}
.gdata .gdesc{float:left;width:75%} .gbanner h1{margin:25px 0 2px}
.gdata ul{clear:both}
.gchars li{width:32%;margin-right:5px} .gchars li{width:32%;margin-right:5px}
.gchars li:nth-child(even){float:left} .gchars li:nth-child(even){float:left}
@ -242,10 +257,6 @@ input[type="submit"][disabled]{text-shadow:1px 2px #d48c4e;background:#f9ac69;bo
@media only screen and (min-width:768px){ @media only screen and (min-width:768px){
.xpbar{width:70%} .xpbar{width:70%}
.gdata{margin-top:40px}
.gdata .gdesc{width:60%}
.gdata li{font-size:.875em;padding-bottom:5px}
.gdata ul{clear:none;float:right;width:20%;margin:0;padding:0}
.gchars li{width:19%} .gchars li{width:19%}
.gquests .date{display:inline;margin-right:15px} .gquests .date{display:inline;margin-right:15px}