diff --git a/components/CodingProject.vue b/components/CodingProject.vue index 77f11e7..5211862 100644 --- a/components/CodingProject.vue +++ b/components/CodingProject.vue @@ -15,9 +15,12 @@
-

+

-

+
+ @@ -32,7 +35,11 @@ }, npm: String, github: String, - type: String + type: { + type: String, + required: true + }, + liveURL: String }, computed: { links() { @@ -121,9 +128,32 @@ font-size: 18px; } - transition: box-shadow 0.3s ease; + .footer { + text-align: right; + width: 100%; + + #try-it-out { + font-size: 18px; + + .arrow { + display: inline-block; + font-size: 30px; + transition: 800ms transform ease; + transform: translateX(0); + } + + &:hover { + .arrow { + transform: translateX(4px); + } + } + } + } + + transition: box-shadow 0.3s ease-out; + &:hover { - box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2); + box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); } } diff --git a/pages/projects.vue b/pages/projects.vue index c91701f..39356dc 100644 --- a/pages/projects.vue +++ b/pages/projects.vue @@ -30,6 +30,14 @@ > Allow only one instance of your script at a time. + + Simulate and compute the weight pressure in different fluids. +