jdr-et-univers/pelican-jdr
1
0
Fork 0
Code Issues 7 Pull requests Projects Releases 5 Activity

improvement: rebrand rulebook pour mentionner kobold city

Browse source
This commit is contained in:
Kazhnuz 2020-04-30 09:01:45 +02:00
parent 3404618c36
commit 0ac64c4193
7 changed files with 111 additions and 55 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
static/fiches.html
View file

@ -15,8 +15,10 @@
<body> <body>
<div id="wrapper"> <div id="wrapper">
<!--=include includes/_headerbar.html -->
<div class="container mt-2"> <div class="container mt-2">
<!--=include includes/_header.html --> <!--=include includes/_breadcrumb.html -->
<div class="row"> <div class="row">
<main class="col-md-8"> <main class="col-md-8">
<p><a class="btn btn-secondary" href="index.html"><i class="fa fa-caret-left"></i> Retour</a></p> <p><a class="btn btn-secondary" href="index.html"><i class="fa fa-caret-left"></i> Retour</a></p>

2
static/includes/_header.html → static/includes/_breadcrumb.html
View file

@ -1,7 +1,7 @@
<div class="row"> <div class="row">
<nav aria-label="breadcrumb" class="col-12"> <nav aria-label="breadcrumb" class="col-12">
<ol class="breadcrumb"> <ol class="breadcrumb">
<li class="breadcrumb-item"><a href="https://chlore.net">chlore.net</a></li> <li class="breadcrumb-item"><a href="https://kobold.city">kobold.city</a></li>
<li class="breadcrumb-item active" aria-current="page">rulebook</li> <li class="breadcrumb-item active" aria-current="page">rulebook</li>
</ol> </ol>
</nav> </nav>

48
static/includes/_footer.html
View file

@ -1,16 +1,48 @@
<nav class="navbar navbar-expand-lg navbar-light navbar-transparent">
<div class="container">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#SecondNavbar" aria-controls="SecondNavbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="SecondNavbar">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item inactive">
<strong>Rulebook v3.0.0a</strong>
</li>
</ul>
<ul class="navbar-nav my-2 my-lg-0">
<li class="nav-item active">
<a class="nav-link" href="https://twitter.com/Kazhnuz"><i class="fa fa-fw fa-twitter"></i></a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<footer id="page-footer" class="container mt-4"> <footer id="page-footer" class="container mt-4">
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-4">
<p>Rulebook version 3.0.0 beta</p> <p>Ce site fait partie de <a href="https://kobold.city">kobold.city</a></p>
<p>Kobold City et les différents sites/services qui le composent sont fourni "tel-quel", sans garantie. Ce sont des sites fait pour le fun, et fourni en tant que tel sur un petit serveur random maintenue par une seule personne.</p>
<p>Cependant, toute critique, remarque, etc. est la bienvenue. Pour cela, vous pouvez me contacter à kazhnuz [at] kobold [point] cafe ou sur les réseaux sociaux visible sur <a href="https://kazhnuz.space">mon blog</a>.</p>
</div>
<div class="col-md-4">
<p>Ce site est propulsé par <a href="https://getbootstrap.com">Bootstrap4</a> et <a href="https://fork-awesome.org">Fork-Awesome</a>. Les livres de règle utilisent <a href="https://docsify.now.sh">Docsify</a></p>
<p>Le theme utilisé est le theme <a href="https://git.kobold.cafe/kazhnuz/bluesky-bootstrap-theme">bluesky</a>, sous licence CC BY-SA.</p>
<p>Le code source de ce site est accessible à <a href="https://git.chlore.net/Kazhnuz/rulebook">l'adresse suivante</a>.</p>
</div>
<div class="col-md-4">
<p>Ces règles de JDR sont distribués sous la <strong>Licence Ludique Libre</strong>, et les univers utilisé dans ces JDR sont diffusé sous licence <strong>Creative Common Attribution - Partage à l'Identique 4.0</strong> - hors mention contraire.</p> <p>Ces règles de JDR sont distribués sous la <strong>Licence Ludique Libre</strong>, et les univers utilisé dans ces JDR sont diffusé sous licence <strong>Creative Common Attribution - Partage à l'Identique 4.0</strong> - hors mention contraire.</p>
<p>Ces licences vous autorise à partager et copier mes travaux, tant que vous me citiez en source, et que vous autorisez la même chose pour les travaux qui en seraient dérivés. N'hésitez pas à partager ! <i style="color:#FF0000" class="fa fa-heart"></i></p> <p>Ces licences vous autorise à partager et copier mes travaux, tant que vous me citiez en source, et que vous autorisez la même chose pour les travaux qui en seraient dérivés. N'hésitez pas à partager ! <i style="color:#FF0000" class="fa fa-heart"></i></p>
</div> </div>
<div class="col-md-6">
<p>Page propulsé par <a href="https://getbootstrap.com/">Bootstrap4</a> et la banque d'icone <a href="https://forkawesome.github.io/Fork-Awesome/">Fork-Awesome</a>.</p>
<p>Ouais c'est la page de la mega-flemme, mais kestuvafer ?</p>
<p><a href="https://git.chlore.net/Kazhnuz/rulebook">Source des JDR</a></p>
</div>
</div> </div>
</footer> </footer>

21
static/includes/_headerbar.html Normal file
View file

@ -0,0 +1,21 @@
<header class="container mb-2">
<nav class="navbar navbar-expand-lg navbar-dark navbar-transparent">
<div class="container-fluid">
<a class="navbar-brand" href="https://rulebook.kobold.city/" id="">Rulebook</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
</ul>
<ul class="navbar-nav my-2 my-lg-0">
<li class="nav-item">
<a class="nav-link" href="https://kobold.city">Retour</a>
</li>
</ul>
</div>
</div>
</nav>
</header>

2
static/includes/_sidebar.html
View file

@ -13,5 +13,5 @@
</div> </div>
</section> </section>
<a class="btn btn-secondary btn-block" href="fiches.html">Fiches de personnages</a> <a class="btn btn-dark btn-block" href="fiches.html">Fiches de personnages</a>
</div> </div>

3
static/index.html
View file

@ -14,9 +14,10 @@
<body> <body>
<div id="wrapper"> <div id="wrapper">
<!--=include includes/_headerbar.html -->
<div class="container mt-2"> <div class="container mt-2">
<!--=include includes/_header.html --> <!--=include includes/_breadcrumb.html -->
<div class="row"> <div class="row">
<main class="col-md-8"> <main class="col-md-8">

82
static/style.css
View file

@ -512,11 +512,11 @@ ul.social {
border-top: none; } border-top: none; }
.table-card td { .table-card td {
vertical-align: middle; } vertical-align: middle;
background-color: white; }
.table-card { .table-card {
margin-bottom: 0; margin-bottom: 0; }
background-color: white; }
.td-btn { .td-btn {
text-align: right; } text-align: right; }
@ -537,154 +537,154 @@ ul.social {
.card h1, .card h2, .card h3, .card h4, .card h5, .card h6, .card h7, .card h8, .card h9, .card h10 { .card h1, .card h2, .card h3, .card h4, .card h5, .card h6, .card h7, .card h8, .card h9, .card h10 {
color: #333; color: #333;
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0); } text-shadow: 0px 0px 0px rgba(0, 0, 0, 0); }
.card-blue > .card-header, .card-blue > .card-footer { .card-blue .card-header, .card-blue .card-footer {
background-color: #4e63c9 !important; background-color: #4e63c9 !important;
color: #FFF; } color: #FFF; }
.card-blue.card-colored > .card-body { .card-blue.card-colored .card-body {
background-color: #4e63c9 !important; background-color: #4e63c9 !important;
color: #FFF; } color: #FFF; }
.card-blue.card-border { .card-blue.card-border {
border-left: 4px solid #465cc7; } border-left: 4px solid #465cc7; }
.card-violet > .card-header, .card-violet > .card-footer { .card-violet .card-header, .card-violet .card-footer {
background-color: #ce4dcd !important; background-color: #ce4dcd !important;
color: #FFF; } color: #FFF; }
.card-violet.card-colored > .card-body { .card-violet.card-colored .card-body {
background-color: #ce4dcd !important; background-color: #ce4dcd !important;
color: #FFF; } color: #FFF; }
.card-violet.card-border { .card-violet.card-border {
border-left: 4px solid #cc45cb; } border-left: 4px solid #cc45cb; }
.card-purple > .card-header, .card-purple > .card-footer { .card-purple .card-header, .card-purple .card-footer {
background-color: #7951c0 !important; background-color: #7951c0 !important;
color: #FFF; } color: #FFF; }
.card-purple.card-colored > .card-body { .card-purple.card-colored .card-body {
background-color: #7951c0 !important; background-color: #7951c0 !important;
color: #FFF; } color: #FFF; }
.card-purple.card-border { .card-purple.card-border {
border-left: 4px solid #734abd; } border-left: 4px solid #734abd; }
.card-red > .card-header, .card-red > .card-footer { .card-red .card-header, .card-red .card-footer {
background-color: #e33d22 !important; background-color: #e33d22 !important;
color: #FFF; } color: #FFF; }
.card-red.card-colored > .card-body { .card-red.card-colored .card-body {
background-color: #e33d22 !important; background-color: #e33d22 !important;
color: #FFF; } color: #FFF; }
.card-red.card-border { .card-red.card-border {
border-left: 4px solid #df371c; } border-left: 4px solid #df371c; }
.card-orange > .card-header, .card-orange > .card-footer { .card-orange .card-header, .card-orange .card-footer {
background-color: #eb790a !important; background-color: #eb790a !important;
color: #FFF; } color: #FFF; }
.card-orange.card-colored > .card-body { .card-orange.card-colored .card-body {
background-color: #eb790a !important; background-color: #eb790a !important;
color: #FFF; } color: #FFF; }
.card-orange.card-border { .card-orange.card-border {
border-left: 4px solid #e1740a; } border-left: 4px solid #e1740a; }
.card-green > .card-header, .card-green > .card-footer { .card-green .card-header, .card-green .card-footer {
background-color: #75b82d !important; background-color: #75b82d !important;
color: #FFF; } color: #FFF; }
.card-green.card-colored > .card-body { .card-green.card-colored .card-body {
background-color: #75b82d !important; background-color: #75b82d !important;
color: #FFF; } color: #FFF; }
.card-green.card-border { .card-green.card-border {
border-left: 4px solid #70b02b; } border-left: 4px solid #70b02b; }
.card-skyblue > .card-header, .card-skyblue > .card-footer { .card-skyblue .card-header, .card-skyblue .card-footer {
background-color: #42a0f3 !important; background-color: #42a0f3 !important;
color: #FFF; } color: #FFF; }
.card-skyblue.card-colored > .card-body { .card-skyblue.card-colored .card-body {
background-color: #42a0f3 !important; background-color: #42a0f3 !important;
color: #FFF; } color: #FFF; }
.card-skyblue.card-border { .card-skyblue.card-border {
border-left: 4px solid #389bf2; } border-left: 4px solid #389bf2; }
.card-dark > .card-header, .card-dark > .card-footer { .card-dark .card-header, .card-dark .card-footer {
background-color: #2D2D2D !important; background-color: #2D2D2D !important;
color: #FFF; } color: #FFF; }
.card-dark.card-colored > .card-body { .card-dark.card-colored .card-body {
background-color: #2D2D2D !important; background-color: #2D2D2D !important;
color: #FFF; } color: #FFF; }
.card-dark.card-border { .card-dark.card-border {
border-left: 4px solid #282828; } border-left: 4px solid #282828; }
.card-light > .card-header, .card-light > .card-footer { .card-light .card-header, .card-light .card-footer {
background-color: #eeeeec !important; background-color: #eeeeec !important;
color: #000; } color: #000; }
.card-light.card-colored > .card-body { .card-light.card-colored .card-body {
background-color: #eeeeec !important; background-color: #eeeeec !important;
color: #000; } color: #000; }
.card-light.card-border { .card-light.card-border {
border-left: 4px solid #e9e9e7; } border-left: 4px solid #e9e9e7; }
.card-turquoise > .card-header, .card-turquoise > .card-footer { .card-turquoise .card-header, .card-turquoise .card-footer {
background-color: #46bd9e !important; background-color: #46bd9e !important;
color: #FFF; } color: #FFF; }
.card-turquoise.card-colored > .card-body { .card-turquoise.card-colored .card-body {
background-color: #46bd9e !important; background-color: #46bd9e !important;
color: #FFF; } color: #FFF; }
.card-turquoise.card-border { .card-turquoise.card-border {
border-left: 4px solid #41b799; } border-left: 4px solid #41b799; }
.card-yellow > .card-header, .card-yellow > .card-footer { .card-yellow .card-header, .card-yellow .card-footer {
background-color: #f6d32d !important; background-color: #f6d32d !important;
color: #FFF; } color: #FFF; }
.card-yellow.card-colored > .card-body { .card-yellow.card-colored .card-body {
background-color: #f6d32d !important; background-color: #f6d32d !important;
color: #FFF; } color: #FFF; }
.card-yellow.card-border { .card-yellow.card-border {
border-left: 4px solid #f6d123; } border-left: 4px solid #f6d123; }
.card-brown > .card-header, .card-brown > .card-footer { .card-brown .card-header, .card-brown .card-footer {
background-color: #986a44 !important; background-color: #986a44 !important;
color: #FFF; } color: #FFF; }
.card-brown.card-colored > .card-body { .card-brown.card-colored .card-body {
background-color: #986a44 !important; background-color: #986a44 !important;
color: #FFF; } color: #FFF; }
.card-brown.card-border { .card-brown.card-border {
border-left: 4px solid #916541; } border-left: 4px solid #916541; }
.card-grey > .card-header, .card-grey > .card-footer { .card-grey .card-header, .card-grey .card-footer {
background-color: #77767b !important; background-color: #77767b !important;
color: #FFF; } color: #FFF; }
.card-grey.card-colored > .card-body { .card-grey.card-colored .card-body {
background-color: #77767b !important; background-color: #77767b !important;
color: #FFF; } color: #FFF; }
.card-grey.card-border { .card-grey.card-border {
border-left: 4px solid #727176; } border-left: 4px solid #727176; }
.card-primary > .card-header, .card-primary > .card-footer { .card-primary .card-header, .card-primary .card-footer {
background-color: #7951c0 !important; background-color: #7951c0 !important;
color: #FFF; } color: #FFF; }
.card-primary.card-colored > .card-body { .card-primary.card-colored .card-body {
background-color: #7951c0 !important; background-color: #7951c0 !important;
color: #FFF; } color: #FFF; }
.card-primary.card-border { .card-primary.card-border {
border-left: 4px solid #734abd; } border-left: 4px solid #734abd; }
.card-secondary > .card-header, .card-secondary > .card-footer { .card-secondary .card-header, .card-secondary .card-footer {
background-color: #4e63c9 !important; background-color: #4e63c9 !important;
color: #FFF; } color: #FFF; }
.card-secondary.card-colored > .card-body { .card-secondary.card-colored .card-body {
background-color: #4e63c9 !important; background-color: #4e63c9 !important;
color: #FFF; } color: #FFF; }
.card-secondary.card-border { .card-secondary.card-border {
border-left: 4px solid #465cc7; } border-left: 4px solid #465cc7; }
.card-warning > .card-header, .card-warning > .card-footer { .card-warning .card-header, .card-warning .card-footer {
background-color: #eb790a !important; background-color: #eb790a !important;
color: #FFF; } color: #FFF; }
.card-warning.card-colored > .card-body { .card-warning.card-colored .card-body {
background-color: #eb790a !important; background-color: #eb790a !important;
color: #FFF; } color: #FFF; }
.card-warning.card-border { .card-warning.card-border {
border-left: 4px solid #e1740a; } border-left: 4px solid #e1740a; }
.card-danger > .card-header, .card-danger > .card-footer { .card-danger .card-header, .card-danger .card-footer {
background-color: #e33d22 !important; background-color: #e33d22 !important;
color: #FFF; } color: #FFF; }
.card-danger.card-colored > .card-body { .card-danger.card-colored .card-body {
background-color: #e33d22 !important; background-color: #e33d22 !important;
color: #FFF; } color: #FFF; }
.card-danger.card-border { .card-danger.card-border {
border-left: 4px solid #df371c; } border-left: 4px solid #df371c; }
.card-info > .card-header, .card-info > .card-footer { .card-info .card-header, .card-info .card-footer {
background-color: #42a0f3 !important; background-color: #42a0f3 !important;
color: #FFF; } color: #FFF; }
.card-info.card-colored > .card-body { .card-info.card-colored .card-body {
background-color: #42a0f3 !important; background-color: #42a0f3 !important;
color: #FFF; } color: #FFF; }
.card-info.card-border { .card-info.card-border {
border-left: 4px solid #389bf2; } border-left: 4px solid #389bf2; }
.card-success > .card-header, .card-success > .card-footer { .card-success .card-header, .card-success .card-footer {
background-color: #75b82d !important; background-color: #75b82d !important;
color: #FFF; } color: #FFF; }
.card-success.card-colored > .card-body { .card-success.card-colored .card-body {
background-color: #75b82d !important; background-color: #75b82d !important;
color: #FFF; } color: #FFF; }
.card-success.card-border { .card-success.card-border {