gaugendre/charasheet
1
0
Fork 0
mirror of https://github.com/Crocmagnon/charasheet.git synced 2024-11-05 06:13:55 +01:00
Code Issues Projects Releases Packages Wiki Activity

Display image

Browse source
This commit is contained in:
Gabriel Augendre 2022-12-09 19:00:29 +01:00
parent 5ff9742a60
commit 10e79f3dbe
2 changed files with 42 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/character/static/character/details.css Normal file
View file

@ -0,0 +1,4 @@
img.profile-pic {
max-width: 240px;
max-height: 240px;
}

15
src/character/templates/character/character_details.html
View file

@ -3,9 +3,15 @@
{% load django_bootstrap5 %} {% load django_bootstrap5 %}
{% load character_extras %} {% load character_extras %}
{% block head_end %}
<link rel="stylesheet" href="{% static "character/details.css" %}">
{% endblock %}
{% block title %}{{ character.name }}{% endblock %} {% block title %}{{ character.name }}{% endblock %}
{% block content %} {% block content %}
<div class="d-flex flex-column flex-sm-row justify-content-between">
<div>
<h1>{{ character.name }}</h1> <h1>{{ character.name }}</h1>
<p> <p>
Joueur : {{ character.player.get_full_name|default:character.player.username }} Joueur : {{ character.player.get_full_name|default:character.player.username }}
@ -29,6 +35,15 @@
{{ character.get_gender_display }}, {{ character.age }} ans, {{ character.height_m }}m, {{ character.weight }}kg (IMC: {{ character.imc|floatformat }}) {{ character.get_gender_display }}, {{ character.age }} ans, {{ character.height_m }}m, {{ character.weight }}kg (IMC: {{ character.imc|floatformat }})
</p> </p>
{% include "character/snippets/character_details/states.html" %} {% include "character/snippets/character_details/states.html" %}
</div>
{% if character.profile_picture %}
<img class="rounded-5 profile-pic"
src="{{ character.profile_picture.url }}"
alt="Image de profil"
>
{% endif %}
</div>
<div class="row"> <div class="row">
<div class="col-sm-12 col-md-6 col-lg-6 col-xl"> <div class="col-sm-12 col-md-6 col-lg-6 col-xl">
<table id="fight-table" class="table table-hover table-sm"> <table id="fight-table" class="table table-hover table-sm">