|
|
|
@@ -4,8 +4,8 @@ |
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="explore-worldinfo"> |
|
|
|
<p class="worldinfo-date">{{ world.time.format("MMMM Do yyy") }}</p> |
|
|
|
<p class="worldinfo-time">{{ world.time.format("h:mm A")}}</p> |
|
|
|
<p class="worldinfo-date">{{ world.time.format("MMMM Do Y") }}</p> |
|
|
|
<p class="worldinfo-date">{{ world.time.format("hh:mm:ss a") }}</p> |
|
|
|
</div> |
|
|
|
<Statblock :subject="world.player" :initiative="0" /> |
|
|
|
<div class="explore-info"> |
|
|
|
@@ -13,8 +13,8 @@ |
|
|
|
<p class="location-desc">{{ location.desc }}</p> |
|
|
|
</div> |
|
|
|
<div class="explore-nav"> |
|
|
|
<NavButton @click.native="location.connections[direction].travel(world.player, world)" v-for="direction in Object.keys(location.connections)" :key="direction" :style="navBtnCss(direction)" :location="location" :direction="direction" /> |
|
|
|
<div class="nav-filler" :Style="navBtnCss(direction)" v-for="direction in Object.keys(directions)" :key="direction"></div> |
|
|
|
<NavButton @click.native="location.connections[direction].travel(world, world.player)" v-for="direction in Object.keys(location.connections)" :key="direction" :style="navBtnCss(direction)" :location="location" :direction="direction" /> |
|
|
|
<div class="nav-filler" :Style="navBtnCss(direction)" v-for="direction in Object.keys(directions)" :key="direction + '-filler'"></div> |
|
|
|
</div> |
|
|
|
<div class="explore-choices"> |
|
|
|
<ChoiceButton @click.native="writeLog(choice.execute(world, world.player))" v-for="(choice, index) in location.choices.filter(choice => choice.visible(world))" :key="'choice' + index" :choice="choice" :world="world" /> |
|
|
|
@@ -147,6 +147,8 @@ export default class Explore extends Vue { |
|
|
|
"Southwest South Southeast"; |
|
|
|
grid-template-rows: 1fr 1fr 1fr; |
|
|
|
grid-template-columns: 1fr 1fr 1fr; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
.nav-filler { |
|
|
|
|