From e69dba136a5cc4e402108b49c85b82a3c0695777 Mon Sep 17 00:00:00 2001 From: ryan Date: Sun, 26 Nov 2023 20:36:09 -0500 Subject: [PATCH] update contact form & projects --- app.vue | 2 +- assets/style/pages/_contact.scss | 18 +- components/index/Apps.vue | 4 +- content/about.md | 2 +- nuxt.config.ts | 15 + package-lock.json | 19307 ++++++++++++++++------------- package.json | 11 +- pages/contact.vue | 61 +- 8 files changed, 10551 insertions(+), 8869 deletions(-) diff --git a/app.vue b/app.vue index da24625..0a59499 100644 --- a/app.vue +++ b/app.vue @@ -15,7 +15,7 @@ { name: 'theme-color', content: '#ffffff' } ], script: [ - { defer: 'true', 'data-domain': 'ryanmoon.com', src: 'https://pa.inspin.co/js/latest.js' } + { defer: 'true', 'data-domain': 'ryanmoon.com', src: 'https://pa.inspin.io/js/latest.js' } ] }) diff --git a/assets/style/pages/_contact.scss b/assets/style/pages/_contact.scss index e680e22..b5877f0 100644 --- a/assets/style/pages/_contact.scss +++ b/assets/style/pages/_contact.scss @@ -1,6 +1,10 @@ .contact { padding: 3rem 8.5rem 3rem 1rem; + .success { + padding: 2rem 8rem 0 0; + } + form { display: grid; grid-row-gap: 1.25rem; @@ -36,20 +40,20 @@ input { position: relative; width: 100%; - min-width: 0px; - height: 40px; + height: 2.5rem; color: $f-color; background: #faf3ea; - outline: 2px solid transparent; + font-family: $p-font; font-size: .925rem; font-weight: 400; - padding: 0 16px; - border-radius: .375rem; + padding: 0 1rem; border: 1px solid #e6dfd6; + border-radius: .375rem; + outline: .1rem solid transparent; &:focus { border-color: $btns-color; - box-shadow: 0 0 0 1px $btns-color; + box-shadow: 0 0 0 .1rem $btns-color; } &::placeholder { @@ -70,7 +74,7 @@ textarea { min-height: 6rem; font-family: $p-font; - padding: .5rem 1rem; + padding: 1rem; resize: vertical; } diff --git a/components/index/Apps.vue b/components/index/Apps.vue index cbfdc27..f77960f 100644 --- a/components/index/Apps.vue +++ b/components/index/Apps.vue @@ -2,7 +2,7 @@ const apps = await queryContent('projects') .sort({ priority: 1 }) .where({ public: true }) - .only(['slug', 'project', 'excerpt']) + .only(['slug', 'project', 'description']) .find() @@ -13,7 +13,7 @@

{{ app.project }}

-

{{ app.excerpt }}

+

{{ app.description }}

\ No newline at end of file diff --git a/content/about.md b/content/about.md index 78b6f9d..06980a0 100644 --- a/content/about.md +++ b/content/about.md @@ -14,7 +14,7 @@ I believe in the Handshake naming system such as ryanmoon/ and dir.ectory/.