2023-11-28 08:35:31 +00:00
|
|
|
{% include 'includes/head.twig' with {'pageTitle': nation.name} %}
|
|
|
|
|
|
|
|
{% include 'includes/hero.twig' %}
|
|
|
|
|
|
|
|
{% include 'includes/nav.twig' with {'page': 'nation'} %}
|
2024-06-03 01:54:49 +00:00
|
|
|
|
2024-01-11 19:38:35 +00:00
|
|
|
<main class="pageContent container">
|
2024-06-03 01:54:49 +00:00
|
|
|
<div class="nationLayout">
|
|
|
|
<div class="nationCoreInfo">
|
2024-06-03 02:09:41 +00:00
|
|
|
<h1 style="margin: 0"> {{ nation.name }} </h1>
|
2024-06-03 01:54:49 +00:00
|
|
|
<p style="font-family:monospace"> {{ nation.short }} </p>
|
2024-06-03 02:16:45 +00:00
|
|
|
<h2> Flag </h2>
|
2024-06-03 01:54:49 +00:00
|
|
|
<img class="nationFlag" src="{{ nation.flag }}" alt="{{ nation.name }}'s flag." />
|
|
|
|
</div>
|
|
|
|
<div class="nationCoreInfo">
|
2024-06-03 02:09:41 +00:00
|
|
|
<h2 style="margin: 0"> Description </h2>
|
2024-06-03 01:54:49 +00:00
|
|
|
<p> {{ nation.description }} </p>
|
2024-06-03 02:36:05 +00:00
|
|
|
<h2> {{ nation.leader_term }} </h2>
|
2024-06-03 02:15:16 +00:00
|
|
|
<p> {{ nation.leader }} </p>
|
2024-06-03 01:54:49 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
2023-11-28 08:35:31 +00:00
|
|
|
</main>
|
|
|
|
|
2024-06-03 02:01:23 +00:00
|
|
|
<style>
|
|
|
|
/* TCF PLEASE MOVE THIS TO THE CORRECT CSS FILE, I AM TOO LAZY */
|
|
|
|
|
2024-06-03 02:15:16 +00:00
|
|
|
@media (max-width: 700px) {
|
2024-06-03 02:01:23 +00:00
|
|
|
.nationLayout {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
2024-06-03 02:15:16 +00:00
|
|
|
gap: 1rem;
|
2024-06-03 02:01:23 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2024-06-03 02:15:16 +00:00
|
|
|
@media (min-width: 701px) {
|
2024-06-03 02:01:23 +00:00
|
|
|
.nationLayout {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: row;
|
2024-06-03 02:09:41 +00:00
|
|
|
gap: 3rem;
|
2024-06-03 02:01:23 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2024-06-03 02:33:27 +00:00
|
|
|
.nationLayout p, h1, h2, h3 {
|
2024-06-03 02:10:54 +00:00
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
2024-06-03 02:01:23 +00:00
|
|
|
.nationFlag {
|
|
|
|
border-radius: 12px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nationCoreInfo {
|
|
|
|
flex-grow: 1;
|
2024-06-03 02:03:38 +00:00
|
|
|
flex-basis: 250px;
|
2024-06-03 02:09:41 +00:00
|
|
|
gap: 1rem;
|
2024-06-03 02:01:23 +00:00
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
2023-11-28 08:35:31 +00:00
|
|
|
{% include 'includes/footer.twig' %}
|
|
|
|
{% include 'includes/foot.twig' %}
|