grote iconen in knoppen

This commit is contained in:
Mathijs Lermer 2023-06-20 19:26:35 +02:00
parent 2bc07564e8
commit e798e6a296
2 changed files with 128 additions and 15 deletions

View File

@ -185,6 +185,24 @@
background-color: #374351;
}
/*tabellen*********************************************************************************************************/
/*Tabel in linktree knop**/
.tabel_in_knop {
border-collapse:collapse;
border-spacing:0;
width:100%;
height:100%;
}
.tabel_in_knop .icon {
font-size:32px;
}
td:last-child {
flex: 1;
display:inline-block;
/* to keep IE happy */
}
/*specials*********************************************************************************************************/
.logo {

View File

@ -96,33 +96,128 @@
</header>
</div>
</section>
<section id="sectie_pagina_train">
<div class="container">
<div id="tekst-midden">
<h1>Contactgegevens:</h1>
</div>
<div class="links-container">
<a href="mailto:info@lermer.nl" rel="me" class="mrl-button" target="_blank"></i><i class="fa fa-at fa-lg" aria-hidden="true"></i> - E-Mail<br>mathijs@lermer.nl</a>
<br>
<a href="https://matrix.to/#/@mathijs:lermer.nl" rel="me"class="mrl-button" target="_blank"><i class="fa fa-matrix-org fa-lg" aria-hidden="true"></i> - [MARIX]<br>@mathijs:lermer.nl</a>
<a href="mailto:info@lermer.nl" rel="me" class="mrl-button" target="_blank">
<table class="tabel_in_knop">
<colgroup>
<col style="width: 20px">
<col style="width: 100%">
</colgroup>
<thead>
<tr>
<td rowspan="2" class="icon"><i class="fa fa-at fa-lg" aria-hidden="true"></i></td>
<td>E-Mail</td>
</tr>
<tr>
<td>mathijs@lermer.nl</td>
</tr>
</thead>
</table>
</a>
</div>
<div class="links-container">
<a href="https://matrix.to/#/@mathijs:lermer.nl" rel="me" class="mrl-button" target="_blank">
<table class="tabel_in_knop">
<colgroup>
<col style="width: 20px">
<col style="width: 100%">
</colgroup>
<thead>
<tr>
<td rowspan="2" class="icon"><i class="fa fa-matrix-org fa-lg" aria-hidden="true"></i></td>
<td>[MARIX]</td>
</tr>
<tr>
<td>@mathijs:lermer.nl</td>
</tr>
</thead>
</table>
</a>
</div>
<div id="tekst-midden">
<h1>Sociale media:</h1>
</div>
<div class="links-container">
<a href="https://github.com/Mathijs0" rel="me"class="mrl-button" target="_blank"><i class="fa fa-github fa-lg" aria-hidden="true"></i> - Github<br>github.com/Mathijs0</a>
<br>
<a href="https://www.linkedin.com/in/lermer/" rel="me"class="mrl-button" target="_blank"><i class="fa fa-linkedin fa-lg" aria-hidden="true"></i> - Linkedin<br>linkedin.com/in/lermer/</a>
<br>
<a href="https://mastodon.lermer.nl/@mathijs" rel="me" class="mrl-button" target="_blank"><i class="fa fa-mastodon fa-lg" aria-hidden="true"></i> - Mastodon<br>@mathijs@lermer.nl </a>
<br>
<a href="https://twitter.com/MLermer" rel="me" class="mrl-button" target="_blank"><i class="fa fa-twitter fa-lg" aria-hidden="true"></i> - Twitter<br>MLermer</a>
<a href="https://github.com/Mathijs0" rel="me" class="mrl-button" target="_blank">
<table class="tabel_in_knop">
<colgroup>
<col style="width: 20px">
<col style="width: 100%">
</colgroup>
<thead>
<tr>
<td rowspan="2" class="icon"><i class="fa fa-github fa-lg" aria-hidden="true"></i></td>
<td>Github</td>
</tr>
<tr>
<td>github.com/Mathijs0</td>
</tr>
</thead>
</table>
</a>
</div>
<div class="links-container">
<a href="https://www.linkedin.com/in/lermer/" rel="me" class="mrl-button" target="_blank">
<table class="tabel_in_knop">
<colgroup>
<col style="width: 20px">
<col style="width: 100%">
</colgroup>
<thead>
<tr>
<td rowspan="2" class="icon"><i class="fa fa-linkedin fa-lg" aria-hidden="true"></i></td>
<td>Linkedin</td>
</tr>
<tr>
<td>linkedin.com/in/lermer/</td>
</tr>
</thead>
</table>
</a>
</div>
<div class="links-container">
<a href="https://mastodon.lermer.nl/@mathijs" rel="me" class="mrl-button" target="_blank">
<table class="tabel_in_knop">
<colgroup>
<col style="width: 20px">
<col style="width: 100%">
</colgroup>
<thead>
<tr>
<td rowspan="2" class="icon"><i class="fa fa-mastodon fa-lg" aria-hidden="true"></i></td>
<td>Mastodon</td>
</tr>
<tr>
<td>@mathijs@lermer.nl</td>
</tr>
</thead>
</table>
</a>
</div>
<div class="links-container">
<a href="https://twitter.com/MLermer" rel="me" class="mrl-button" target="_blank">
<table class="tabel_in_knop">
<colgroup>
<col style="width: 20px">
<col style="width: 100%">
</colgroup>
<thead>
<tr>
<td rowspan="2" class="icon"><i class="fa fa-mastodon fa-lg" aria-hidden="true"></i></td>
<td>Twitter</td>
</tr>
<tr>
<td>MLermer</td>
</tr>
</thead>
</table>
</a>
</div>
</div>
</div>
</section>