2022-10-31 19:27:21 +01:00
|
|
|
<!DOCTYPE html>
|
2022-11-08 10:02:37 +01:00
|
|
|
<html lang="<%= locale %>">
|
2022-10-31 19:27:21 +01:00
|
|
|
<head>
|
2022-11-01 09:55:44 +01:00
|
|
|
<title>Al-Quran: Loading</title>
|
2022-11-02 11:26:58 +01:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
2022-12-24 16:55:28 +01:00
|
|
|
<style class="webpackage">
|
2022-11-12 22:55:53 +01:00
|
|
|
html {
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
|
|
|
|
body {
|
|
|
|
|
height: 100%;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
.webpackage.loader {
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.webpackage.loader div:first-child {
|
|
|
|
|
width: 200px;
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
position: relative;
|
|
|
|
|
top: 250px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.webpackage.loader progress {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.webpackage.loader .percentage {
|
|
|
|
|
font-family: monospace;
|
|
|
|
|
text-align: center;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
2022-10-31 19:27:21 +01:00
|
|
|
</head>
|
2022-11-01 09:55:44 +01:00
|
|
|
<body>
|
2022-11-12 22:55:53 +01:00
|
|
|
<div class="webpackage loader">
|
|
|
|
|
<div>
|
|
|
|
|
<progress value="0" max="100"></progress>
|
|
|
|
|
<span class="percentage">Loading...</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-02-27 02:04:55 +01:00
|
|
|
<div class="root" data-locale="<%= locale %>" data-surah-id="<%= surah_id %>"></div>
|
2022-11-12 22:55:53 +01:00
|
|
|
<script src="/js/pages/TheSurahPage/package.js"></script>
|
2022-11-01 09:55:44 +01:00
|
|
|
</body>
|
2022-10-31 19:27:21 +01:00
|
|
|
</html>
|
