moritzruth/moritzruth.de
1
0
Fork 0
Code Activity Actions

add schweredruck-simulation to projects

Browse source
This commit is contained in:
Moritz Ruth 2019-03-28 16:58:34 +01:00
parent 9f8b9730bc
commit 90a741b11e
2 changed files with 43 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

40
components/CodingProject.vue
View file

@ -15,9 +15,12 @@
<div v-if="index + 1 < links.length" class="space"></div> <div v-if="index + 1 < links.length" class="space"></div>
</div> </div>
</div> </div>
<p class="description"> <div class="description">
<slot></slot> <slot></slot>
</p> </div>
<div class="footer">
<a v-if="liveURL" :href="liveURL" id="try-it-out" target="_blank"><span class="arrow">→</span> Try it out</a>
</div>
</div> </div>
</div> </div>
</template> </template>
@ -32,7 +35,11 @@
}, },
npm: String, npm: String,
github: String, github: String,
type: String type: {
type: String,
required: true
},
liveURL: String
}, },
computed: { computed: {
links() { links() {
@ -121,9 +128,32 @@
font-size: 18px; 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 { &: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);
} }
} }
</style> </style>

8
pages/projects.vue
View file

@ -30,6 +30,14 @@
> >
Allow only one instance of your script at a time. Allow only one instance of your script at a time.
</CodingProject> </CodingProject>
<CodingProject
title="schweredruck-simulation"
github="ctexxx/schweredruck-simulation"
type="Application (german)"
liveURL="https://ctexxx.dev/schweredruck-simulation/"
>
Simulate and compute the weight pressure in different fluids.
</CodingProject>
</div> </div>
</main> </main>
</template> </template>