mirror of
https://github.com/r-freeman/portfolio.git
synced 2024-11-11 18:45:41 +00:00
Replaced mail icon and enabled mail link on about page
This commit is contained in:
parent
2f67ec2e05
commit
2a1a260cdc
@ -2,6 +2,7 @@ import {useRef, SyntheticEvent, MutableRefObject, useState} from 'react'
|
||||
import {Cta} from '@/components/Cta'
|
||||
import {MailIcon} from '@/components/icons/MailIcon'
|
||||
import {Button} from '@/components/Button'
|
||||
import {InboxIcon} from "@/components/icons/InboxIcon";
|
||||
|
||||
export function Subscribe() {
|
||||
const inputRef = useRef() as MutableRefObject<HTMLInputElement>
|
||||
@ -14,7 +15,7 @@ export function Subscribe() {
|
||||
}
|
||||
|
||||
return (
|
||||
<Cta icon={MailIcon} title="Subscribe">
|
||||
<Cta icon={InboxIcon} title="Subscribe">
|
||||
<p className="mt-2 text-sm text-zinc-600 dark:text-zinc-400">
|
||||
Get notified when I publish something new, and unsubscribe at any time.
|
||||
</p>
|
||||
|
12
components/icons/InboxIcon.tsx
Normal file
12
components/icons/InboxIcon.tsx
Normal file
@ -0,0 +1,12 @@
|
||||
import {Props} from '@/types'
|
||||
|
||||
export function InboxIcon(props: Props) {
|
||||
return (
|
||||
<svg fill="none" stroke="currentColor" strokeWidth={1.5} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
|
||||
aria-hidden="true" {...props}>
|
||||
<path strokeLinecap="round" strokeLinejoin="round"
|
||||
className="fill-zinc-100 stroke-zinc-400 dark:fill-zinc-100/10 dark:stroke-zinc-500"
|
||||
d="M9 3.75H6.912a2.25 2.25 0 00-2.15 1.588L2.35 13.177a2.25 2.25 0 00-.1.661V18a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18v-4.162c0-.224-.034-.447-.1-.661L19.24 5.338a2.25 2.25 0 00-2.15-1.588H15M2.25 13.5h3.86a2.25 2.25 0 012.012 1.244l.256.512a2.25 2.25 0 002.013 1.244h3.218a2.25 2.25 0 002.013-1.244l.256-.512a2.25 2.25 0 012.013-1.244h3.859M12 3v8.25m0 0l-3-3m3 3l3-3"/>
|
||||
</svg>
|
||||
)
|
||||
}
|
@ -2,11 +2,11 @@ import {Props} from '@/types'
|
||||
|
||||
export function MailIcon(props: Props) {
|
||||
return (
|
||||
<svg viewBox="0 0 24 24" fill="none" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true"
|
||||
className="h-6 w-6 flex-none" {...props}>
|
||||
<path d="M2.75 7.75a3 3 0 0 1 3-3h12.5a3 3 0 0 1 3 3v8.5a3 3 0 0 1-3 3H5.75a3 3 0 0 1-3-3v-8.5Z"
|
||||
className="fill-zinc-100 stroke-zinc-400 dark:fill-zinc-100/10 dark:stroke-zinc-500"></path>
|
||||
<path d="m4 6 6.024 5.479a2.915 2.915 0 0 0 3.952 0L20 6" className="stroke-zinc-400 dark:stroke-zinc-500"></path>
|
||||
<svg viewBox="0 0 24 24" aria-hidden="true" {...props}>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
d="M6 5a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3H6Zm.245 2.187a.75.75 0 0 0-.99 1.126l6.25 5.5a.75.75 0 0 0 .99 0l6.25-5.5a.75.75 0 0 0-.99-1.126L12 12.251 6.245 7.187Z"
|
||||
/>
|
||||
</svg>
|
||||
)
|
||||
}
|
@ -125,13 +125,13 @@ export default function About() {
|
||||
<SocialLink href="https://twitter.com/freemry" icon={TwitterIcon} className="mt-4">
|
||||
Follow on Twitter
|
||||
</SocialLink>
|
||||
{/*<SocialLink*/}
|
||||
{/* href="mailto:hello@ryanfreeman.dev"*/}
|
||||
{/* icon={MailIcon}*/}
|
||||
{/* className="mt-8 border-t border-zinc-100 pt-8 dark:border-zinc-700/40"*/}
|
||||
{/*>*/}
|
||||
{/* hello@ryanfreeman.dev*/}
|
||||
{/*</SocialLink>*/}
|
||||
<SocialLink
|
||||
href="mailto:hello@ryanfreeman.dev"
|
||||
icon={MailIcon}
|
||||
className="mt-8 border-t border-zinc-100 pt-8 dark:border-zinc-700/40"
|
||||
>
|
||||
hello@ryanfreeman.dev
|
||||
</SocialLink>
|
||||
</ul>
|
||||
<Link href="https://credly.com/badges/10bd0eae-b383-411c-beb9-dadda80124c8/public_url">
|
||||
<Image
|
||||
|
Loading…
Reference in New Issue
Block a user