Mathijs/lermer.nl
Mathijs/lermer.nl
2
1
Fork 0
Code Issues 2 Pull requests Activity

grote iconen in knoppen

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

18
assets/css/mrl.css
View file

@ -185,6 +185,24 @@
background-color: #374351; 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*********************************************************************************************************/ /*specials*********************************************************************************************************/
.logo { .logo {

125
contact.html
View file

@ -96,33 +96,128 @@
</header> </header>
</div> </div>
</section> </section>
<section id="sectie_pagina_train"> <section id="sectie_pagina_train">
<div class="container"> <div class="container">
<div id="tekst-midden"> <div id="tekst-midden">
<h1>Contactgegevens:</h1> <h1>Contactgegevens:</h1>
</div> </div>
<div class="links-container"> <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> <a href="mailto:info@lermer.nl" rel="me" class="mrl-button" target="_blank">
<br> <table class="tabel_in_knop">
<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> <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>
<div id="tekst-midden"> <div id="tekst-midden">
<h1>Sociale media:</h1> <h1>Sociale media:</h1>
</div>
<div class="links-container"> <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> <a href="https://github.com/Mathijs0" rel="me" class="mrl-button" target="_blank">
<br> <table class="tabel_in_knop">
<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> <colgroup>
<br> <col style="width: 20px">
<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> <col style="width: 100%">
<br> </colgroup>
<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> <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> </div>
</div> </div>
</section> </section>