web2app-spa
Version:
This template is primarily designed to easily convert HTML pages and URLs into a Capacitor/Cordova based iOS/Android app that can be used as Single-page application (SPA).
80 lines (65 loc) • 4.74 kB
HTML
<html>
<head>
<title>App</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<!-- LIBRARIES -->
<link rel="preload" href="basic/font/open-sans/OpenSans-Regular.ttf" as="font" crossorigin="anonymous">
<link rel="preload" href="basic/font/open-sans/OpenSans-Bold.ttf" as="font" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="basic/basic.min.css">
<script src="basic/basic.min.js" type="text/javascript" charset="utf-8"></script>
<!-- WHICH FRAMEWORK DO YOU USE? Cordova or Capacitor -->
<script src="cordova.js" type="text/javascript" charset="utf-8"></script>
<script src="capacitor.js" type="text/javascript" charset="utf-8"></script>
<!-- GLOBAL VARIABLES -->
<script src="js/global.js" type="text/javascript" charset="utf-8"></script>
<!-- APP SETTINGS -->
<script src="settings.js" type="text/javascript" charset="utf-8"></script>
<!-- UI COMPONENTS -->
<script src="components/ui-core.min.js" type="text/javascript" charset="utf-8"></script>
<script src="components/ui-title.min.js" type="text/javascript" charset="utf-8"></script>
<script src="components/ui-search-box.min.js" type="text/javascript" charset="utf-8"></script>
<script src="components/ui-close-button.min.js" type="text/javascript" charset="utf-8"></script>
<script src="components/ui-item-list.min.js" type="text/javascript" charset="utf-8"></script>
<script src="components/ui-stepper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="components/ui-toggle.min.js" type="text/javascript" charset="utf-8"></script>
<script src="components/ui-web-view.min.js" type="text/javascript" charset="utf-8"></script>
<script src="components/ui-waiting-view.min.js" type="text/javascript" charset="utf-8"></script>
<!-- SHARED FUNCTIONS -->
<script src="js/app.min.js" type="text/javascript" charset="utf-8"></script>
<!-- MOBILE APP STRUCTURE -->
<script src="js/style/style1.js" type="text/javascript" charset="utf-8"></script>
<script src="js/view/launch-view.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/view/safe-area.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/view/default-view.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/view/second-view.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/view/small-view.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/top-bar.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/bottom-bar.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/side-bar.min.js" type="text/javascript" charset="utf-8"></script>
<!-- PAGES WITH OWN CONTAINER (VIEW) -->
<script src="js/view/login-view.min.js" type="text/javascript" charset="utf-8"></script>
<!-- PAGES -->
<script src="js/page/page1.js" type="text/javascript" charset="utf-8"></script>
<script src="js/page/page2.js" type="text/javascript" charset="utf-8"></script>
<script src="js/page/page2-preview.js" type="text/javascript" charset="utf-8"></script>
<script src="js/page/page3.js" type="text/javascript" charset="utf-8"></script>
<script src="js/page/page4.js" type="text/javascript" charset="utf-8"></script>
<script src="js/page/page5.js" type="text/javascript" charset="utf-8"></script>
<script src="js/page/page6.js" type="text/javascript" charset="utf-8"></script>
<script src="js/page/page7.js" type="text/javascript" charset="utf-8"></script>
<script src="js/page/page8.js" type="text/javascript" charset="utf-8"></script>
<script src="js/page/page9.js" type="text/javascript" charset="utf-8"></script>
<script src="js/page/page10.js" type="text/javascript" charset="utf-8"></script>
<!-- MAIN -->
<link rel="stylesheet" type="text/css" href="index.css">
<script src="index.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="notch-top"></div>
<div id="notch-bottom"></div>
</body>
</html>