-
Notifications
You must be signed in to change notification settings - Fork 1
/
personnage.html
154 lines (145 loc) · 5.13 KB
/
personnage.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!doctype html>
<html>
<head>
<title>Feuille de personnage</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" type="text/css">
<link href='//fonts.googleapis.com/css?family=Metamorphous|Vollkorn:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<style>
th.cs-label {
width: 180px;
text-align: right;
}
.cs-helptext {
font-weight: normal !important;
}
.bordered {
border: 1px solid #555;
}
.writing-line {
border-bottom: 1px solid #555;
}
.cs-background {
height: 4em;
margin: .2em;
}
@media (min-width: 768px) {
.container {
max-width: 730px;
}
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Metamorphous', cursive;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<h1 class="text-center">Ton Nain</h1>
</div>
<hr>
<div class="row">
<div class="col-lg-4 col-xs-4">
<h4 class="text-right">Nom complet</h4>
</div>
<div class="col-lg-8 col-xs-8"><h4 class="writing-line"> </h4></div>
</div>
<div class="row">
<div class="col-lg-4 col-xs-4">
<h4 class="text-right">Historique</h4>
<p class="text-right text-muted">famille, origine, métier, motivations, etc.</p>
</div>
<div class="col-lg-8 col-xs-8">
<p class="writing-line"> </p>
<p class="writing-line"> </p>
<p class="writing-line"> </p>
<p class="writing-line"> </p>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-xs-3">
<h4 class="text-right">Nemesis n°1</h4>
<p class="text-right text-muted small">+1 en attaquant</p>
</div>
<div class="col-lg-3 col-xs-3"><h4 class="writing-line"> </h4></div>
<div class="col-lg-3 col-xs-3">
<h4 class="text-right">Nemesis n°2</h4>
<p class="text-right text-muted small">+1 dégâts</p>
</div>
<div class="col-lg-3 col-xs-3"><h4 class="writing-line"> </h4></div>
</div>
<hr>
<div class="row">
<div class="col-lg-3 col-xs-3">
<h2 class="text-right">Hache</h2>
<p class="text-right"><small>Pour frapper avec ta hache</small></p>
</div>
<div class="col-lg-3 col-xs-3">
<div class="well">
</div>
</div>
<div class="col-lg-3 col-xs-3">
<h2 class="text-right">Pas hache</h2>
<p class="text-right"><small>Pour tout le reste</small></p>
</div>
<div class="col-lg-3 col-xs-3">
<div class="well well-large">
</div>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-xs-3">
<h3 class="text-right">CA</h3>
</div>
<div class="col-lg-3 col-xs-3">
<div class="well">
</div>
</div>
<div class="col-lg-3 col-xs-3">
<h3 class="text-right">PV</h3>
</div>
<div class="col-lg-3 col-xs-3">
<div class="well">
</div>
</div>
</div>
<hr>
<div class="row">
<div class="col-lg-7 col-xs-7">
<h3>Ta hache est</h3>
<p class="text-muted text-left">(choisis-en deux)</p>
<ul class=list-unstyled>
<li><input type="checkbox"> <strong>Acérée: </strong> +1 dégât
<li><input type="checkbox"> <strong>Légère :</strong> Donne un bonus de +1 aux mouvements <em>Hache</em> ou <em>Pas Hache</em> qui auraient dû avoir un malus dû à la classe d'armure
<li><input type="checkbox"> <strong>Célèbre :</strong> Donne un bonus de +1 quand tu veux influencer un autre Nain qui connaît l'histoire de ta hache
<li><input type="checkbox"> <strong>Tueuse :</strong> +2 dégâts quand elle frappe ta Nemesis
<li><input type="checkbox"> <strong>Enchantée :</strong> Brille quand ta Nemesis approche
<li><input type="checkbox"> <strong>Virevoltante :</strong> Une fois par scène de combat, autorise à faire une double attaque (attaquer deux ennemis à la fois)
</ul>
</div>
<div class="col-lg-5 col-xs-5">
<h3>Autres Équipments</h3>
<p class="writing-line"> </p>
<p class="writing-line"> </p>
<p class="writing-line"> </p>
<p class="writing-line"> </p>
<p class="writing-line"> </p>
<p class="writing-line"> </p>
<p class="writing-line"> </p>
<p class="writing-line"> </p>
</div>
</div>
<div class="footer">
<p class="text-right">Feuille de personnage pour <strong>Hache / Pas Hache</strong>, un JdR par Bruno Bord. Domaine Public.</p>
</div>
</div>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>