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

quest list design & example code for bonus questline and solved quest

Browse source
This commit is contained in:
Daniel 2014-03-18 21:13:20 +01:00
commit cf14e794b2
2 changed files with 22 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

16
views/html/questgroups/questgroup.tpl
View file

@ -39,11 +39,23 @@
<?php if(isset($quests) && !is_null($quests)) : ?> <?php if(isset($quests) && !is_null($quests)) : ?>
<h3><?=_('Quests')?></h3> <h3><?=_('Quests')?></h3>
<ul> <ul class="qglist">
<li>
<div class="qgtitle">
<a href="#" class="solved"><i class="fa fa-check-square-o fa-fw"></i>Beispiel für eine gelöste Quest</a>
</div>
</li>
<li>
<div class="qgtitle">
<a href="#" class="bonus"><i class="fa fa-share-square-o fa-fw"></i>Beispiel für eine gefunde Side-Questline</a>
</div>
</li>
<?php foreach($quests as &$quest) : ?> <?php foreach($quests as &$quest) : ?>
<li> <li>
<?php if(!array_key_exists('access', $quest) || $quest['access']) : ?> <?php if(!array_key_exists('access', $quest) || $quest['access']) : ?>
<a href="<?=$linker->link(array('quests','quest',$seminary['url'],$questgroup['url'],$quest['url']))?>"><?=$quest['title']?></a> <div class="qgtitle">
<a href="<?=$linker->link(array('quests','quest',$seminary['url'],$questgroup['url'],$quest['url']))?>"><i class="fa fa-square-o fa-fw"></i><?=$quest['title']?></a>
</div>
<?php if(count($quest['sidequests']) > 0) : ?> <?php if(count($quest['sidequests']) > 0) : ?>
<br /> <br />
<?=_('containing optional Quests')?>: <?=_('containing optional Quests')?>:

31
www/css/desktop.css
View file

@ -82,34 +82,19 @@ article{padding-top:5.375em;margin-bottom:30px}
.questgroup2{background:url('http://s14.directupload.net/images/140318/hwon92ew.png') no-repeat} .questgroup2{background:url('http://s14.directupload.net/images/140318/hwon92ew.png') no-repeat}
.qg li{margin:0 0 25px 0} .qg li{margin:0 0 25px 0}
.qgtitle{background:#5cb6bd;border-radius:3px 3px 0 0} .qgtitle a{background:#5cb6bd;border-radius:3px 3px 0 0;display:block;padding:20px;color:#fff;font-weight:700}
.qgtitle a{display:block;padding:20px;color:#fff;font-weight:700}
.qgprogress,.qghidden{margin-bottom:4px;padding:20px 20px 4px 20px;background:#fff;border-radius:0 0 3px 3px} .qgprogress,.qghidden{margin-bottom:4px;padding:20px 20px 4px 20px;background:#fff;border-radius:0 0 3px 3px}
.qglist li{margin: 0 0 5px 0}
.qglist .qgtitle a{padding:14px;border-radius:3px}
.qglist .qgtitle .solved{background:#fff;color:#50a4ab}
.qglist .qgtitle .solved .fa{color:#bcd75e}
.qglist .qgtitle .bonus{background:#f5821f}
.xpbar{ .xpbar{width:60%;float:left;height:10px;position:relative;background:#eee;border-radius:25px;margin:8px 0 16px}
width:60%; .xpbar span{display:block;height:100%;border-radius:20px;background:#bcd75e;position:relative;overflow:hidden}
float:left;
height:10px;
position:relative;
background:#eee;
border-radius:25px;
margin:8px 0 16px
}
.xpbar span{
display:block;
height:100%;
border-radius:20px;
background:#bcd75e;
position:relative;
overflow:hidden
}
.xpnumeric{float:right;color:#869845} .xpnumeric{float:right;color:#869845}
.cta{display:inline-block;margin-top:10px;color:#fff;font-weight:700;padding:7px 20px;border-radius:4px} .cta{display:inline-block;margin-top:10px;color:#fff;font-weight:700;padding:7px 20px;border-radius:4px}
.orange{text-shadow:1px 2px #d4701a;background:#f5821f;border:solid #d4701a;border-width:0 0 3px 0} .orange{text-shadow:1px 2px #d4701a;background:#f5821f;border:solid #d4701a;border-width:0 0 3px 0}