jblu/jonbio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

upstream #1

Merged
jblu merged 1007 commits from upstream into main 2024-11-04 22:35:57 -06:00
Conversation 0 Commits 1007 Files Changed 24 +11 -20
2 changed files with 11 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 4e7630ad16 - Show all commits

22
components/FormSubscribe.js
View File

@ -33,18 +33,17 @@ const FormSubscribe = () => {
return ( return (
<div> <div>
<form <div className="pb-1 text-lg font-semibold text-gray-800 dark:text-gray-100">
// className="mt-6 flex flex-col sm:flex-row lg:mt-0 lg:justify-begin" Subscribe to the newsletter
className="flex flex-col sm:flex-row lg:justify-begin" </div>
onSubmit={subscribe} <form className="flex flex-col sm:flex-row" onSubmit={subscribe}>
>
<div> <div>
<label className="sr-only" htmlFor="email-input"> <label className="sr-only" htmlFor="email-input">
Email address Email address
</label> </label>
<input <input
autoComplete="email" autoComplete="email"
className="appearance-none w-full px-4 py-2 border border-neutrals-cool-grey-300 text-base rounded-md text-neutrals-cool-grey-900 bg-white dark:bg-black placeholder-gray-500 focus:outline-none focus:ring-primary-400 dark:focus:border-primary-600 lg:max-w-xs" className="px-4 py-2 placeholder-gray-500 bg-white border rounded-md appearance-none w-72 border-neutrals-cool-grey-300 text-neutrals-cool-grey-900 dark:bg-black focus:outline-none focus:ring-primary-400 dark:focus:border-primary-600"
id="email-input" id="email-input"
name="email" name="email"
placeholder={subscribed ? "You're subscribed ! 🎉" : 'Enter your email'} placeholder={subscribed ? "You're subscribed ! 🎉" : 'Enter your email'}
@ -54,11 +53,11 @@ const FormSubscribe = () => {
disabled={subscribed} disabled={subscribed}
/> />
</div> </div>
<div className="mt-2 flex-shrink-0 w-full flex rounded-md shadow-sm sm:mt-0 sm:ml-3 sm:w-auto sm:inline-flex"> <div className="flex w-full mt-2 rounded-md shadow-sm sm:mt-0 sm:ml-3">
<button <button
className={`w-full bg-primary-500 dark:bg-primary-400 px-4 py-2 border border-transparent rounded-md flex items-center justify-center text-base font-medium text-white ${ className={`w-full bg-primary-500 dark:bg-primary-500 px-4 py-2 border border-transparent rounded-md font-medium text-white ${
subscribed ? 'cursor-default' : 'hover:bg-primary-700 dark:hover:bg-primary-300' subscribed ? 'cursor-default' : 'hover:bg-primary-700 dark:hover:bg-primary-400'
} focus:outline-none focus:ring-2 focus:ring-offset-2 focus:primary-700 sm:w-auto sm:inline-flex`} } focus:outline-none focus:ring-2 focus:ring-offset-2 focus:primary-700`}
type="submit" type="submit"
disabled={subscribed} disabled={subscribed}
> >
@ -66,9 +65,6 @@ const FormSubscribe = () => {
</button> </button>
</div> </div>
</form> </form>
{/* <p className="text-sm text-gray-500 dark:text-gray-400 pt-2 flex flex-col sm:flex-row lg:mt-0 lg:justify-begin">
{message ? message : 'Enter your email address to be notified of new posts'}
</p> */}
</div> </div>
) )
} }

9
pages/index.js
View File

@ -92,13 +92,8 @@ export default function Home({ posts }) {
</div> </div>
)} )}
{siteMetadata.newsletter.provider !== '' && ( {siteMetadata.newsletter.provider !== '' && (
<div className="flex flex-col md:flex-row justify-between items-center"> <div className="flex items-center justify-center pt-4">
<h1 className="text-3xl font-extrabold tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl md:text-6xl "> <FormSubscribe />
Newsletter
</h1>
<div className="p-5">
<FormSubscribe />
</div>
</div> </div>
)} )}
</> </>