mirror of
https://codeberg.org/vlw/victorwesterlund.com.git
synced 2025-09-14 03:23:41 +02:00
45 lines
No EOL
985 B
HTML
45 lines
No EOL
985 B
HTML
<!-- Victor Westerlund - www.victorwesterlund.com -->
|
|
<style>
|
|
.contact {
|
|
align-self: stretch;
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
gap: var(--padding);
|
|
}
|
|
|
|
.contact .item {
|
|
--size: 1fr;
|
|
width: var(--size);
|
|
height: var(--size);
|
|
border-radius: var(--border-radius);
|
|
background-color: rgba(var(--palette-inverted),.05);
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
box-sizing: border-box;
|
|
padding: var(--padding);
|
|
}
|
|
|
|
.contact .item * {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.contact .item img {
|
|
height: 8vh;
|
|
}
|
|
|
|
@media (max-width: 300px) {
|
|
.contact {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|
|
</style>
|
|
<div class="contact">
|
|
<div class="item button phantom" data-action="getContact" data-value="contact_signal">
|
|
<img src="assets/img/icons/signal.svg"/>
|
|
<p>Signal</p>
|
|
</div>
|
|
<div class="item button phantom" data-action="getContact" data-value="contact_email">
|
|
<img src="assets/img/icons/email.svg"/>
|
|
<p>E-Mail</p>
|
|
</div>
|
|
</div> |