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