forked from CRSS/Website
Expand nation redesign to company pages.
This commit is contained in:
parent
f70cda5c9f
commit
a777ff7a1e
|
@ -5,21 +5,57 @@
|
||||||
{% include 'includes/nav.twig' with {'page': 'company'} %}
|
{% include 'includes/nav.twig' with {'page': 'company'} %}
|
||||||
|
|
||||||
<main class="pageContent container">
|
<main class="pageContent container">
|
||||||
<ul>
|
<div class="nationLayout">
|
||||||
<li>
|
<div class="nationCoreInfo">
|
||||||
code: {{ company.short }}
|
<h1 style="margin: 0"> {{ company.name }} </h1>
|
||||||
</li>
|
<p style="font-family:monospace"> {{ company.short }} </p>
|
||||||
<li>
|
<h2> Logo </h2>
|
||||||
name: {{ company.name }}
|
<img class="nationFlag" src="{{ company.logo }}" alt="{{ company.name }}'s logo." />
|
||||||
</li>
|
</div>
|
||||||
<li>
|
<div class="nationCoreInfo">
|
||||||
flag: <img height="48px" src="{{ company.logo }}" alt="{{ company.name }}'s logo." />
|
<h2 style="margin: 0"> Description </h2>
|
||||||
</li>
|
<p> {{ company.description }} </p>
|
||||||
<li>
|
</div>
|
||||||
description: {{company.description}}
|
</div>
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
/* TCF PLEASE MOVE THIS TO THE CORRECT CSS FILE, I AM TOO LAZY */
|
||||||
|
|
||||||
|
@media (max-width: 700px) {
|
||||||
|
.nationLayout {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 701px) {
|
||||||
|
.nationLayout {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
gap: 3rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
p, h1, h2, h3 {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nationFlag {
|
||||||
|
border-radius: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nationCoreInfo {
|
||||||
|
flex-grow: 1;
|
||||||
|
flex-basis: 250px;
|
||||||
|
gap: 1rem;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
{% include 'includes/footer.twig' %}
|
{% include 'includes/footer.twig' %}
|
||||||
{% include 'includes/foot.twig' %}
|
{% include 'includes/foot.twig' %}
|
Loading…
Reference in a new issue