innocuous-symmetry/mikayla-dobson-dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update resume paths

Browse Source
This commit is contained in:
Mikayla Dobson
2023-10-09 10:00:09 -05:00
parent 940ebf3d98
commit d7c984adbb
2 changed files with 26 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/about/page.tsx
View File

@@ -6,6 +6,7 @@ import { RxChevronDown } from "react-icons/rx";
import { useState } from "react";
import { FaGithub, FaLinkedin } from "react-icons/fa";
import Card from "@/components/ui/Card";
import ResumeDownloader from "@/components/About/ResumeDownloader";
export default function Resume() {
const [skillsVisible, setSkillsVisible] = useState(true);
@@ -21,11 +22,10 @@ export default function Resume() {
<div className="hidden bg-slate-950"></div>
<div className="flex items-center pt-2 dark:text-rose-100">
<p className="mr-2">Download a copy for later?</p>
<a download href="/resume/Mikayla Resume 0623.pdf" target="_blank" referrerPolicy="no-referrer" rel="noopener" className="mr-2 cursor-pointer hover:text-sky-300 active:text-white bg-slate-500 dark:bg-slate-800 py-1 px-1.5 rounded-lg">.pdf</a>
<a download href="/resume/Mikayla Resume 0623.docx" target="_blank" referrerPolicy="no-referrer" rel="noopener" className="mr-2 cursor-pointer hover:text-sky-300 active:text-white bg-slate-500 dark:bg-slate-800 py-1 px-1.5 rounded-lg">.docx</a>
</div>
<ResumeDownloader
label="Download a copy for later?"
paths={["/resume/Mikayla Resume 1023.pdf", "/resume/Mikayla Resume 1023.docx"]}
/>
<div className="flex pt-2">
<Link passHref className="flex items-center dark:text-white mr-8 hover:text-sky-300 active:text-white" href="https://github.com/innocuous-symmetry"><FaGithub className="mr-2" />innocuous-symmetry</Link>

21
components/About/ResumeDownloader.tsx Normal file
View File

@@ -0,0 +1,21 @@
export default function ResumeDownloader({ paths, label }: { paths: string[], label?: string }) {
return (
<div className="flex items-center pt-2 dark:text-rose-100">
{ label && <p className="mr-2">{label}</p> }
{ paths.map((path, idx) => (
<a
key={idx}
download
href={path}
target="_blank"
referrerPolicy="no-referrer"
rel="noopener"
>
{ `.${path.split('.').pop()}` }
</a>
))}
<a download href="/resume/Mikayla Resume 1023.pdf" target="_blank" referrerPolicy="no-referrer" rel="noopener" className="mr-2 cursor-pointer hover:text-sky-300 active:text-white bg-slate-500 dark:bg-slate-800 py-1 px-1.5 rounded-lg">.pdf</a>
<a download href="/resume/Mikayla Resume 1023.docx" target="_blank" referrerPolicy="no-referrer" rel="noopener" className="mr-2 cursor-pointer hover:text-sky-300 active:text-white bg-slate-500 dark:bg-slate-800 py-1 px-1.5 rounded-lg">.docx</a>
</div>
)
}