From 62c0c1db20d90d4f1088c97d8d96a80bcb73baa8 Mon Sep 17 00:00:00 2001
From: Pitu <heyitspitu@gmail.com>
Date: Tue, 26 Feb 2019 23:13:18 +0900
Subject: Add background to main page

---
 src/site/assets/images/background.jpg | Bin 0 -> 96219 bytes
 src/site/pages/index.vue              |  14 ++++++++++++++
 2 files changed, 14 insertions(+)
 create mode 100644 src/site/assets/images/background.jpg

(limited to 'src')

diff --git a/src/site/assets/images/background.jpg b/src/site/assets/images/background.jpg
new file mode 100644
index 0000000..14c59db
Binary files /dev/null and b/src/site/assets/images/background.jpg differ
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">
-- 
cgit v1.2.3