wonderfulfrog/wonderfulfrog.com
1
0
Fork 0
Code Issues Pull requests Activity Actions

fix: tables on mobile

Browse source
This commit is contained in:
Devin Haska 2025-01-25 22:30:54 -08:00
parent 2b364b1e5e
commit c81336af94
2 changed files with 94 additions and 87 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/css/utilities/table.css Normal file
View file

@ -0,0 +1,3 @@
.table-wrapper {
overflow-x: auto;
}

178
src/pages/contact.html
View file

@ -10,94 +10,98 @@ permalink: "/contact/index.html"
</header>
<section class="flow">
<p>Below are my primary methods of contact. They are the ones I monitor most and likely to respond!</p>
<table>
<thead>
<tr>
<td>
<strong>Platform</strong>
</td>
<td>
<strong>Link</strong>
</td>
</tr>
</thead>
<tbody>
<tr>
<td>Email</td>
<td>
<a href="mailto:devin@wonderfulfrog.com">devin@wonderfulfrog.com</a>
</td>
</tr>
<tr>
<td>Signal</td>
<td>
<a href="https://signal.me/#eu/1Gqnr33MvuJX6QvcvgEjgaFBO7nMW5sdEyFsqHrj0ajEx3HglsVC7ZiesDrO_bXQ"
target="_blank">wonderfulfrog.64</a>
</td>
</tr>
</tbody>
</table>
<div class="table-wrapper">
<table>
<thead>
<tr>
<td>
<strong>Platform</strong>
</td>
<td>
<strong>Link</strong>
</td>
</tr>
</thead>
<tbody>
<tr>
<td>Email</td>
<td>
<a href="mailto:devin@wonderfulfrog.com">devin@wonderfulfrog.com</a>
</td>
</tr>
<tr>
<td>Signal</td>
<td>
<a href="https://signal.me/#eu/1Gqnr33MvuJX6QvcvgEjgaFBO7nMW5sdEyFsqHrj0ajEx3HglsVC7ZiesDrO_bXQ"
target="_blank">wonderfulfrog.64</a>
</td>
</tr>
</tbody>
</table>
</div>
<p>
The following list covers various accounts on the internet that are mine. While you can probably contact me there, I'd prefer using one of the methods above.
</p>
<table>
<thead>
<tr>
<td>
<strong>Platform</strong>
</td>
<td>
<strong>Link</strong>
</td>
</tr>
</thead>
<tbody>
<tr>
<td>Mastodon</td>
<td>
<a href="https://mastodon.social/@wonderfulfrog" target="_blank">@wonderfulfrog.mastodon.social</a>
</td>
</tr>
<tr>
<td>GitHub</td>
<td>
<a href="https://github.com/wonderfulfrog" target="_blank">@wonderfulfrog</a>
</td>
</tr>
<tr>
<td>Bluesky</td>
<td>
<a href="https://bsky.app/profile/wonderfulfrog.com" target="_blank">wonderfulfrog.com</a>
</td>
</tr>
<tr>
<td>Discord</td>
<td>
<a href="https://discord.com/users/wonderfulfrog" target="_blank">wonderfulfrog</a>
</td>
</tr>
<tr>
<td>ListenBrainz</td>
<td>
<a href="https://listenbrainz.org/user/wonderfulfrog/" target="_blank">wonderfulfrog</a>
</td>
</tr>
<tr>
<td>Battle.net</td>
<td>Armitage#1801</td>
</tr>
<tr>
<td>Apple Music</td>
<td>
<a href="https://music.apple.com/profile/wonderfulfrog" target="_blank">wonderfulfrog</a>
</td>
</tr>
<tr>
<td>Backloggd</td>
<td>
<a href="https://www.backloggd.com/u/wonderfulfrog" target="_blank">wonderfulfrog</a>
</td>
</tr>
</tbody>
</table>
<div class="table-wrapper">
<table>
<thead>
<tr>
<td>
<strong>Platform</strong>
</td>
<td>
<strong>Link</strong>
</td>
</tr>
</thead>
<tbody>
<tr>
<td>Mastodon</td>
<td>
<a href="https://mastodon.social/@wonderfulfrog" target="_blank">@wonderfulfrog.mastodon.social</a>
</td>
</tr>
<tr>
<td>GitHub</td>
<td>
<a href="https://github.com/wonderfulfrog" target="_blank">@wonderfulfrog</a>
</td>
</tr>
<tr>
<td>Bluesky</td>
<td>
<a href="https://bsky.app/profile/wonderfulfrog.com" target="_blank">wonderfulfrog.com</a>
</td>
</tr>
<tr>
<td>Discord</td>
<td>
<a href="https://discord.com/users/wonderfulfrog" target="_blank">wonderfulfrog</a>
</td>
</tr>
<tr>
<td>ListenBrainz</td>
<td>
<a href="https://listenbrainz.org/user/wonderfulfrog/" target="_blank">wonderfulfrog</a>
</td>
</tr>
<tr>
<td>Battle.net</td>
<td>Armitage#1801</td>
</tr>
<tr>
<td>Apple Music</td>
<td>
<a href="https://music.apple.com/profile/wonderfulfrog" target="_blank">wonderfulfrog</a>
</td>
</tr>
<tr>
<td>Backloggd</td>
<td>
<a href="https://www.backloggd.com/u/wonderfulfrog" target="_blank">wonderfulfrog</a>
</td>
</tr>
</tbody>
</table>
</div>
</section>