-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpage.html
130 lines (121 loc) · 5.46 KB
/
page.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!doctype html>
<html lang="en-US">
<head>
<title>Freenovels</title>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="description" content="Your number one site for your novels" />
<meta name="" />
<meta property="og:title" content="Freenovels" />
<meta property="og:description" content="Your number one site for your novels" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://bookifab.netlify.app/" />
<meta property="og:image" content="https://bookifab.netlify.app/images/logoIcon.png" />
<!-- Bootstrap CDN -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="style.css" type="text/css" media="all" />
</head>
<body class="bg-light">
<nav class="navbar navbar-expand-sm bg-light navbar-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<strong id="title-page">Freenovels</strong>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Free API</a>
<a class="nav-link" href="#">Terms & Privacy Policy</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container-fluid main-page">
<div class="page container m-0 p-3 d-flex flex-column justify-content-center align-items-center">
<div class="cover-con" style="width: 170px;height: 230px;border-radius: 8px;overflow: hidden">
<img style="width:inherit;height:inherit;" src="" id="cover-page" alt="" />
</div>
<h1 id="title" style="width:100%;text-align:center;font-size:14pt;margin-top:10px;font-weight:600;"></h1>
</div>
<div class="page-details container-fluid">
<div class="d-flex justify-content-center align-items-center">
<div id="status" style="margin-right: 10px;" class="p-1 border border-primary rounded-1"></div>
<div id="publisher" class="p-1 border border-primary rounded-1"></div>
</div>
<div class="p-2 mt-2" id="synopsis" style="font-size: 10pt"></div>
<div class="container p-1 mt-3 d-flex justify-content-center align-items-center">
<a id="download-link" style="text-decoration: none;font-size:10pt" class="text-primary" target="_blank">Click To Download Volumes</a>
</div>
</div>
<footer class="container-fluid d-flex flex-column justify-content-center p-0 mt-5">
<span style="font-size: 8pt">Disclaimer: Freenovels does not owned any files used. All
content are provided by 3rd parties</span>
<p style="margin-top: 10px; font-size: 10pt">
®Alright Reserve 2024
</p>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Boostrap Script -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
function getQueryParam(key) {
const urlParams = new URLSearchParams(
window.location.search
);
return urlParams.get(key);
}
const novelId = getQueryParam("id");
fetch('data.json')
.then(response => {
if (!response.ok) {
throw new Error('No data found!');
}
return response.json();
})
.then(data => {
const dataResponse = data;
$(".loader1").hide();
let novel = dataResponse.find(
item => item.id === novelId
);
if (novel) {
const metaUrl =
"<meta name='url' content='https://freenovels.netlify.app/page/" +
novel.title +
"'/><meta name='description' content='" +
novel.synopsis +
"'/><meta name='title' content='" +
novel.title +
"'/><title>" +
novel.title +
"</title><meta property='og:url' content='https://esdeguinio7.github.io/EsNovels1/page/" +
novel.id +
"'/><meta property='og:title' content='" +
novel.title +
"'/><meta property='og:description' content='" +
novel.synopsis +
"'/>";
$("head").append(metaUrl);
$('#cover-page').attr('src', novel.cover);
$('#title').text(novel.title);
$('#status').text(novel.status);
$('#publisher').text(novel.publisher);
$('#synopsis').html(novel.synopsis);
$('#download-link').attr('href', novel.link);
}
})
.catch(error => {
console.log(error);
});
});
</script>
</body>
</html>