LiveAtlas/src/components/Sidebar.vue

158 lines
9.3 KiB
Vue
Raw Normal View History

2020-11-20 21:44:02 +00:00
<template>
<div class="sidebar pinned">
<div class="panel">
<div class="pin"></div>
<fieldset class="section">
<legend>Map Types</legend>
<div class="scrollup" style="display: block;"></div>
<ul class="list content worldlist" style="height: 277px;">
<li class="world subsection">Hub
<ul class="maplist sublist">
<li class="map item" style="background: rgb(0, 0, 0);"><a title="Flat" href="#" class="maptype"
style="background-image: url('images/block_world_flat.png');">Flat</a>
</li>
<li class="map item" style="background: rgb(0, 0, 0);"><a title="Surface" href="#" class="maptype"
style="background-image: url('images/block_world_surface.png');">Surface</a>
</li>
</ul>
</li>
<li class="world subsection">New Earth®
<ul class="maplist sublist">
<li class="map item selected" style="background: rgb(0, 0, 0);"><a title="Flat" href="#" class="maptype"
style="background-image: url('images/block_world_flat.png');">Flat</a>
</li>
<li class="map item" style="background: rgb(0, 0, 0);"><a title="Surface" href="#" class="maptype"
style="background-image: url('images/block_world_surface.png');">Surface</a>
</li>
</ul>
</li>
<li class="world subsection">City
<ul class="maplist sublist">
<li class="map item" style="background: rgb(0, 0, 0);"><a title="Flat" href="#" class="maptype"
style="background-image: url('images/block_world_flat.png');">Flat</a>
</li>
<li class="map item" style="background: rgb(0, 0, 0);"><a title="Surface" href="#" class="maptype"
style="background-image: url('images/block_world_surface.png');">Surface</a>
</li>
</ul>
</li>
<li class="world subsection">Island
<ul class="maplist sublist">
<li class="map item" style="background: rgb(0, 0, 0);"><a title="Flat" href="#" class="maptype"
style="background-image: url('images/block_world_flat.png');">Flat</a>
</li>
<li class="map item" style="background: rgb(0, 0, 0);"><a title="Surface" href="#" class="maptype"
style="background-image: url('images/block_world_surface.png');">Surface</a>
</li>
</ul>
</li>
<li class="world subsection">Train
<ul class="maplist sublist">
<li class="map item" style="background: rgb(0, 0, 0);"><a title="Flat" href="#" class="maptype"
style="background-image: url('images/block_world_flat.png');">Flat</a>
</li>
<li class="map item" style="background: rgb(0, 0, 0);"><a title="Surface" href="#" class="maptype"
style="background-image: url('images/block_world_surface.png');">Surface</a>
</li>
</ul>
</li>
<li class="world subsection">Planets
<ul class="maplist sublist">
<li class="map item" style="background: rgb(0, 0, 0);"><a title="Flat" href="#" class="maptype"
style="background-image: url('images/block_world_flat.png');">Flat</a>
</li>
<li class="map item" style="background: rgb(0, 0, 0);"><a title="Surface" href="#" class="maptype"
style="background-image: url('images/block_world_surface.png');">Surface</a>
</li>
</ul>
</li>
<li class="world subsection">Single Material - Part 1
<ul class="maplist sublist">
<li class="map item" style="background: rgb(0, 0, 0);"><a title="Flat" href="#" class="maptype"
style="background-image: url('images/block_world_flat.png');">Flat</a>
</li>
<li class="map item" style="background: rgb(0, 0, 0);"><a title="Surface" href="#" class="maptype"
style="background-image: url('images/block_world_surface.png');">Surface</a>
</li>
</ul>
</li>
<li class="world subsection">Single Material - Part 2
<ul class="maplist sublist">
<li class="map item" style="background: rgb(0, 0, 0);"><a title="Flat" href="#" class="maptype"
style="background-image: url('images/block_world_flat.png');">Flat</a>
</li>
<li class="map item" style="background: rgb(0, 0, 0);"><a title="Surface" href="#" class="maptype"
style="background-image: url('images/block_world_surface.png');">Surface</a>
</li>
</ul>
</li>
<li class="world subsection">Mall
<ul class="maplist sublist">
<li class="map item" style="background: rgb(0, 0, 0);"><a title="Flat" href="#" class="maptype"
style="background-image: url('images/block_world_flat.png');">Flat</a>
</li>
<li class="map item" style="background: rgb(0, 0, 0);"><a title="Surface" href="#" class="maptype"
style="background-image: url('images/block_world_surface.png');">Surface</a>
</li>
</ul>
</li>
<li class="world subsection">Chunks
<ul class="maplist sublist">
<li class="map item" style="background: rgb(0, 0, 0);"><a title="Flat" href="#" class="maptype"
style="background-image: url('images/block_world_flat.png');">Flat</a>
</li>
<li class="map item" style="background: rgb(0, 0, 0);"><a title="Surface" href="#" class="maptype"
style="background-image: url('images/block_world_surface.png');">Surface</a>
</li>
</ul>
</li>
<li class="world subsection">The Netherlands
<ul class="maplist sublist">
<li class="map item" style="background: rgb(0, 0, 0);"><a title="Flat" href="#" class="maptype"
style="background-image: url('images/block_nether_flat.png');">Flat</a>
</li>
<li class="map item" style="background: rgb(0, 0, 0);"><a title="Surface" href="#" class="maptype"
style="background-image: url('images/block_nether_surface.png');">Surface</a>
</li>
</ul>
</li>
<li class="world subsection">1.14 Builds
<ul class="maplist sublist">
<li class="map item" style="background: rgb(0, 0, 0);"><a title="Flat" href="#" class="maptype"
style="background-image: url('images/block_world_flat.png');">Flat</a>
</li>
<li class="map item" style="background: rgb(0, 0, 0);"><a title="Surface" href="#" class="maptype"
style="background-image: url('images/block_world_surface.png');">Surface</a>
</li>
</ul>
</li>
<li class="world subsection">1.13 Builds
<ul class="maplist sublist">
<li class="map item" style="background: rgb(0, 0, 0);"><a title="Flat" href="#" class="maptype"
style="background-image: url('images/block_world_flat.png');">Flat</a>
</li>
<li class="map item" style="background: rgb(0, 0, 0);"><a title="Surface" href="#" class="maptype"
style="background-image: url('images/block_world_surface.png');">Surface</a>
</li>
</ul>
</li>
</ul>
<div class="scrolldown" style="display: block;"></div>
</fieldset>
<PlayerList></PlayerList>
<div class="hitbar"></div>
</div>
</div>
</template>
<script>
import PlayerList from "@/components/PlayerList";
export default {
name: "Sidebar",
components: {PlayerList}
}
</script>
<style scoped>
</style>