diff options
| author | Pitu <[email protected]> | 2019-02-26 23:13:18 +0900 |
|---|---|---|
| committer | Pitu <[email protected]> | 2019-02-26 23:13:18 +0900 |
| commit | 62c0c1db20d90d4f1088c97d8d96a80bcb73baa8 (patch) | |
| tree | 44c71454dd5794e86549efeb3bda0dc1605d31f9 /src | |
| parent | Not needed anymore (diff) | |
| download | host.fuwn.me-62c0c1db20d90d4f1088c97d8d96a80bcb73baa8.tar.xz host.fuwn.me-62c0c1db20d90d4f1088c97d8d96a80bcb73baa8.zip | |
Add background to main page
Diffstat (limited to 'src')
| -rw-r--r-- | src/site/assets/images/background.jpg | bin | 0 -> 96219 bytes | |||
| -rw-r--r-- | src/site/pages/index.vue | 14 |
2 files changed, 14 insertions, 0 deletions
diff --git a/src/site/assets/images/background.jpg b/src/site/assets/images/background.jpg Binary files differnew file mode 100644 index 0000000..14c59db --- /dev/null +++ b/src/site/assets/images/background.jpg diff --git a/src/site/pages/index.vue b/src/site/pages/index.vue index 7342b97..f170720 100644 --- a/src/site/pages/index.vue +++ b/src/site/pages/index.vue @@ -25,12 +25,26 @@ color: $textColorHighlight; } } + + div.background { + position: fixed; + top: 0; + left: 0; + background: no-repeat scroll 50% 50%; + background-size: cover; + background-image: url('~assets/images/background.jpg'); + z-index: -1; + height: 100vh; + width: 100%; + pointer-events: none; + } } </style> <template> <div class="home"> <section class="hero is-fullheight has-text-centered"> + <div class="background" /> <Navbar :isWhite="true" /> <div class="hero-body"> <div class="container"> |