Initial commit

2026-05-12 06:26:59 +00:00 · 2023-03-18 20:58:14 +01:00
commit 3ccab02cc8
23 changed files with 6684 additions and 0 deletions
@@ -0,0 +1,50 @@
+<template>
+  <article
+      class="adventurer"
+      :title="adventurer.name + (adventurer.busy ? ' (busy)' : '')"
+  >
+    <img :src="adventurer.portrait" :alt="adventurer.name" draggable="false">
+    <div class="level">{{adventurer.level}}</div>
+  </article>
+</template>
+
+<script lang="ts">
+
+import type {Adventurer} from "@/classes/Adventurer";
+import {defineComponent, type PropType } from "vue";
+
+export default defineComponent({
+  name: "AdventurerTile",
+  props: {
+    adventurer: {
+      type: Object as PropType<Adventurer>,
+    }
+  }
+});
+</script>
+
+<style lang="scss" scoped>
+.adventurer {
+  width: 100%;
+  height: 100%;
+  overflow: clip;
+  font-size: 5rem;
+  line-height: 1;
+  color: rgba(0,0,0, 0.75);
+  position: relative;
+  .level {
+    position: absolute;
+    top: 0;
+    left: 0;
+    font-size: 1rem;
+    background-color: rgba(0,0,0, 0.75);
+    border-bottom-right-radius: 0.2rem;
+    padding: 0.1rem;
+    color: #fff;
+  }
+  img {
+    width: 100%;
+    height: 100%;
+  }
+}
+</style>