Commited_Lines Comic website
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.
This repo is archived. You can view files and clone it, but cannot push or open issues/pull-requests.
commited_lines/index.html

49 lines
2.2 KiB

8 months ago
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Commited Lines</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all">
<!-- 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>
<!-- most of the elements on these pages are defined in the js files as functions, then we tell these functions where to show up on the page by placing empty divs and naming those divs the name of the js functions. check the js files to edit these elements in more detail.-->
<div align="center">
<!-- header that has the logo image and top page navigation. don't forget to put this on every page -->
<div class="writeHeader"></div>
<!-- make sure that if you want to turn on automatically scrolling to the top of the comic when you load a new page, keep the id of this div and the variable "navScrollTo" in showcomic.js the same-->
<div id="showComic">
<!-- write the title of the page. -->
<div class="writePageTitle"></div>
<!-- write top navigation -->
<div class="writeNav"></div>
<!-- write the current page of your comic -->
<div class="writePageClickable"></div>
<!-- write bottom navigation -->
<div class="writeNav"></div>
</div>
</div>
<div id="authorNotes">
<h2>Author Notes</h2>
<!-- write the author notes for the current page-->
<div class="writeAuthorNotes"></div>
</div>
<!-- footer that has a link back to rarebit, and ideally has copyright info and stuff. again, don't forget to put this on every page-->
<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_settings.js" defer></script>
<script src="js/comic_show.js" defer></script>
<script src="js/comic_header.js" defer></script>
<script src="js/comic_footer.js" defer></script>
</body>
</html>