pixl-webapp
Version:
A client-side JavaScript framework, designed to be a base for web applications.
80 lines (68 loc) • 2.62 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<title>Loading...</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- This is for the floating fixed message notification system -->
<div id="d_message" class="message" style="display:none" onMouseUp="app.hideMessage(250)">
<div id="d_message_inner" class="message_inner"></div>
</div>
<!-- Logo and title -->
<div id="d_header">
<div class="container">
<div id="d_header_logo" class="left"></div>
<div id="d_header_title" class="left"><strong>My Application</strong></div>
<div id="d_header_user_container" style="right">
<!-- User login info here -->
<div class="header_divider right" style="margin-right:0;"></div>
<div class="header_option logout right" onMouseUp="app.doUserLogout()"><i class="fa fa-power-off fa-lg"> </i>Logout</div>
<div class="header_divider right"></div>
<div id="d_theme_ctrl" class="header_option right" onMouseUp="app.toggleTheme()" title="Toggle Light/Dark Theme"></div>
<div class="header_divider right"></div>
</div>
<div class="clear"></div>
</div>
</div>
<!-- Main page container -->
<div class="container">
<!-- Main Content Area -->
<div class="tab_bar" style="display:none">
<div id="tab_Home" class="tab inactive"><span class="content">Home</span></div>
<div id="tab_MoreDemos" class="tab inactive"><span class="content">More Demos</span></div>
<div class="clear"></div>
</div>
<!-- Actual page contents here -->
<div id="main" class="main">
<div id="page_Home" style="display:none"></div>
<div id="page_MoreDemos" style="display:none"></div>
</div>
<!-- Footer -->
<div id="d_footer">
<div class="left">
MyApp © 2016 - 2019 Me. Released under the MIT License.
</div>
<div id="d_footer_version" class="right">
</div>
<div class="clear"></div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<!-- BUILD: COMBINE_SCRIPT_START -->
<script src="../js/md5.js"></script>
<script src="../js/oop.js"></script>
<script src="../js/xml.js"></script>
<script src="../js/tools.js"></script>
<script src="../js/datetime.js"></script>
<script src="../js/page.js"></script>
<script src="../js/dialog.js"></script>
<script src="../js/base.js"></script>
<script src="app.js"></script>
<script src="pages.js"></script>
<!-- BUILD: COMBINE_SCRIPT_END -->
</body>
</html>