mirror of
https://github.com/em-squared/5e-drs.git
synced 2025-10-31 05:24:20 +00:00
logos classes
This commit is contained in:
Maxime Moraine
parent
9a324bea91
commit
9c242a47e1
32 changed files with 1727 additions and 29 deletions
47
docs/.vuepress/theme/components/ClassSummary.vue
Normal file
47
docs/.vuepress/theme/components/ClassSummary.vue
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
<template>
|
||||
<v-card class="class-summary d-flex align-center" flat tile :to="href" height="500px">
|
||||
<v-card-text>
|
||||
<div>
|
||||
<v-img :height="imgHeight || '150px'" contain :src="imgSrc"></v-img>
|
||||
</div>
|
||||
<div class="mt-3 text-h5 font-weight-bold text-uppercase color-dragon">{{ title }}</div>
|
||||
<div>
|
||||
<div class="font-weight-bold">Dé de vie : </div>
|
||||
<div class="dicier my-2">{{ hitDie }}_ON_D{{ hitDie }}</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="font-weight-bold">Caractéristiques principales : </div>
|
||||
<div>{{ favoredAbilities }}</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="font-weight-bold">Maîtrises de sauvegarde : </div>
|
||||
<div>{{ savesProficiency }}</div>
|
||||
</div>
|
||||
<div v-if="casterAbility">
|
||||
<div class="font-weight-bold">Caractéristique d'incantation : </div>
|
||||
<div>{{ casterAbility }}</div>
|
||||
<v-btn class="mt-2 spell-list" color="accent" depressed :to="spellbookURL">Liste de sorts</span></v-btn>
|
||||
</div>
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "ClassSummary",
|
||||
|
||||
props: ["imgSrc", "imgHeight", "title", "hitDie", "favoredAbilities", "savesProficiency", "casterAbility", "href"],
|
||||
|
||||
computed: {
|
||||
spellbookURL () {
|
||||
return '/grimoire/?classes=' + this.title
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.spell-list {
|
||||
// z-index: 100;
|
||||
}
|
||||
</style>
|
||||
55
docs/.vuepress/theme/global-components/ClassSummaries.vue
Normal file
55
docs/.vuepress/theme/global-components/ClassSummaries.vue
Normal file
|
|
@ -0,0 +1,55 @@
|
|||
<template>
|
||||
<div class="my-8">
|
||||
<v-row>
|
||||
<v-col cols="12" sm="6" md="4" class="class-logo">
|
||||
<ClassSummary imgSrc="/barbare.svg" title="Barbare" hitDie="12" favoredAbilities="Force, Constitution" savesProficiency="Force et Constitution" href="/classes/barbare/"></ClassSummary>
|
||||
</v-col>
|
||||
<v-col cols="12" sm="6" md="4" class="class-logo">
|
||||
<ClassSummary imgSrc="/barde.svg" title="Barde" hitDie="8" favoredAbilities="Charisme, Dextérité" savesProficiency="Dextérité et Charisme" casterAbility="Charisme" href="/classes/barde/"></ClassSummary>
|
||||
</v-col>
|
||||
<v-col cols="12" sm="6" md="4" class="class-logo">
|
||||
<ClassSummary imgSrc="/clerc.svg" title="Clerc" hitDie="8" favoredAbilities="Sagesse, Force" savesProficiency="Sagesse et Charisme" casterAbility="Sagesse" href="/classes/clerc/"></ClassSummary>
|
||||
</v-col>
|
||||
<v-col cols="12" sm="6" md="4" class="class-logo">
|
||||
<ClassSummary imgSrc="/druide.svg" title="Druide" hitDie="8" favoredAbilities="Sagesse, Constitution" savesProficiency="Intelligence et Sagesse" casterAbility="Sagesse" href="/classes/druide/"></ClassSummary>
|
||||
</v-col>
|
||||
<v-col cols="12" sm="6" md="4" class="class-logo">
|
||||
<ClassSummary imgSrc="/ensorceleur.svg" title="Ensorceleur" hitDie="6" favoredAbilities="Charisme, Constitution" savesProficiency="Constitution et Charisme" casterAbility="Charisme" href="/classes/ensorceleur/"></ClassSummary>
|
||||
</v-col>
|
||||
<v-col cols="12" sm="6" md="4" class="class-logo">
|
||||
<ClassSummary imgSrc="/guerrier.svg" title="Guerrier" hitDie="10" favoredAbilities="Force ou Dextérité, Constitution" savesProficiency="Force et Constitution" href="/classes/guerrier/"></ClassSummary>
|
||||
</v-col>
|
||||
<v-col cols="12" sm="6" md="4" class="class-logo">
|
||||
<ClassSummary imgSrc="/magicien.svg" title="Magicien" hitDie="6" favoredAbilities="Intelligence, Dextérité" savesProficiency="Intelligence et Sagesse" casterAbility="Intelligence" href="/classes/magicien/"></ClassSummary>
|
||||
</v-col>
|
||||
<v-col cols="12" sm="6" md="4" class="class-logo">
|
||||
<ClassSummary imgSrc="/moine.svg" title="Moine" hitDie="8" favoredAbilities="Dextérité, Sagesse" savesProficiency="Force et Dextérité" href="/classes/moine/"></ClassSummary>
|
||||
</v-col>
|
||||
<v-col cols="12" sm="6" md="4" class="class-logo">
|
||||
<ClassSummary imgSrc="/paladin.svg" title="Paladin" hitDie="10" favoredAbilities="Force, Charisme" savesProficiency="Sagesse et Charisme" casterAbility="Charisme" href="/classes/paladin/"></ClassSummary>
|
||||
</v-col>
|
||||
<v-col cols="12" sm="6" md="4" class="class-logo">
|
||||
<ClassSummary imgSrc="/rodeur.svg" title="Rôdeur" hitDie="10" favoredAbilities="Dextérité, Sagesse" savesProficiency="Force, Dextérité" casterAbility="Sagesse" href="/classes/rodeur/"></ClassSummary>
|
||||
</v-col>
|
||||
<v-col cols="12" sm="6" md="4" class="class-logo">
|
||||
<ClassSummary imgSrc="/roublard.svg" title="Roublard" hitDie="8" favoredAbilities="Dextérité, Intelligence ou Charisme" savesProficiency="Dextérité et Intelligence" href="/classes/roublard/"></ClassSummary>
|
||||
</v-col>
|
||||
<v-col cols="12" sm="6" md="4" class="class-logo">
|
||||
<ClassSummary imgSrc="/sorcier.svg" title="Sorcier" hitDie="8" favoredAbilities="Charisme, Force ou Dextérité" savesProficiency="Sagesse et Charisme" casterAbility="Charisme" href="/classes/sorcier/"></ClassSummary>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ClassSummary from '@theme/components/ClassSummary'
|
||||
export default {
|
||||
name: "ClassSummaries",
|
||||
components: {
|
||||
ClassSummary
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
</style>
|
||||
|
|
@ -50,6 +50,16 @@ $icon-kobold: "\e900";
|
|||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
// Dice font
|
||||
@font-face {
|
||||
font-family: Dicier;
|
||||
src: url('#{$srd-font-path}/Dicier-Round-Heavy.woff2');
|
||||
}
|
||||
.dicier {
|
||||
font-family: Dicier, sans-serif;
|
||||
font-feature-settings: “liga” 1, “kern” 1, “calt” 1;
|
||||
}
|
||||
|
||||
.icon-bookmark {
|
||||
&:before {
|
||||
content: $icon-bookmark;
|
||||
|
|
@ -104,6 +114,13 @@ $icon-kobold: "\e900";
|
|||
}
|
||||
}
|
||||
|
||||
.color-hero {
|
||||
color: $color-hero;
|
||||
}
|
||||
.color-dragon {
|
||||
color: $color-dragon;
|
||||
}
|
||||
|
||||
.home-logo {
|
||||
font-size: 20rem;
|
||||
color: $color-gold;
|
||||
|
|
@ -308,3 +325,21 @@ ul, ol {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.class-logo {
|
||||
text-align: center;
|
||||
|
||||
img {
|
||||
max-width: 30%;
|
||||
}
|
||||
}
|
||||
.class-summary {
|
||||
.v-card__subtitle, .v-card__text {
|
||||
letter-spacing: normal;
|
||||
.dicier {
|
||||
font-size: 1.5rem;
|
||||
margin-left: .5rem;
|
||||
margin-right: .5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue