diff --git a/.gitignore b/.gitignore index fd3dbb5..e745e78 100644 --- a/.gitignore +++ b/.gitignore @@ -34,3 +34,7 @@ yarn-error.log* # typescript *.tsbuildinfo next-env.d.ts + + +# cypress +cypress/screenshots diff --git a/cypress/e2e/site.cy.js b/cypress/e2e/site.cy.js index 0782aee..974bf6b 100644 --- a/cypress/e2e/site.cy.js +++ b/cypress/e2e/site.cy.js @@ -24,30 +24,31 @@ context("site", () => { }); it("should have a working link to my resume", () => { - cy.get("a") - .contains("Resume") - .should("have.attr", "href", "/Resume_ClintPlummer_ENMR.pdf") + cy.get("a[href='/resume.clintp.docx']") + .should("exist") .then(($anchor) => { cy.request($anchor.attr("href")).its("status").should("eq", 200); }); }); - it("should have a working link to my ipynb", () => { - cy.get("a") - .contains("ipynb") - .should( - "have.attr", - "href", - "https://github.com/yuhonas/clintp.xyz/blob/main/docs/public/Resume_ClintPlummer_ENMR.ipynb" - ) + // it("should have a working link to my ipynb", () => { + // cy.get("a") + // .contains("ipynb") + // .should( + // "have.attr", + // "href", + // "https://github.com/yuhonas/clintp.xyz/blob/main/docs/public/Resume_ClintPlummer_ENMR.ipynb" + // ) + // .then(($anchor) => { + // cy.request($anchor.attr("href")).its("status").should("eq", 200); + // }); + // }); + + it("should have a working link to my linkedin", () => { + cy.get("a[href='https://www.linkedin.com/in/clint-plummer/']") + .should("exist") .then(($anchor) => { cy.request($anchor.attr("href")).its("status").should("eq", 200); }); }); - - it("should have a link to my linkedin", () => { - cy.get("a[href='https://www.linkedin.com/in/clint-plummer/']").should( - "exist" - ); - }); }); diff --git a/cypress/screenshots/site.cy.js/site -- should have a working link to my ipynb (failed).png b/cypress/screenshots/site.cy.js/site -- should have a working link to my ipynb (failed).png deleted file mode 100644 index e2b705a..0000000 Binary files a/cypress/screenshots/site.cy.js/site -- should have a working link to my ipynb (failed).png and /dev/null differ diff --git a/cypress/screenshots/site.cy.js/site -- should have a working link to my resume (failed).png b/cypress/screenshots/site.cy.js/site -- should have a working link to my resume (failed).png deleted file mode 100644 index 63f1c3d..0000000 Binary files a/cypress/screenshots/site.cy.js/site -- should have a working link to my resume (failed).png and /dev/null differ diff --git a/pages/index.tsx b/pages/index.tsx index b26a34a..63f2a7b 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -94,8 +94,12 @@ export default function Home() { alt="Picture of me" />

{resume.basics.summary}

+

Looking for a Resume?

+ {/* */} -

Would Like to get in Contact?

+

Want to get in Contact?

I can be reached at { resume.basics.email }

diff --git a/public/resume.docx b/public/resume.clintp.docx similarity index 93% rename from public/resume.docx rename to public/resume.clintp.docx index c15364e..b1ef114 100644 Binary files a/public/resume.docx and b/public/resume.clintp.docx differ diff --git a/public/theme/001.css b/public/theme/001.css new file mode 100644 index 0000000..cc4480b --- /dev/null +++ b/public/theme/001.css @@ -0,0 +1,31 @@ +/* CSS variables + Generated by 'wal' */ +:root, body[data-theme='001'] { + --wallpaper2000w: url('./001/background-2000w.avif'); + --wallpaper4000w: url('./001/background-4000w.avif'); + --ansiart: url('./001/ansi.png'); + + /* Special */ + --background: #02182F; + --foreground: #f2e4cb; + --cursor: #f2e4cb; + + /* Colors */ + --color0: #02182F; + --color1: #0C6D96; + --color2: #5E7098; + --color3: #B17596; + --color4: #138DB1; + --color5: #40A7C4; + --color6: #E7A19D; + --color7: #f2e4cb; + --color8: #a99f8e; + --color9: #0C6D96; + --color10: #5E7098; + --color11: #B17596; + --color12: #138DB1; + --color13: #40A7C4; + --color14: #E7A19D; + --color15: #f2e4cb; +} + diff --git a/public/theme/001/ansi.png b/public/theme/001/ansi.png new file mode 100644 index 0000000..def50b9 Binary files /dev/null and b/public/theme/001/ansi.png differ diff --git a/public/theme/001/background-2000w.avif b/public/theme/001/background-2000w.avif new file mode 100755 index 0000000..4ef4d2b Binary files /dev/null and b/public/theme/001/background-2000w.avif differ diff --git a/public/theme/001/background-4000w.avif b/public/theme/001/background-4000w.avif new file mode 100644 index 0000000..fcb6242 Binary files /dev/null and b/public/theme/001/background-4000w.avif differ diff --git a/public/theme/001/background.jpg b/public/theme/001/background.jpg new file mode 100644 index 0000000..940a1e5 Binary files /dev/null and b/public/theme/001/background.jpg differ diff --git a/public/theme/002.css b/public/theme/002.css new file mode 100644 index 0000000..41deb0f --- /dev/null +++ b/public/theme/002.css @@ -0,0 +1,30 @@ +/* CSS variables + Generated by 'wal' */ +body[data-theme='002'] { + --wallpaper2000w: url('./002/background-2000w.avif'); + --wallpaper4000w: url('./002/background-4000w.avif'); + --ansiart: url('./002/ansi.png'); + + /* Special */ + --background: #130f10; + --foreground: #b1b7b9; + --cursor: #b1b7b9; + + /* Colors */ + --color0: #130f10; + --color1: #314857; + --color2: #5A585C; + --color3: #9B4F10; + --color4: #AE692F; + --color5: #F69C0A; + --color6: #CE9966; + --color7: #b1b7b9; + --color8: #7b8081; + --color9: #314857; + --color10: #5A585C; + --color11: #9B4F10; + --color12: #AE692F; + --color13: #F69C0A; + --color14: #CE9966; + --color15: #b1b7b9; +} diff --git a/public/theme/002/ansi.png b/public/theme/002/ansi.png new file mode 100644 index 0000000..d45026c Binary files /dev/null and b/public/theme/002/ansi.png differ diff --git a/public/theme/002/background-2000w.avif b/public/theme/002/background-2000w.avif new file mode 100755 index 0000000..e0becb5 Binary files /dev/null and b/public/theme/002/background-2000w.avif differ diff --git a/public/theme/002/background-4000w.avif b/public/theme/002/background-4000w.avif new file mode 100644 index 0000000..2ce8c81 Binary files /dev/null and b/public/theme/002/background-4000w.avif differ diff --git a/public/theme/002/pbq31kssox9b1.jpg b/public/theme/002/pbq31kssox9b1.jpg new file mode 100644 index 0000000..db766d1 Binary files /dev/null and b/public/theme/002/pbq31kssox9b1.jpg differ diff --git a/public/theme/003.css b/public/theme/003.css new file mode 100644 index 0000000..74e80c5 --- /dev/null +++ b/public/theme/003.css @@ -0,0 +1,30 @@ +/* CSS variables + Generated by 'wal' */ +body[data-theme='003'] { + --wallpaper2000w: url('./003/background-2000w.avif'); + --wallpaper4000w: url('./003/background-4000w.avif'); + --ansiart: url('./003/ansi.png'); + + /* Special */ + --background: #0d160a; + --foreground: #a2dee3; + --cursor: #a2dee3; + + /* Colors */ + --color0: #0d160a; + --color1: #29886B; + --color2: #71B04E; + --color3: #5D9E6B; + --color4: #99B16C; + --color5: #21979A; + --color6: #4DBAB3; + --color7: #a2dee3; + --color8: #719b9e; + --color9: #29886B; + --color10: #71B04E; + --color11: #5D9E6B; + --color12: #99B16C; + --color13: #21979A; + --color14: #4DBAB3; + --color15: #a2dee3; +} diff --git a/public/theme/003/ansi.png b/public/theme/003/ansi.png new file mode 100644 index 0000000..407d9d1 Binary files /dev/null and b/public/theme/003/ansi.png differ diff --git a/public/theme/003/backgound.jpg b/public/theme/003/backgound.jpg new file mode 100644 index 0000000..cc52a67 Binary files /dev/null and b/public/theme/003/backgound.jpg differ diff --git a/public/theme/003/background-2000w.avif b/public/theme/003/background-2000w.avif new file mode 100755 index 0000000..dbeedba Binary files /dev/null and b/public/theme/003/background-2000w.avif differ diff --git a/public/theme/003/background-4000w.avif b/public/theme/003/background-4000w.avif new file mode 100644 index 0000000..e85e2d2 Binary files /dev/null and b/public/theme/003/background-4000w.avif differ diff --git a/public/theme/GithubCorner.vue b/public/theme/GithubCorner.vue new file mode 100644 index 0000000..2115e58 --- /dev/null +++ b/public/theme/GithubCorner.vue @@ -0,0 +1,18 @@ + + diff --git a/public/theme/Layout.vue b/public/theme/Layout.vue new file mode 100644 index 0000000..f2dd131 --- /dev/null +++ b/public/theme/Layout.vue @@ -0,0 +1,73 @@ + + + + diff --git a/public/theme/images/404.svg b/public/theme/images/404.svg new file mode 100644 index 0000000..ac16e73 --- /dev/null +++ b/public/theme/images/404.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/theme/images/github-corner.svg b/public/theme/images/github-corner.svg new file mode 100644 index 0000000..65e1a78 --- /dev/null +++ b/public/theme/images/github-corner.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/public/theme/images/github-logo.svg b/public/theme/images/github-logo.svg new file mode 100644 index 0000000..012d0f3 --- /dev/null +++ b/public/theme/images/github-logo.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/public/theme/index.js b/public/theme/index.js new file mode 100644 index 0000000..baf7d4c --- /dev/null +++ b/public/theme/index.js @@ -0,0 +1,17 @@ +// You can directly import Vue files in the theme entry +// VitePress is pre-configured with @vitejs/plugin-vue. +// https://vitepress.dev/guide/custom-theme +import Layout from './Layout.vue' + +import 'tailwindcss/tailwind.css' +import './001.css' +import './002.css' +import './003.css' +import './theme.css' + +export default { + Layout, + // enhanceApp({ app, router, siteData }) { + // // ... + // } +} diff --git a/public/theme/theme.css b/public/theme/theme.css new file mode 100644 index 0000000..fc4e7dc --- /dev/null +++ b/public/theme/theme.css @@ -0,0 +1,60 @@ +body { + height: 100%; + @apply bg-theme; + transition: background-color 0.5s ease-in-out, background-image 0.5s ease-in-out; +} + +.bg-theme { + background-color: var(--background) +} + +/* media query for screens greater then 768px */ +@media (min-width: 768px) { + body { + background: var(--background) var(--wallpaper2000w) no-repeat center center fixed; + background-size: cover; + } +} + +/* media query for screens greater then 2000px */ +@media (min-width: 2000px) { + body { + background: var(--background) var(--wallpaper4000w) no-repeat center center fixed; + background-size: cover; + } +} + +.ansi-art { + content: var(--ansiart); +} + +.markdown a { + color: var(--color13); + text-decoration: underline; +} +.markdown a:hover { + background-color: var(--color12); + color: var(--color15); +} + +.markdown h2 { + @apply text-2xl mb-4; + color: var(--color6); +} + +.markdown p { + @apply mb-4 text-sm; + color: var(--color7); +} + +/* Chrome, Edge, and Safari */ +.terminal *::-webkit-scrollbar { + width: 0.5rem; + scrollbar-width: thin; +} + +.terminal *::-webkit-scrollbar-thumb { + background-color: var(--color11); + border-radius: 14px; + scrollbar-width: thin; +}