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

boss fight design

Browse source
This commit is contained in:
Daniel 2014-04-16 15:28:09 +02:00
commit 7ae1573c0a
3 changed files with 75 additions and 78 deletions
Download patch file Download diff file Expand all files Collapse all files

64
questtypes/bossfight/html/quest.tpl
View file

@ -1,39 +1,31 @@
<table> <div class="cf">
<tbody> <section class="opponent">
<tr> <p class="fwb"><?=$character['name']?></p>
<td> <p class="portrait"><img src="<?=$linker->link(array('media','seminary',$seminary['url'],$character['avatar_url']))?>" class="hero" /></p>
<img src="<?=$linker->link(array('media','seminary',$seminary['url'],$character['avatar_url']))?>" /> <p>
</td> <?php if($lives['character'] > 0) : ?>
<td> <?php foreach(range(1,$lives['character']) as $i) : ?>
<?php if(array_key_exists('bossmedia', $fight)) : ?> <i class="fa fa-heart fa-fw"></i>
<img src="<?=$linker->link(array('media','seminary',$seminary['url'],$fight['bossmedia']['url']))?>" /> <?php endforeach ?>
<?php endif ?> <?php else : ?>
</td> <?=_('lost')?>
</tr> <?php endif ?>
<tr> </p>
<td> </section>
<?=$character['name']?>: <section class="opponent">
<?php if($lives['character'] > 0) : ?> <p class="fwb"><?=$fight['bossname']?></p>
<?php foreach(range(1,$lives['character']) as $i) : ?> <p class="portrait"><img src="<?=$linker->link(array('media','seminary',$seminary['url'],$fight['bossmedia']['url']))?>" class="boss" /></p>
♥ <p>
<?php endforeach ?> <?php if($lives['boss'] > 0) : ?>
<?php else : ?> <?php foreach(range(1,$lives['boss']) as $i) : ?>
<?=_('lost')?> <i class="fa fa-heart fa-fw"></i>
<?php endif ?> <?php endforeach ?>
</td> <?php else : ?>
<td> <?=_('lost')?>
<?=$fight['bossname']?>: <?php endif ?>
<?php if($lives['boss'] > 0) : ?> </p>
<?php foreach(range(1,$lives['boss']) as $i) : ?> </section>
♥ </div>
<?php endforeach ?>
<?php else : ?>
<?=_('lost')?>
<?php endif ?>
</td>
</tr>
</tbody>
</table>
<p><?=\hhu\z\Utils::t($stage['text'])?></p> <p><?=\hhu\z\Utils::t($stage['text'])?></p>

79
questtypes/bossfight/html/submission.tpl
View file

@ -1,43 +1,38 @@
<table> <div class="cf">
<tbody> <section class="opponent">
<tr> <p class="portrait"><img src="<?=$linker->link(array('media','seminary',$seminary['url'],$character['avatar_url']))?>" class="hero" /></p>
<td> </section>
<img src="<?=$linker->link(array('media','seminary',$seminary['url'],$character['avatar_url']))?>" /> <section class="opponent">
</td> <p class="portrait"><img src="<?=$linker->link(array('media','seminary',$seminary['url'],$fight['bossmedia']['url']))?>" class="boss" /></p>
<td> </section>
<?php if(array_key_exists('bossmedia', $fight)) : ?> </div>
<img src="<?=$linker->link(array('media','seminary',$seminary['url'],$fight['bossmedia']['url']))?>" />
<?php endif ?> <?php foreach($stages as &$stage) : ?>
</td> <p><?=$stage['question']?></p>
</tr> <div class="cf">
<?php foreach($stages as &$stage) : ?> <section class="opponent">
<tr> <p class="fwb"><?=$character['name']?></p>
<td colspan="2"> <p>
<?=$stage['question']?> <?php if($lives['character'] > 0) : ?>
</td> <?php foreach(range(1,$lives['character']) as $i) : ?>
</tr> <i class="fa fa-heart fa-fw"></i>
<tr>
<td>
<?=$character['name']?>:
<?php if($stage['lives']['character'] > 0) : ?>
<?php foreach(range(1,$stage['lives']['character']) as $i) : ?>
♥
<?php endforeach ?>
<?php else : ?>
<?=_('lost')?>
<?php endif ?>
</td>
<td>
<?=$fight['bossname']?>:
<?php if($stage['lives']['boss'] > 0) : ?>
<?php foreach(range(1,$stage['lives']['boss']) as $i) : ?>
♥
<?php endforeach ?>
<?php else : ?>
<?=_('lost')?>
<?php endif ?>
</td>
</tr>
<?php endforeach ?> <?php endforeach ?>
</tbody> <?php else : ?>
</table> <?=_('lost')?>
<?php endif ?>
</p>
</section>
<section class="opponent">
<p class="fwb"><?=$fight['bossname']?></p>
<p>
<?php if($lives['boss'] > 0) : ?>
<?php foreach(range(1,$lives['boss']) as $i) : ?>
<i class="fa fa-heart fa-fw"></i>
<?php endforeach ?>
<?php else : ?>
<?=_('lost')?>
<?php endif ?>
</p>
</section>
</div>
<?php endforeach ?>

10
www/css/desktop.css
View file

@ -182,6 +182,14 @@ input[type="submit"][disabled]{text-shadow:1px 2px #d48c4e;background:#f9ac69;bo
.crossword li{margin-top:20px} .crossword li{margin-top:20px}
.crossword .index{position:absolute;font-size:0.625em;margin:-2px 0 0 2px} .crossword .index{position:absolute;font-size:0.625em;margin:-2px 0 0 2px}
.opponent{width:50%;float:left}
.opponent .portrait{height:250px;overflow:hidden;margin-bottom:15px}
.opponent .hero{background:#fff;max-width:130px}
.opponent .boss{max-width:100%}
.opponent p{text-align:center}
.opponent .fa{font-size:1.25em;color:#c7135b;padding-right:0}
/** Media Queries **/ /** Media Queries **/
@media only screen and (min-width:480px){ @media only screen and (min-width:480px){
@ -198,6 +206,8 @@ input[type="submit"][disabled]{text-shadow:1px 2px #d48c4e;background:#f9ac69;bo
.gdata ul{clear:both} .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}
.opponent .hero{max-width:200px}
} }
@media only screen and (min-width:768px){ @media only screen and (min-width:768px){