polycord/Website
1
0
Fork 0
forked from blurryface/Website
Code Pull requests Activity

Expand nation redesign to company pages.

Browse source
This commit is contained in:
worldwidepixel 2024-06-02 19:20:44 -07:00
parent f70cda5c9f
commit a777ff7a1e
1 changed files with 50 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

64
template/company.twig
View file

@ -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' %}