diff options
| author | Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com> | 2020-01-03 18:41:55 +0100 |
|---|---|---|
| committer | Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com> | 2020-01-03 18:41:55 +0100 |
| commit | 753743cb06c1fd0a6d1a25bbdf2dd0207d04d6dc (patch) | |
| tree | fce748d79fa7d54b5de5cb3386189af0b6573a19 /components | |
| parent | 1b74216fc4afa740991dcc9986eb6843c5b07a59 (diff) | |
| download | puszcza-753743cb06c1fd0a6d1a25bbdf2dd0207d04d6dc.tar.gz puszcza-753743cb06c1fd0a6d1a25bbdf2dd0207d04d6dc.zip | |
Add oboz site
Diffstat (limited to 'components')
| -rw-r--r-- | components/ObozWidget.vue | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/components/ObozWidget.vue b/components/ObozWidget.vue new file mode 100644 index 0000000..8e1037e --- /dev/null +++ b/components/ObozWidget.vue @@ -0,0 +1,46 @@ +<template> + <section class="oboz-widget"> + <nuxt-link to="/oboz/2020"> + <img src="/assets/oboz.svg" /> + </nuxt-link> + </section> +</template> + +<script> +export default { + name: 'ObozWidget' +} +</script> + +<style scoped> +.oboz-widget { + width: 100%; + + margin-top: 50px; + padding: 80px 20%; + + background-image: url('/assets/oboz.webp'); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + + display: flex; + flex-direction: row; + justify-content: center; +} + +img { + max-width: 60vmin; + transition: all 1s ease-in-out; +} + +img:hover { + transform: scale(1.1); +} + +@media (max-width: 500px) { + .oboz-widget { + padding: 80px 20px; + } +} +</style> |