<style type="text/css">
    /* don't remove. */
    .about-cover {
        height: 90.2vh;
    }
</style>
<div class="bg-cover pd-header about-cover">
    <div class="container">
        <div class="row">
            <div class="col s10 offset-s1 m8 offset-m2 l8 offset-l2">
                <div class="brand">
                    <div class="title center-align">
                        404
                    </div>
                    <div class="description center-align">
                        <%= page.description %>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<%
var featureImages = site.data.featureImages.local;
if(theme.enableImageHost){
    featureImages = site.data.featureImages.imageHost;
}
var length = featureImages.length;
%>
<% if (theme.banner.enable) { %>
    <script>
        // 每天切换banner图.
        // var bannerUrl = "<%- url_for('/medias/banner/') %>" + new Date().getDay() + '.jpg';

        // 随机切换banner图
        var randomNum = Math.floor(Math.random() * <%- length %> + 1) - 1
        var randomUrl = '<%-featureImages%>'.split(',')[randomNum]
        if(!<%- theme.enableImageHost %>){
            randomUrl =  '<%- config.root %>' + '<%-featureImages%>'.split(',')[randomNum]
        }

        $('.bg-cover').css('background-image', 'url(' + randomUrl + ')');
    </script>
<% } else { %>
    <script>
        $('.bg-cover').css('background-image', "url(<%- url_for('/medias/banner/0.jpg') %>)");
    </script>
<% } %>
