Skip to content
Snippets Groups Projects
Commit 2fa2be8e authored by Christopher Ruwisch's avatar Christopher Ruwisch
Browse files

shifted grid + cards to unicado.css since it is used on partners site ->... 

shifted grid + cards to unicado.css since it is used on partners site -> adjusted logo size to keep them equal in height. fixed white on white for ustutt and uwien with dropshadow
parent 93522cf3
No related branches found
No related tags found
1 merge request!58[WEBPAGE] Update webpage appearance
Pipeline #1622230 waiting for manual action
Stage: build
Stage: deploy
Hide whitespace changes
Inline Side-by-side
docs/assets/css/unicado.css
+ 66
− 0
View file @ 2fa2be8e
......@@ -60,6 +60,72 @@
color: var(--accent-color); /* Teal accent color for specific elements */
}
/* Grid Container */
.grid-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 3.5em;
margin: 3em auto;
max-width: 1100px;
padding: 1em;
}
.grid-item {
/* background-color: var(--background-color); Uses primary color for card background */
background: transparent;
padding: 1.0em;
border-radius: 10px;
text-align: left;
color: var(--text-color-hero); /* Text color for readability */
transition: transform 0.3s, box-shadow 0.3s;
height: 100%;
}
.grid-item h3 {
font-size: 1.25em;
margin-bottom: 0.5em;
}
.grid-item > hr {
border: none;
background-color: var(--text-color-hero);
margin: auto 0;
height: 1px;
}
/* Card styling with hover effects */
.card {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25);
}
/* Link styling within cards */
.card a {
color: var(--text-color-hero);
font-weight: bold;
margin-top: auto;
padding-top: 1em;
}
.card a:hover {
color: var(--accent-color); /* Changes to accent color on hover */
}
.card img {
display: block;
margin-left: auto;
margin-right: auto;
max-height: 80px;
width: auto;
}
.overview-item {
min-height: 240px;
}
......
docs/partners.md
+ 15
− 16
View file @ 2fa2be8e
......@@ -7,62 +7,62 @@
<!-- RWTH Aachen -->
<div class="grid-item card" markdown="1">
<p align="center">
<a href="https://www.rwth-aachen.de/"><img src="site:assets/images/logos/RWTH.svg" alt="Logo RWTH" width="150"/></a>
<a href="https://www.rwth-aachen.de/"><img src="site:assets/images/logos/RWTH.svg" alt="Logo RWTH"/></a>
</p>
---
<a href="https://www.ilr.rwth-aachen.de/go/id/jmql/?lidx=1" style="color: white;"> :fontawesome-solid-arrow-right: Chair and Institute of Aerospace Systems</a>
<a href="https://www.ilr.rwth-aachen.de/go/id/jmql/?lidx=1" style="color: var(--primary-color);"> :fontawesome-solid-arrow-right: Chair and Institute of Aerospace Systems</a>
</div>
<!-- TU Berlin -->
<div class="grid-item card" markdown="1">
<p align="center">
<a href="https://www.tu.berlin"><img src="site:assets/images/logos/TUB.svg" alt="Logo TUB" width="150"/></a>
<a href="https://www.tu.berlin"><img src="site:assets/images/logos/TUB.svg" alt="Logo TUB"/></a>
</p>
---
<a href="https://www.tu.berlin/luftbau" style="color: white;"> :fontawesome-solid-arrow-right: Aircraft Design and Aerostructures</a><br>
<a href="https://www.tu.berlin/fmra" style="color: white;"> :fontawesome-solid-arrow-right: Flight Mechanics, Flight Control and Aeroelasticity</a>
<a href="https://www.tu.berlin/luftbau" style="color: var(--primary-color);"> :fontawesome-solid-arrow-right: Aircraft Design and Aerostructures</a><br>
<a href="https://www.tu.berlin/fmra" style="color: var(--primary-color);"> :fontawesome-solid-arrow-right: Flight Mechanics, Flight Control and Aeroelasticity</a>
</div>
<!-- TU Braunschweig -->
<div class="grid-item card" markdown="1">
<p align="center">
<a href="https://www.tu-braunschweig.de"><img src="site:assets/images/logos/TUBS.svg" alt="Logo TUBS" width="150"/></a>
<a href="https://www.tu-braunschweig.de"><img src="site:assets/images/logos/TUBS.svg" alt="Logo TUBS"/></a>
</p>
---
<a href="https://www.tu-braunschweig.de/en/ifl" style="color: white;"> :fontawesome-solid-arrow-right: Chair of Overall Aircraft Design</a>
<a href="https://www.tu-braunschweig.de/en/ifl" style="color: var(--primary-color);"> :fontawesome-solid-arrow-right: Chair of Overall Aircraft Design</a>
</div>
<!-- TUHH -->
<div class="grid-item card" markdown="1">
<p align="center">
<a href="https://www.tuhh.de"><img src="site:assets/images/logos/TUHH.svg" alt="Logo TUHH" width="150"/></a>
<a href="https://www.tuhh.de"><img src="site:assets/images/logos/TUHH.svg" alt="Logo TUHH"/></a>
</p>
---
<a href="https://www.tuhh.de/ilt/willkommen" style="color: white;"> :fontawesome-solid-arrow-right: Institute of Air Transportation Systems</a>
<a href="https://www.tuhh.de/ilt/willkommen" style="color: var(--primary-color);"> :fontawesome-solid-arrow-right: Institute of Air Transportation Systems</a>
</div>
<!-- TUM -->
<div class="grid-item card" markdown="1">
<p align="center">
<a href="https://www.tum.de"><img src="site:assets/images/logos/TUM.svg" alt="Logo TUM" width="150"/></a>
<a href="https://www.tum.de"><img src="site:assets/images/logos/TUM.svg" alt="Logo TUM"/></a>
</p>
---
<a href="https://www.asg.ed.tum.de/en/lls/home/" style="color: white;"> :fontawesome-solid-arrow-right: Chair of Aircraft Design</a>
<a href="https://www.asg.ed.tum.de/en/lls/home/" style="color: var(--primary-color);"> :fontawesome-solid-arrow-right: Chair of Aircraft Design</a>
</div>
<!-- USTUTT -->
<div class="grid-item card" markdown="1">
<p align="center">
<a href="https://www.uni-stuttgart.de"><img src="site:assets/images/logos/USTUTT.svg" alt="Logo USTUTT" width="150"/></a>
<a href="https://www.uni-stuttgart.de"><img src="site:assets/images/logos/USTUTT.svg" alt="Logo USTUTT" style="filter: drop-shadow(1px 1px 0 rgb(143, 143, 143));"/></a>
</p>
---
<a href="https://www.ifb.uni-stuttgart.de/en/institute/" style="color: white;"> :fontawesome-solid-arrow-right: Institute of Aircraft Design</a>
<a href="https://www.ifb.uni-stuttgart.de/en/institute/" style="color: var(--primary-color);"> :fontawesome-solid-arrow-right: Institute of Aircraft Design</a>
</div>
</div>
......@@ -71,17 +71,16 @@
<div class="grid-container" markdown="1">
<div class="grid-item card" markdown="1">
<p align="center">
<a href="https://www.tuwien.at"><img src="site:assets/images/logos/TUW.png" alt="Logo TUW" width="150"/></a>
<a href="https://www.tuwien.at"><img src="site:assets/images/logos/TUW.png" alt="Logo TUW" style="filter: drop-shadow(1px 1px 0 rgb(143, 143, 143));"/></a>
</p>
---
<a href="https://www.tuwien.at/en/mwbw/ikp/mel/lfs/" style="color: white;"> :fontawesome-solid-arrow-right: Research Group for Aircraft Systems</a>
<a href="https://www.tuwien.at/en/mwbw/ikp/mel/lfs/" style="color: var(--primary-color);"> :fontawesome-solid-arrow-right: Research Group for Aircraft Systems</a>
</div>
</div>
## Associated Partner
> :construction: Ask for permission to use logos?
<a href="https://www.airbus.com/en">:fontawesome-solid-arrow-right: Airbus</a>
......
overrides/home.html
+ 0
− 56
View file @ 2fa2be8e
......@@ -97,62 +97,6 @@
pointer-events: auto;
margin-left: 5px;
}
/* Grid Container */
.grid-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 3.5em;
margin: 3em auto;
max-width: 1100px;
padding: 1em;
}
.grid-item {
/* background-color: var(--background-color); Uses primary color for card background */
background: transparent;
padding: 1.0em;
border-radius: 10px;
text-align: left;
color: var(--text-color-hero); /* Text color for readability */
transition: transform 0.3s, box-shadow 0.3s;
height: 100%;
}
.grid-item h3 {
font-size: 1.25em;
margin-bottom: 0.5em;
}
.grid-item > hr {
border: none;
background-color: var(--text-color-hero);
margin: auto 0;
height: 1px;
}
/* Card styling with hover effects */
.card {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25);
}
/* Link styling within cards */
.card a {
color: var(--text-color-hero);
font-weight: bold;
margin-top: auto;
padding-top: 1em;
}
.card a:hover {
color: var(--accent-color); /* Changes to accent color on hover */
}
</style>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment