<!--
(c) 2004 - 2022 Health Information Privacy Laboratory
Vanderbilt University Medical Center


    This is a flask-based cms that considers the following for a website :
        - header
        - content
        - menu
        - content
        - footer


-->
<!DOCTYPE html>
<html lang="en">
    <head >
        <title>{{layout.header.title}}</title>
        
        <link rel="shortcut icon" href="{{system.context}}/favicon.ico">

        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="keywords" content="x12,parser,healthcare,tools,informatics,research,phd,post-doc,api,python, jamia,amia,pnas,nature">
        <meta name="robots" content="/, follow, max-snippet:-1, max-image-preview:large">
        <link href="{{system.context}}/static/css/{{system.theme}}/default.css" rel="stylesheet" type="text/css">
        <link href="{{system.context}}/static/css/animation/ocean.css" rel="stylesheet" type="text/css">
        <link href="{{system.context}}/static/css/icons.css" rel="stylesheet" type="text/css">
        <link href="{{system.context}}/static/css/border.css" rel="stylesheet" type="text/css">
        <script src="{{system.context}}/static/js/jx/dom.js"></script>
        <script src="{{system.context}}/static/js/jx/utils.js"></script>
        <script src="{{system.context}}/static/js/jx/rpc.js"></script>
        <script src="{{system.context}}/static/js/jx/ext/modal.js"></script>
        <script src="{{system.context}}/static/js/jquery/jquery.js"></script>
        <script src="{{system.context}}/static/js/menu.js"></script>
        <script src="{{system.context}}/static/js/search.js"></script>
        <script src="{{system.context}}/static/js/fontawesome/js/all.js"></script>
    </head>
    <style>
        .dialog div:first-child{
            width:500px;
            padding:4px;
        }
        .fa-circle-xmark {color:maroon}
    </style>
    <script>
        $(document).ready(function(){
            _html = jx.dom.get.value('dialog')
            jx.dom.hide('dialog')
            jx.modal.show(_html)
        })
    </script>
    <body>
        <div class="main">
            <div class="header">
                {%include "header.html" %}
            </div>
               <div id="dialog" class="dialog">
                <div align="center" class="large-text" style="font-size:48px">
                    <p><i class="fa-regular fa-circle-xmark"></i> 404
                        </p>

                </div>
                <p></p>
                <div class="border-top" style="padding:8px">
                    
                    <div>Page Not Found or Content Unavailable</div>
                </div>
               </div>
        </div>
 </body></html>