forked from CRSS/Website
54 lines
1.1 KiB
Twig
54 lines
1.1 KiB
Twig
{% include 'includes/head.twig' with {'pageTitle': nation.name} %}
|
|
|
|
{% include 'includes/hero.twig' %}
|
|
|
|
{% include 'includes/nav.twig' with {'page': 'nation'} %}
|
|
|
|
<main class="pageContent container">
|
|
<div class="nationLayout">
|
|
<div class="nationCoreInfo">
|
|
<h1> {{ nation.name }} </h1>
|
|
<p style="font-family:monospace"> {{ nation.short }} </p>
|
|
<hr>
|
|
<img class="nationFlag" src="{{ nation.flag }}" alt="{{ nation.name }}'s flag." />
|
|
</div>
|
|
<div class="nationCoreInfo">
|
|
<h3> Description </h3>
|
|
<p> {{ nation.description }} </p>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<style>
|
|
/* TCF PLEASE MOVE THIS TO THE CORRECT CSS FILE, I AM TOO LAZY */
|
|
|
|
@media (max-width: 600px) {
|
|
.nationLayout {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 601px) {
|
|
.nationLayout {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
}
|
|
|
|
.nationFlag {
|
|
border-radius: 12px;
|
|
}
|
|
|
|
.nationCoreInfo {
|
|
flex-grow: 1;
|
|
display: flex;
|
|
gap: 1rem;
|
|
flex-direction: column;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
</style>
|
|
|
|
{% include 'includes/footer.twig' %}
|
|
{% include 'includes/foot.twig' %} |