Leisuretimedock/blessing-skin-server
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add placeholder for background image at homepage

Browse Source
This commit is contained in:
printempw 2017-06-30 10:43:34 +08:00
parent 34962255a2
commit b6506e2776
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
resources/views/index.tpl
View File

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