You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 lines
1.9 KiB
63 lines
1.9 KiB
8 months ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<link href="css/style.css" rel="stylesheet" type="text/css" media="all">
|
||
|
|
<title>WebComic | Archive</title>
|
||
|
|
|
||
|
|
<!-- fonts -->
|
||
|
|
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||
|
|
<!-- Cherry Cream Soda -->
|
||
|
|
<link href="https://fonts.googleapis.com/css2?family=Cherry+Cream+Soda&display=swap" rel="stylesheet">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<!-- header -->
|
||
|
|
<div class="writeHeader"></div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="archivePage subPage" align="center">
|
||
|
|
|
||
|
|
<h1>Archive</h1>
|
||
|
|
<script>
|
||
|
|
indexPage = "index.html" //set which html page your comics are on, supremely important. archive system will break otherwise
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<div class="chrono">
|
||
|
|
<h2>Chronological Order</h2>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="lastfirst">
|
||
|
|
<h2>"Latest First" Order</h2>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="chapter1">
|
||
|
|
<h2>Or, divide it into chapters/arcs</h2>
|
||
|
|
<h2>(You can also turn off thumbnails)</h2>
|
||
|
|
<h2>Chapter 1</h2>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="chapter2">
|
||
|
|
<h2>Chapter 2</h2>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="chapter3">
|
||
|
|
<h2>Chapter 3</h2>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="chapter4">
|
||
|
|
<h2>Chapter 4</h2>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- footer-->
|
||
|
|
<div class="writeFooter"></div>
|
||
|
|
|
||
|
|
<!-- really important- every js script is called here, be sure to always put them just before the closing body tag, use a defer attribute, and call them in this specific order.-->
|
||
|
|
<script src="js/comic_header.js" defer></script>
|
||
|
|
<script src="js/comic_settings.js" defer></script>
|
||
|
|
<script src="js/comic_archive.js" defer></script>
|
||
|
|
<script src="js/comic_footer.js" defer></script>
|
||
|
|
</body>
|
||
|
|
</html>
|