diff options
| -rw-r--r-- | components/JoinUs.vue | 9 | ||||
| -rw-r--r-- | components/ObozWidget.vue | 9 | ||||
| -rw-r--r-- | static/assets/bg.jpg | bin | 0 -> 669154 bytes | |||
| -rw-r--r-- | static/assets/oboz.jpg | bin | 0 -> 606264 bytes |
4 files changed, 16 insertions, 2 deletions
diff --git a/components/JoinUs.vue b/components/JoinUs.vue index a219d16..4359a82 100644 --- a/components/JoinUs.vue +++ b/components/JoinUs.vue @@ -21,12 +21,19 @@ export default { </script> <style scoped> +.webp .joinus { + background-image: url('/assets/bg.webp'); +} + +.no-webp .joinus { + background-image: url('/assets/bg.jpg'); +} + .joinus { width: 100%; padding: 80px 20%; - background-image: url('/assets/bg.webp'); background-size: cover; background-position: center; background-repeat: no-repeat; diff --git a/components/ObozWidget.vue b/components/ObozWidget.vue index 8e1037e..887fd13 100644 --- a/components/ObozWidget.vue +++ b/components/ObozWidget.vue @@ -13,13 +13,20 @@ export default { </script> <style scoped> +.webp .oboz-widget { + background-image: url('/assets/oboz.webp'); +} + +.no-webp .oboz-widget { + background-image: url('/assets/oboz.jpg'); +} + .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; diff --git a/static/assets/bg.jpg b/static/assets/bg.jpg new file mode 100644 index 0000000..4e1456e --- /dev/null +++ b/static/assets/bg.jpg Binary files differdiff --git a/static/assets/oboz.jpg b/static/assets/oboz.jpg new file mode 100644 index 0000000..e2cf1df --- /dev/null +++ b/static/assets/oboz.jpg Binary files differ |
