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/.