into-the-kosmos-generador/templates/astronave.html

73 lines
1.9 KiB
HTML
Raw Normal View History

2023-01-20 20:59:12 +01:00
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Into the Kosmos - Astronaves</title>
<meta name="description" content="Generador de Astronaves para Into the Kosmos">
<meta name="author" content="serxoz">
<style>
main {
font-family: monospace, monospace;
max-width: 38rem;
padding: 2rem;
margin: auto;
}
ul {
margin-top: 0;
}
.row {
display: flex;
}
.column {
flex: 50%;
}
.nota_pie {
font-size: 0.75rem;
font-style: italic;
}
</style>
</head>
<body>
<main id="app">
<div>Nombre: {{ astronave.nombre }}</div>
<hr>
<div class="row">
<div class="column" style="flex:20% !important">
<div>CAS: {{ astronave.cas }}</div>
<div>MOT: {{ astronave.mot }}</div>
<div>SIS: {{ astronave.sis }}</div>
</div>
<div class="column">
<div>Escudos: {{ astronave.escudos }}</div>
<div>Armadura: {{ astronave.armadura }}</div>
<div>Armamento: {{ astronave.armamento }}</div>
</div>
</div>
<div class="row" style="margin-top: 15px">
<div class="column" style="flex:20% !important">
<div>Combustible: {{ astronave.combustible }}</div>
</div>
<div class="column">
<div>Soporte Vital para {{ astronave.soporte_vital }} personas.</div>
</div>
</div>
<hr>
<div>Peculiaridades:
<ul>
{% for item in astronave.peculiaridades %}
<li>{{ item }}</li>
{% endfor %}
</ul>
<div class="nota_pie">
* Ten en cuenta que las modificaciones de las peculiaridades no están aplicadas.
</div>
</div>
</main>
</body>
</html>