fix: contact styling

This commit is contained in:
Cory Dransfeldt 2023-12-10 09:10:50 -08:00
parent 5ce3c23e06
commit d1f8ecd88c
No known key found for this signature in database
3 changed files with 9 additions and 5 deletions

View file

@ -1,6 +1,6 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "2.5.0", "version": "2.5.1",
"description": "The source for my personal site, blog and portfolio. Built using 11ty and hosted on Netlify.", "description": "The source for my personal site, blog and portfolio. Built using 11ty and hosted on Netlify.",
"main": "index.html", "main": "index.html",
"scripts": { "scripts": {

View file

@ -1235,6 +1235,10 @@ video {
margin-top: 0.625rem; margin-top: 0.625rem;
} }
.mt-3 {
margin-top: 0.75rem;
}
.mt-4 { .mt-4 {
margin-top: 1rem; margin-top: 1rem;
} }
@ -2461,8 +2465,8 @@ pre {
margin-right: 1rem; margin-right: 1rem;
} }
.md\:mt-4 { .md\:mt-0 {
margin-top: 1rem; margin-top: 0px;
} }
.md\:block { .md\:block {

View file

@ -26,7 +26,7 @@ meta:
<div class="flex flex-col md:flex-row"> <div class="flex flex-col md:flex-row">
<div class="w-full md:w-1/2 md:pr-6"> <div class="w-full md:w-1/2 md:pr-6">
<p>Fill out the form to get in touch. Or I've got other options below 👇🏻</p> <p class="mt-0">Fill out the form to get in touch. Or I've got other options 👇🏻</p>
<ul> <ul>
<li>Ping me on <a href="https://social.lol/@cory">Mastodon</a></li> <li>Ping me on <a href="https://social.lol/@cory">Mastodon</a></li>
<li>Message me on Signal or iMessage (if you have my phone number)</li> <li>Message me on Signal or iMessage (if you have my phone number)</li>
@ -34,7 +34,7 @@ meta:
<li>File an issue on the appropriate repo over at <a href="https://github.com/cdransf">GitHub</a></li> <li>File an issue on the appropriate repo over at <a href="https://github.com/cdransf">GitHub</a></li>
</ul> </ul>
</div> </div>
<form class="md:mt-4 flex flex-col items-center justify-center w-full md:w-1/2" method="POST" action="/contact/success" name="contact" netlify netlify-honeypot="bot-field"> <form class="mt-3 md:mt-0 flex flex-col items-center justify-center w-full md:w-1/2" method="POST" action="/contact/success" name="contact" netlify netlify-honeypot="bot-field">
<label class="hidden"> <label class="hidden">
Don't fill this out if you're human: <input name="bot-field" /> Don't fill this out if you're human: <input name="bot-field" />
</label> </label>