Working
This commit is contained in:
32
templates/anime.html
Normal file
32
templates/anime.html
Normal file
@@ -0,0 +1,32 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>watching [[ listing.name ]]</title>
|
||||
<style>
|
||||
.anime {
|
||||
margin: 10px 10vw;
|
||||
width: 75vw;
|
||||
}
|
||||
.anime video {
|
||||
width: 100%;
|
||||
}
|
||||
@media only screen and (max-width: 600px) {
|
||||
.anime {
|
||||
width: 95vw;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
[[ component:return ]]
|
||||
<div id="main">
|
||||
<div class="anime">
|
||||
<h2 style="margin: 0;">[[ listing.name ]] [[ chapter ]]</h2>
|
||||
<video src="/anime_assets/[[ listing.name ]]/[[ chapter ]].mp4" controls></video>
|
||||
[[ component:nav ]]
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
1
templates/components/chapter-listing.html
Normal file
1
templates/components/chapter-listing.html
Normal file
@@ -0,0 +1 @@
|
||||
<li><a href="/[[ listing.type ]]/[[ listing.name ]]/[[ chapter ]]">[[ chapter ]]</a></li>
|
||||
1
templates/components/listing.html
Normal file
1
templates/components/listing.html
Normal file
@@ -0,0 +1 @@
|
||||
<li><a href="/[[ listing.type ]]/[[ listing.name ]]">[[ listing.name ]] ([[ listing.type ]])</a></li>
|
||||
1
templates/components/nav.html
Normal file
1
templates/components/nav.html
Normal file
@@ -0,0 +1 @@
|
||||
<div id="nav" style="font-size: 18px; margin-bottom: 5px; text-align: center; width: 100%; padding: 10px;">[[ if:prev_chapter ]]<a href="/[[ listing.type ]]/[[ listing.name ]]/[[ prev_chapter ]]">Prev Chapter</a>[[ endif ]][[ if:prev_chapter ]][[ if:next_chapter ]] - [[ endif ]][[ endif ]][[ if:next_chapter ]]<a href="/[[ listing.type ]]/[[ listing.name ]]/[[ next_chapter ]]">Next Chapter</a>[[ endif ]]</div>
|
||||
1
templates/components/page.html
Normal file
1
templates/components/page.html
Normal file
@@ -0,0 +1 @@
|
||||
<img class="page" src="/manga_assets/[[ listing.name ]]/[[ chapter ]]/[[ image ]]">
|
||||
1
templates/components/return.html
Normal file
1
templates/components/return.html
Normal file
@@ -0,0 +1 @@
|
||||
<a id="return" style="position: absolute; margin-left: 10px;" href="/[[ listing.type ]]/[[ listing.name ]]"><= Back</a>
|
||||
24
templates/directory.html
Normal file
24
templates/directory.html
Normal file
@@ -0,0 +1,24 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>[[ listing.name ]] ([[ listing.type ]]) directory</title>
|
||||
<style>
|
||||
/* */
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="main">
|
||||
<div>
|
||||
<a href="/">Front page</a>
|
||||
<ul>
|
||||
<!-- called chapters, but both anime and manga will use this -->
|
||||
[[ for:chapters:chapter ]]
|
||||
[[ component:chapter-listing ]]
|
||||
[[ endfor ]]
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
22
templates/index.html
Normal file
22
templates/index.html
Normal file
@@ -0,0 +1,22 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>these r not the droids you u looking 4</title>
|
||||
<style>
|
||||
/* */
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="main">
|
||||
<div>
|
||||
<ul>
|
||||
[[ for:listings:listing ]]
|
||||
[[ component:listing ]]
|
||||
[[ endfor ]]
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
44
templates/manga.html
Normal file
44
templates/manga.html
Normal file
@@ -0,0 +1,44 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>reading [[ listing.name ]]</title>
|
||||
<style>
|
||||
html, body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.manga {
|
||||
margin: 10px 20vw;
|
||||
width: 60vw;
|
||||
line-height: 0;
|
||||
}
|
||||
.manga img {
|
||||
width: 100%;
|
||||
}
|
||||
@media only screen and (max-width: 600px) {
|
||||
.manga {
|
||||
margin: 10px 5vw;
|
||||
width: 90vw;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
[[ component:return ]]
|
||||
<div id="main">
|
||||
<div class="manga">
|
||||
<h2 style="display: inline-block;">[[ listing.name ]] [[ chapter ]]</h2>
|
||||
<span style="cursor: pointer;" onclick="document.getElementById('nav').scrollIntoView({ behavior: 'smooth' })">Scroll to Bottom</span>
|
||||
<br>
|
||||
[[ for:images:image ]]
|
||||
[[ component:page ]]
|
||||
[[ endfor ]]
|
||||
[[ component:nav ]] <!-- id: nav -->
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user