From b6506e27766ddec4bd9366a2dd6d2a9d2249ace1 Mon Sep 17 00:00:00 2001
From: printempw <h@prinzeugen.net>
Date: Fri, 30 Jun 2017 10:43:34 +0800
Subject: [PATCH] Add placeholder for background image at homepage

---
 resources/views/index.tpl | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)
diff --git a/resources/views/index.tpl b/resources/views/index.tpl
index 928b1231..43da81a6 100644
--- a/resources/views/index.tpl
+++ b/resources/views/index.tpl
@@ -9,11 +9,18 @@
     <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
     <!-- App Styles -->
     {!! bs_header('index') !!}
+
+    <script type="text/javascript">
+        var changeWrapperHeight = function() {
+            document.getElementsByClassName('wrapper')[0].style.height = window.innerHeight + 'px';
+        };
+    </script>
 </head>
 
 <body class="hold-transition {{ option('color_scheme') }} layout-top-nav">
 
     <div class="wrapper" style="background-image: url('{{ option('home_pic_url') }}');">
+        <script>changeWrapperHeight();</script>
         <!-- Navigation -->
         <header class="main-header transparent">
             <nav class="navbar navbar-fixed-top">
@@ -127,8 +134,6 @@
     {!! bs_footer() !!}
 
     <script>
-        var changeWrapperHeight = function() { $('.wrapper').height($(window).height()) };
-        $(document).ready(changeWrapperHeight);
         $(window).resize(changeWrapperHeight).scroll(function(event) {
             // change color of the navigation bar when scrolling
             if (document.body.scrollTop >= ($(window).height() * 2 / 3)) {
