https://jnovelcodex.web.app/novels2.html

1<!doctype html>
2<html lang="en">
3<head>
4	<meta charset="utf-8">
5	<title>JNovel Codex</title>
6	<link rel="manifest" href="/manifest.json">
7	<link rel="stylesheet" href="/css/bootstrap.css">
8	<link rel="stylesheet" href="/css/font-awesome.min.css">
9	<link rel="stylesheet" href="/css/template.css">
10	<link rel="stylesheet" href="/css/default.css">
11	<link rel="icon" href="/favicon.ico" type="image/x-icon" />
12	<link rel="apple-touch-icon" href="/images/hello-icon-152.png">
13	<meta name="viewport" content="width=device-width, initial-scale=1">
14	<meta name="theme-color" content="white"/>
15	<meta name="apple-mobile-web-app-capable" content="yes">
16	<meta name="apple-mobile-web-app-status-bar-style" content="black">
17	<meta name="apple-mobile-web-app-title" content="JNovel Codex">
18	<meta name="msapplication-TileImage" content="/images/hello-icon-144.png">
19	<meta name="msapplication-TileColor" content="#FFFFFF">
20	<!-- -->
21	<meta name="description" content="JNovelCodex - Novel PDF/EPUB Index."/>
22	<meta name="robots" content="index, follow">
23	<!-- -->
24	<meta property="og:url"  content="https://jnovelcodex.web.app/novels.html" />
25	<meta property="og:type"  content="book" />
26	<meta property="og:title" content="JNovel Codex" />
27	<meta property="og:description" content="Download Light Novels in PDF, EPUBs." />
28	<meta property="og:image" content="https://jnovelcodex.web.app/images/rec_03.png" />
29	<style>
30	body{
31		font-family: AgencyFB;
32	}
33	
34	.novel_index{
35		padding: 20px;
36		font-size: 15px;
37		color: red;
38	}
39	.novel_index a{
40		color: brown;
41	}
42	
43	.page_header{
44		background-color:#520700;
45		padding-bottom: 4px;
46	}
47	
48	.page_header a{
49		font-size: 13px;
50	}
51	
52	.reserve{
53		background-color:#e7eaef;
54	}
55	</style>
56</head>	
57<body>
58	
59	<div class="responsiveT3">
60		<div class="nav_bar">
61			<div>
62				<img class="navDP" src="/images/_site_logo.png" class="img-fluid" style="border-radius:100%;height:60px;float:left;"></img>
63				<a class="font-weight-bold text-dark" style="cursor:default">JNovel Codex &lt;&gt;</a>
64			</div>
65			<a class="mobile"><i class="fa fa-bars" style="color:black;"></i></a>
66		</div>
67		<div class="sideBar">
68			<div style="padding-left: 10%;padding-top:5%;padding-bottom:5%;">
69			
70				<img class="navDP" src="/images/_site_logo.png" value="" class="img-fluid" style="border-radius:100%;height:40px;"></img>
71				&nbsp;
72				<a style="overflow:hidden;" class="m-title"><b>JNovel Codex</b></a>
73			</div>
74			<ul class="list-unstyled">
75				<a href="/index.html"><div class="m-navfont"><li><p>Home</p></li></div></a>
76				<a href="/novels2.html"><div class="m-navfont bg-tomato"><li><p>Novel Index</p></li></div></a>
77				<a href="/guide.html"><div class="m-navfont"><li><p>How To Download</p></li></div></a>
78				<a href="https://ko-fi.com/JNovelCodex" target="_blank"><div class="m-navfont"><li><p>KOFI <span style="color: #ff5a66">♥</span> Donation</p></li></div></a>
79			</ul>
80		</div>
81		
82		<div class="sideBar2">
83			<ul class="list-unstyled">
84				<a href="/index.html"><div class="pc-navfont"><li><p>Home</p></li></div></a>
85				<a href="/novels2.html"><div class="pc-navfont bg-tomato"><li><p>Novel Index</p></li></div></a>
86				<a href="/guide.html"><div class="pc-navfont"><li><p>How To Download</p></li></div></a>
87				<a href="https://ko-fi.com/JNovelCodex" target="_blank"><div class="pc-navfont"><li><p>KOFI <span style="color: #ff5a66">♥</span> Donation</p></li></div></a>
88			</ul>
89		</div>
90	</div>
91	
92	<div class="blackMask"></div>
93	<center>
94		<div class="modal fade" id="logoutModal">
95			<div class="modal-dialog modal-dialog-centered" style="width: 360px">
96			  <div class="modal-content">
97				<div class="modal-body text-center">
98					<h5>Are you sure you want to Logout?</h5>
99					<div class="row mt-3 justify-content-center">
100						<button type="button" class="btn btn-secondary mr-2 btn-sm" style="min-width:100px" data-dismiss="modal" aria-label="cancel">Cancel</button>
101						<button type="button" name="logoutYes" id="logoutYes" class="btn btn-danger ml-2 btn-sm" style="min-width:100px" data-dismiss="modal">Logout</button>
102					</div>
103				</div>
104			  </div>
105			</div>
106		</div>
107	</center>
108	
109	<!-- CONTENTS -->
110	
111	<div class="system_body">
112		<div class="page_header text-center">
113			<a class="font-weight-bold text-light">Novel PDF/EPUB Index</a>
114		</div>
115		<center><div class="loader index_loader" style="margin-top:15%"></div></center>
116	</div>
117	
118	<p><br/><br/></p>
119  
120	

120<script src="/js/jquery.js"></script>

120
121	

121<script src="/js/popper.min.js"></script>

121
122	

122<script src="/js/bootstrap.min.js"></script>

122
123	

123<script src="/js/script.js"></script>

123
124</body>

125<script src="/__/firebase/8.7.1/firebase-app.js"></script>

125

126<script src="/__/firebase/8.7.1/firebase-auth.js"></script>

126

127<script src="/__/firebase/8.7.1/firebase-firestore.js"></script>

127

128<script src="/__/firebase/8.7.1/firebase-analytics.js"></script>

128

129<script src="/__/firebase/init.js"></script>

129
130

131<script>
132$(document).ready(function(){
133
134	var db = firebase.firestore();
135
136	function showNovelIndexEng(){
137		db.collection("Novels").orderBy("a_eng_title", "asc")
138			.get()
139			.then(function(querySnapshot){
140				var titles = '';
141				var link = '';
142				querySnapshot.forEach(function(doc){
143					link = '/view.html?novel='+doc.id;
144					titles = titles +
145					'<a class="novel_link" href="'+link+'"><b>• ' +
146						String(doc.data().a_eng_title) +
147					'</b></a><br/>\n\t';
148				});
149				$('.index_loader').remove();
150				$('.system_body').append('<div class="novel_index">\n</div>');
151				$('.novel_index').append(titles);
152			})
153			.catch(function(error){
154				console.log("Error getting documents: ", error);
155			});
156	}
157	
158	showNovelIndexEng();
159});
160
161</script>

161
162</html>