mirror of
https://github.com/em-squared/5e-drs.git
synced 2025-10-29 04:34:19 +00:00
nouvelle charte graphique
This commit is contained in:
Maxime Moraine
parent
e7546ce4c6
commit
63fb1d4ca5
11 changed files with 90 additions and 44 deletions
|
|
@ -1,6 +1,6 @@
|
|||
module.exports = {
|
||||
title: '5E DRS',
|
||||
description: 'Document de Référence Système pour jeux de rôle en OGL 5E',
|
||||
title: '5e DRS',
|
||||
description: 'Document de Référence Système pour jeux de rôle en OGL 5e',
|
||||
head: [
|
||||
['link', { rel: 'icon', href: '/favicon-32x32.png' }],
|
||||
['link', { rel: 'manifest', crossorigin:"use-credentials", href: '/manifest.json' }],
|
||||
|
|
|
|||
|
|
@ -1,13 +1,13 @@
|
|||
{
|
||||
"dir" : "ltr",
|
||||
"lang" : "fr",
|
||||
"name" : "5E DRS",
|
||||
"name" : "5e DRS",
|
||||
"scope" : "/",
|
||||
"display" : "standalone",
|
||||
"start_url" : "/index.html",
|
||||
"short_name" : "5E DRS",
|
||||
"short_name" : "5e DRS",
|
||||
"theme_color" : "#435a3f",
|
||||
"description" : "Document de référence système pour jeux de rôle en OGL 5E",
|
||||
"description" : "Document de référence système pour jeux de rôle en OGL 5e",
|
||||
"orientation" : "any",
|
||||
"background_color" : "#ffffff",
|
||||
"icons" : [
|
||||
|
|
|
|||
|
|
@ -116,7 +116,7 @@
|
|||
</v-list-item-icon>
|
||||
<v-list-item-content>
|
||||
<v-list-item-title>
|
||||
Discord 5E DRS
|
||||
Discord 5e DRS
|
||||
</v-list-item-title>
|
||||
</v-list-item-content>
|
||||
</v-list-item>
|
||||
|
|
|
|||
|
|
@ -44,6 +44,7 @@ export default {
|
|||
@import '../styles/colors';
|
||||
|
||||
.page-toc {
|
||||
font-size: .9rem;
|
||||
ul {
|
||||
list-style: none;
|
||||
padding-right: 24px;
|
||||
|
|
|
|||
|
|
@ -36,14 +36,14 @@ export default ({
|
|||
},
|
||||
themes: {
|
||||
light: {
|
||||
primary: '#4c6477', // Dragons
|
||||
navbar: '#435a3f', // Héros
|
||||
primary: '#4c6477', // Dragons (Bleu)
|
||||
navbar: '#435a3f', // Héros (Vert)
|
||||
accent: '#435a3f', // Héros
|
||||
},
|
||||
dark: {
|
||||
primary: '#4c6477', // Dragons
|
||||
navbar: '#435a3f', // Héros
|
||||
accent: '#e02867', // Dragons
|
||||
primary: '#6c8599', // Dragons (Bleu)
|
||||
navbar: '#435a3f', // Héros (Vert)
|
||||
accent: '#6c8599', // Dragons
|
||||
}
|
||||
}
|
||||
},
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
$breakpointXS: 600;
|
||||
$breakpointSM: 960;
|
||||
$breakpointMD: 1264;
|
||||
$breakpointLG: 1904;
|
||||
$breakpointXS: 600px;
|
||||
$breakpointSM: 960px;
|
||||
$breakpointMD: 1264px;
|
||||
$breakpointLG: 1904px;
|
||||
|
|
|
|||
|
|
@ -1,9 +1,10 @@
|
|||
// .v-main {
|
||||
// background-color: $color-background;
|
||||
// }
|
||||
// .theme--light.v-navigation-drawer {
|
||||
// background-color: darken($color-background, 0);
|
||||
// }
|
||||
main.content {
|
||||
padding: 0 3rem;
|
||||
|
||||
@media screen and (max-width: $breakpointMD) {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.column-count-2 {
|
||||
column-count: 2;
|
||||
|
|
@ -17,3 +18,35 @@
|
|||
column-count: 4;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
* {
|
||||
::-webkit-scrollbar {
|
||||
height: 12px;
|
||||
width: 7px;
|
||||
background: darken($color-background, 50);
|
||||
}
|
||||
scrollbar-color: $color-gold darken($color-background, 50);
|
||||
scrollbar-width: thin;
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: $color-gold;
|
||||
border: 1px solid $color-gold-light;
|
||||
|
||||
&:hover {
|
||||
background: $color-gold-light;
|
||||
}
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-corner {
|
||||
background: #000;
|
||||
}
|
||||
}
|
||||
|
||||
.theme--light {
|
||||
.v-main {
|
||||
background-color: lighten($color-background, 5);
|
||||
}
|
||||
.v-navigation-drawer {
|
||||
background-color: darken($color-background, 0);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -35,13 +35,17 @@ table {
|
|||
}
|
||||
|
||||
thead {
|
||||
font-family: 'Spectral SC', serif;
|
||||
font-family: 'Oswald', sans-serif;
|
||||
}
|
||||
|
||||
tr {
|
||||
|
||||
}
|
||||
|
||||
th {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
th, td {
|
||||
padding: 6px 12px;
|
||||
border-bottom: none !important;
|
||||
|
|
@ -65,7 +69,7 @@ table {
|
|||
tbody {
|
||||
tr {
|
||||
&:nth-of-type(even) {
|
||||
background-color: $color-light-gray;
|
||||
background-color: darken($color-background, 5);
|
||||
}
|
||||
&:nth-of-type(odd):hover {
|
||||
background-color: inherit !important;
|
||||
|
|
@ -124,12 +128,12 @@ table {
|
|||
|
||||
.theme--dark {
|
||||
thead {
|
||||
background-color: darken($color-gray, 10);
|
||||
background-color: darken($color-gray, 30);
|
||||
}
|
||||
tbody {
|
||||
tr {
|
||||
&:nth-of-type(even) {
|
||||
background-color: darken($color-gray, 10);
|
||||
background-color: darken($color-gray, 30);
|
||||
}
|
||||
&:nth-of-type(odd):hover {
|
||||
background-color: inherit !important;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
@import url('https://fonts.googleapis.com/css2?family=Spectral+SC:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=Oswald:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
|
||||
|
||||
@font-face {
|
||||
font-family: "ornaments";
|
||||
|
|
@ -51,26 +51,26 @@ $icon-bookmark: "\e900";
|
|||
}
|
||||
}
|
||||
|
||||
@keyframes gold-pulse {
|
||||
@keyframes gold-flash {
|
||||
0% {
|
||||
color: $color-gold-light;
|
||||
}
|
||||
50% {
|
||||
color: $color-gold-dark;
|
||||
10% {
|
||||
color: $color-gold;
|
||||
}
|
||||
100% {
|
||||
color: $color-gold-light;
|
||||
color: $color-gold;
|
||||
}
|
||||
}
|
||||
@keyframes gold-pulse-background {
|
||||
@keyframes gold-pulse {
|
||||
0% {
|
||||
background-color: $color-gold;
|
||||
color: darken($color-gold, 10);
|
||||
}
|
||||
50% {
|
||||
background-color: darken($color-gold, 20);
|
||||
color: lighten($color-gold, 10);
|
||||
}
|
||||
100% {
|
||||
background-color: $color-gold;
|
||||
color: darken($color-gold, 10);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -83,6 +83,7 @@ $icon-bookmark: "\e900";
|
|||
animation-duration: 6s;
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
|
||||
.breadcrumb-logo {
|
||||
color: $color-gold;
|
||||
}
|
||||
|
|
@ -100,9 +101,10 @@ $icon-bookmark: "\e900";
|
|||
}
|
||||
.glowing-gold {
|
||||
color: $color-gold;
|
||||
animation-name: gold-pulse;
|
||||
animation-name: gold-flash;
|
||||
animation-duration: 4s;
|
||||
animation-iteration-count: infinite;
|
||||
|
||||
}
|
||||
.glowing-gold-background {
|
||||
background-color: $color-gold;
|
||||
|
|
@ -124,8 +126,14 @@ $icon-bookmark: "\e900";
|
|||
}
|
||||
|
||||
.v-application {
|
||||
h1, h2, h3, h4, h5, h6, .title, .subtitle, .subtitle-2, .site-title {
|
||||
font-family: 'Spectral SC', serif !important;
|
||||
h1, h2, h3, h4, h5, h6, .title, .subtitle, .subtitle-2, .site-title, .v-btn, .v-breadcrumbs {
|
||||
font-family: 'Oswald', sans-serif !important;
|
||||
}
|
||||
.site-title {
|
||||
font-size: 1rem;
|
||||
}
|
||||
.v-btn, .v-breadcrumbs {
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,25 +1,25 @@
|
|||
---
|
||||
title: Accueil
|
||||
title: "5e DRS"
|
||||
notEditable: true
|
||||
toc: false
|
||||
---
|
||||
§§§ .text-center
|
||||
§§§ .text-center .mt-4 .mb-8
|
||||
# Document de Référence Système
|
||||
§§§
|
||||
|
||||
<v-row>
|
||||
<v-col cols="12" md="6">
|
||||
|
||||
Bienvenue sur le site **Document de Référence Système** pour les jeux de rôle en OGL _**5E**_ !
|
||||
Bienvenue sur le site **Document de Référence Système** pour les jeux de rôle en OGL _**5e**_ !
|
||||
|
||||
# Une nouvelle ère
|
||||
Amis rôlistes,
|
||||
|
||||
Une ère s'achève, une autre commence. Voici _**5E DRS**_, le Document de Référence Système en ligne pour les jeux de rôle en OGL 5E !
|
||||
Une ère s'achève, une autre commence. Voici _**5e DRS**_, le Document de Référence Système en ligne pour les jeux de rôle en OGL 5e !
|
||||
|
||||
Pour l'occasion, l'interface a bénéficié d'un nouveau coup de pinceau avec des couleurs plus douces.
|
||||
|
||||
Cette fois, le site ne fait référence à aucun jeu en particulier, mais à des ressources compatibles 5E sous licence OGL.
|
||||
Cette fois, le site ne fait référence à aucun jeu en particulier, mais à des ressources compatibles 5e sous licence OGL.
|
||||
|
||||
J'espère qu'il rencontrera le même succès auprès de vous que la mouture précédente.
|
||||
|
||||
|
|
@ -63,7 +63,7 @@ _le 6 février 2021_
|
|||
|
||||
### À propos de ce site
|
||||
|
||||
<v-icon>mdi-discord</v-icon> [Discord 5E DRS](https://discord.gg/mp6ECCs), pour discuter de ce site, signaler des erreurs, des bugs ou suggérer une amélioration.
|
||||
<v-icon>mdi-discord</v-icon> [Discord 5e DRS](https://discord.gg/mp6ECCs), pour discuter de ce site, signaler des erreurs, des bugs ou suggérer une amélioration.
|
||||
<v-icon>mdi-github</v-icon> [Sources Github](https://github.com/em-squared/5e-drs), tout le code source en licence GPLv3.
|
||||
<v-icon>mdi-github</v-icon> [Soumettre une demande](https://github.com/em-squared/5e-drs/issues/new), pour signaler une erreur, un bug ou suggérer une amélioration. Tâchez d'être le plus exhaustif et précis possible. S'il y a une erreur, vous devez fournir le lien vers l'erreur et la source de la correction. S'il y a un bug, vous devez fournir une méthode de reproduction.
|
||||
|
||||
|
|
|
|||
|
|
@ -34,7 +34,7 @@ Cette nouvelle version a pu voir le jour grâce à la contribution de bénévole
|
|||
Cette liste n'est certainement pas exhaustive.
|
||||
|
||||
## Le jeu
|
||||
Le système _**5E**_ est un jeu de rôle basé sur les mécaniques de l'[OGL5](/licence-ogl/).
|
||||
Le système _**5e**_ est un jeu de rôle basé sur les mécaniques de l'[OGL5](/licence-ogl/).
|
||||
|
||||
Le _**Livre des monstres**_ est une traduction de [Black Book Éditions](https://www.black-book-editions.fr) du _**Tome of Beasts**_ publié à l'origine par [Kobold Press](https://koboldpress.com/).
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue