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> </header>
<section class="flow"> <section class="flow">
<p>Below are my primary methods of contact. They are the ones I monitor most and likely to respond!</p> <p>Below are my primary methods of contact. They are the ones I monitor most and likely to respond!</p>
<table> <div class="table-wrapper">
<thead> <table>
<tr> <thead>
<td> <tr>
<strong>Platform</strong> <td>
</td> <strong>Platform</strong>
<td> </td>
<strong>Link</strong> <td>
</td> <strong>Link</strong>
</tr> </td>
</thead> </tr>
<tbody> </thead>
<tr> <tbody>
<td>Email</td> <tr>
<td> <td>Email</td>
<a href="mailto:devin@wonderfulfrog.com">devin@wonderfulfrog.com</a> <td>
</td> <a href="mailto:devin@wonderfulfrog.com">devin@wonderfulfrog.com</a>
</tr> </td>
<tr> </tr>
<td>Signal</td> <tr>
<td> <td>Signal</td>
<a href="https://signal.me/#eu/1Gqnr33MvuJX6QvcvgEjgaFBO7nMW5sdEyFsqHrj0ajEx3HglsVC7ZiesDrO_bXQ" <td>
target="_blank">wonderfulfrog.64</a> <a href="https://signal.me/#eu/1Gqnr33MvuJX6QvcvgEjgaFBO7nMW5sdEyFsqHrj0ajEx3HglsVC7ZiesDrO_bXQ"
</td> target="_blank">wonderfulfrog.64</a>
</tr> </td>
</tbody> </tr>
</table> </tbody>
</table>
</div>
<p> <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. 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> </p>
<table> <div class="table-wrapper">
<thead> <table>
<tr> <thead>
<td> <tr>
<strong>Platform</strong> <td>
</td> <strong>Platform</strong>
<td> </td>
<strong>Link</strong> <td>
</td> <strong>Link</strong>
</tr> </td>
</thead> </tr>
<tbody> </thead>
<tr> <tbody>
<td>Mastodon</td> <tr>
<td> <td>Mastodon</td>
<a href="https://mastodon.social/@wonderfulfrog" target="_blank">@wonderfulfrog.mastodon.social</a> <td>
</td> <a href="https://mastodon.social/@wonderfulfrog" target="_blank">@wonderfulfrog.mastodon.social</a>
</tr> </td>
<tr> </tr>
<td>GitHub</td> <tr>
<td> <td>GitHub</td>
<a href="https://github.com/wonderfulfrog" target="_blank">@wonderfulfrog</a> <td>
</td> <a href="https://github.com/wonderfulfrog" target="_blank">@wonderfulfrog</a>
</tr> </td>
<tr> </tr>
<td>Bluesky</td> <tr>
<td> <td>Bluesky</td>
<a href="https://bsky.app/profile/wonderfulfrog.com" target="_blank">wonderfulfrog.com</a> <td>
</td> <a href="https://bsky.app/profile/wonderfulfrog.com" target="_blank">wonderfulfrog.com</a>
</tr> </td>
<tr> </tr>
<td>Discord</td> <tr>
<td> <td>Discord</td>
<a href="https://discord.com/users/wonderfulfrog" target="_blank">wonderfulfrog</a> <td>
</td> <a href="https://discord.com/users/wonderfulfrog" target="_blank">wonderfulfrog</a>
</tr> </td>
<tr> </tr>
<td>ListenBrainz</td> <tr>
<td> <td>ListenBrainz</td>
<a href="https://listenbrainz.org/user/wonderfulfrog/" target="_blank">wonderfulfrog</a> <td>
</td> <a href="https://listenbrainz.org/user/wonderfulfrog/" target="_blank">wonderfulfrog</a>
</tr> </td>
<tr> </tr>
<td>Battle.net</td> <tr>
<td>Armitage#1801</td> <td>Battle.net</td>
</tr> <td>Armitage#1801</td>
<tr> </tr>
<td>Apple Music</td> <tr>
<td> <td>Apple Music</td>
<a href="https://music.apple.com/profile/wonderfulfrog" target="_blank">wonderfulfrog</a> <td>
</td> <a href="https://music.apple.com/profile/wonderfulfrog" target="_blank">wonderfulfrog</a>
</tr> </td>
<tr> </tr>
<td>Backloggd</td> <tr>
<td> <td>Backloggd</td>
<a href="https://www.backloggd.com/u/wonderfulfrog" target="_blank">wonderfulfrog</a> <td>
</td> <a href="https://www.backloggd.com/u/wonderfulfrog" target="_blank">wonderfulfrog</a>
</tr> </td>
</tbody> </tr>
</table> </tbody>
</table>
</div>
</section> </section>