Commit 8fe9522e authored by Tobias Bengfort's avatar Tobias Bengfort
Browse files

refactor team tiles

parent 95b68176
......@@ -91,29 +91,19 @@ header {
box-shadow: 0 0 0.4em 0.1em rgba(0,0,0,0.2);
}
.txt-bottom {
position: absolute;
vertical-align: bottom;
margin-top: 0.7em;
bottom: 0.4em;
}
.top-right {
position: absolute;
top: 0.1em;
right: 1em;
top: 0.4rem;
right: 1rem;
}
.float {
float: left;
.icon-link {
display: inline-block;
text-decoration: none;
}
.icon {
.icon-link img {
width: 1.5em;
min-height: 1.5em !important;
padding-top: 0.7em;
margin-left: 0.7em;
fill: #800080;
height: 1.5em;
}
footer {
......@@ -189,8 +179,7 @@ nav a:hover {
}
.card {
display: flex;
width: 100%;
display: flex !important;
position: relative;
flex-direction: column;
border-top: 0.5em solid var(--brand);
......@@ -203,7 +192,6 @@ a.card:hover {
box-shadow: 0.4rem 0.4rem 0.3rem 0.1rem rgba(0,0,0,1);
}
.card-header {
width: 100%;
font-size: inherit;
margin: 0;
padding: 0.5em 1em;
......
......@@ -7,27 +7,29 @@
{{ range .Pages }}
<li class="card bg-body">
<h2 class="card-header">{{ .Params.name }} <small class="pronoun">{{ .Params.pronoun }}</small></h2>
<div class="card-body">
<div class="top-right">
{{ if isset .Params "link" }}
<a href="{{ .Params.link }}" class="icon-link">
<picture>
<source srcset="{{ "/gfx/webdark.svg" | relURL }}" media="(prefers-color-scheme: dark)">
<img src="{{ "/gfx/weblight.svg" | relURL }}" alt="website">
</picture>
</a>
{{ end }}
{{ if isset .Params "twitter" }}
<a href="{{ .Params.twitter }}" class="icon-link">
<picture>
<source srcset="{{ "/gfx/twitterdark.svg" | relURL }}" media="(prefers-color-scheme: dark)">
<img src="{{ "/gfx/twitterlight.svg" | relURL }}" alt="twitter">
</picture>
</a>
{{ end }}
</div>
<div class="card-body flex-grow-1">
{{ .Content }}
<span class="txt-bottom"><strong>Part of Resorts: </strong>{{ .Params.resorts }}</span>
<div class="top-right">
{{ if isset .Params "link" }}
<a href="{{ .Params.link }}">
<picture class="float">
<source srcset="{{ "/gfx/webdark.svg" | relURL }}" media="(prefers-color-scheme: dark)">
<img src="{{ "/gfx/weblight.svg" | relURL }}" class="icon" alt="website">
</picture>
</a>
{{ end }}
{{ if isset .Params "twitter" }}
<a href="{{ .Params.twitter }}">
<picture class="float">
<source srcset="{{ "/gfx/twitterdark.svg" | relURL }}" media="(prefers-color-scheme: dark)">
<img src="{{ "/gfx/twitterlight.svg" | relURL }}" class="icon" alt="twitter">
</picture>
</a>
{{ end }}
</div>
</div>
<div class="card-body mb-1">
<strong>Part of Resorts: </strong>{{ .Params.resorts }}
</div>
</li>
{{ end }}
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment