css working, kinda looks like mspa now!

This commit is contained in:
unknown 2019-11-03 10:40:17 -05:00
parent 9e17051db3
commit 54ddfd33c2
14 changed files with 329 additions and 6 deletions

View file

@ -1,4 +1,7 @@
php_value display_errors 1
php_value date.timezone "America/New_York"
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule . /index.php [L]
RewriteRule . index.php [L]

1
assets/style.css Normal file

File diff suppressed because one or more lines are too long

119
hs files/Homestuck.html Normal file
View file

@ -0,0 +1,119 @@
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no">
<title>Homestuck - </title>
<meta name="description" content="A tale about a boy and his friends and a game they play together. About 8,000 pages. Don't say we didn't warn you.">
<link rel="canonical" href="https://www.homestuck.com/story/2">
<link rel="apple-touch-icon" sizes="180x180" href="https://www.homestuck.com/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://www.homestuck.com/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://www.homestuck.com/favicon/favicon-16x16.png">
<link rel="manifest" href="https://www.homestuck.com/favicon/manifest.json">
<link rel="mask-icon" href="https://www.homestuck.com/favicon/safari-pinned-tab.svg" color="#6bbe4a">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://use.typekit.net/kek1uwn.css">
<link rel="stylesheet" media="all" href="Homestuck_files/manifest-ui-251a5f499c4b53a3fd5657bbd2cfebdf8ab540789d3d0544.css">
</head>
<body>
<header id="site-header" role="banner">
<div id="header-container" class="o_story-page-header row flex pad-t-0 ">
<a href="javascript:void(0)" data-nav-open="" class="nav-btn nav-btn--center color-white" style="overflow-wrap:normal;text-decoration:none;"><i class="icon-menu"></i><span>Menu</span></a>
<nav id="nav-container" data-nav-state="closed" role="navigation" class="o_nav-container">
<a href="javascript:void(0)" data-nav-close="" class="nav-btn color-white pad-y-rg type-rg" style="overflow-wrap:normal;text-decoration:none;"><i class="icon-close"></i><span>Dismiss</span></a>
<ul id="primary-nav" class="o_primary-nav style-caps weight-bold disp-ib color-white type-rg">
<li class="o_primary-nav-item slide-candycorn div-candycorn"><a class="o_primary-nav-link" style="color:#29ff4a" href="https://www.homestuck.com/">HOME</a></li><!--
--><li class="o_primary-nav-item slide-candycorn pipe"><a class="o_primary-nav-link" style="color:#39d5f6" href="https://www.homestuck.com/stories">READ</a></li><!--
--><li class="o_primary-nav-item slide-candycorn div-candycorn"><a class="o_primary-nav-link" style="color:#39d5f6" href="https://www.homestuck.com/info-story">INFO</a></li><!--
--><li class="o_primary-nav-item slide-candycorn pipe"><a class="o_primary-nav-link" style="color:#f7f72a" href="https://www.homestuck.com/info-shop">SHOP</a></li><!--
--><li class="o_primary-nav-item slide-candycorn div-candycorn"><a class="o_primary-nav-link" style="color:#f7f72a" href="https://www.homestuck.com/info-games">GAMES</a></li><!--
--><li class="o_primary-nav-item slide-candycorn pipe"><a class="o_primary-nav-link" style="color:#ffb529" href="https://www.homestuck.com/news">NEWS</a></li><!--
--><li class="o_primary-nav-item slide-candycorn"><a class="o_primary-nav-link" style="color:#ffb529" href="https://www.homestuck.com/info-more">MORE</a></li>
</ul>
</nav>
<div id="site-search" class="o_site-search disp-ib">
<form action="/search" method="GET">
<input name="search" type="search" class="o_search-ac o_site-search-field" placeholder="" autocomplete="off">
<button class="o_site-search-btn"><i class="icon-search"></i></button>
</form>
</div>
</div>
</header>
<div class="pos-r">
<div class="row bg-hs-gray bg-light-gray--md pad-t-md--md pos-r">
<div id="content_container" class="mar-x-auto disp-bl bg-hs-gray" style="max-width:650px;">
<h2 class="pad-t-md pad-x-lg--md type-center type-hs-header line-tight">Enter name.</h2>
<div class="pad-t-md">
<img src="Homestuck_files/00002.gif" class="mar-x-auto disp-bl">
</div>
</div>
</div>
<div class="row bg-hs-gray bg-light-gray--md pad-b-md pad-b-lg--md pos-r">
<div class="mar-x-auto disp-bl bg-hs-gray pad-t-lg" style="max-width:650px;">
<div class="o_story-nav type-hs-copy line-tight pad-x-0 pad-x-lg--md mar-b-lg">
<div>
<span class="">&gt;</span>
<a href="https://www.homestuck.com/story/3">Try again. </a><br>
</div>
</div>
<footer id="story-footer" role="banner">
<div id="story_footer_container" class="o_story-page-footer flex pad-t-0 pad-x-0
flex-justify
">
<div class="pad-l-lg--md mar-b-md type-hs-small type-hs-bottom--md type-center type-left--md">
<ul class="o_game-nav">
<li class="o_game-nav-item">
<a id="o_start-over" href="https://www.homestuck.com/story/1">Start Over</a>
</li>
<li class="o_game-nav-item">
<a href="https://www.homestuck.com/story/1">Go Back</a>
</li>
</ul>
</div>
</ul>
</nav>
<a href="javascript:void(0)" data-gamenav-open="" class="nav-btn nav-btn--center type-hs-small mar-b-md" style="text-decoration:none; text-transform: none; font-size:14px; line-height:14px;"><span>Options</span> <i class="icon-menu" style="margin:0;"></i></a>
</div>
</footer>
</div>
</div>
</div>
<div class="o_site-footer row pos-r pad-t-rg bg-dark-gray">
<div class="float-l"><img src="Homestuck_files/footer_logo-a913b68f0efbaed8da48bc0a4f22b35d369f40d0e4db1320.gif" alt="Footer logo"><br></div>
<div class="float-r disp-n disp-bl--sm"><img src="Homestuck_files/footer_logo-a913b68f0efbaed8da48bc0a4f22b35d369f40d0e4db1320.gif" alt="Footer logo"><br></div>
<div class="type-center pad-t-md--md">
<ul>
<li><a href="https://gitdab.com/n/openstuck">Source</a></li>
<li><a href="https://twitter.com/50dicksinmyanus">Contact</a></li>
</ul>
<div><span style="white-space:nowrap;">© 2018 Homestuck</span> <span style="white-space:nowrap;">and VIZ Media</span></div>
</div>
</div>
<div id="overlay" data-overlay-state="off" class="o_overlay"></div>
<div id="game_overlay" data-game-overlay-state="off" class="o_game-overlay"></div>
<div id="overlay_wait" data-overlay-state="off" class="o_overlay-wait"></div>
</div>
</body></html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 694 B

File diff suppressed because one or more lines are too long

View file

@ -0,0 +1 @@
processGoogleToken({"newToken":"Cg8I8NL07QUQvpf4iYXJ1CUSTgB3LVkaWAtyYa_zFhKEGYzrgk_b0YQxNjXOWdFP4TJgFYg4sUU6TOMTRZuwiyn5h4Cik7ngzryD_jqnutXY0t6AR_RbKIuqPdTh0T01rg","validLifetimeSecs":300,"freshLifetimeSecs":300,"1p_jar":"2019-11-3-4","pucrd":""});

5
hs files/Homestuck_files/jquery-1.js vendored Normal file

File diff suppressed because one or more lines are too long

View file

@ -0,0 +1,73 @@
/*
* The Typekit service used to deliver this font or fonts for use on websites
* is provided by Adobe and is subject to these Terms of Use
* http://www.adobe.com/products/eulas/tou_typekit. For font license
* information, see the list below.
*
* adobe-garamond-pro:
* - http://typekit.com/eulas/00000000000000003b9b00c5
* - http://typekit.com/eulas/00000000000000003b9b00c6
* - http://typekit.com/eulas/00000000000000003b9b00c2
* - http://typekit.com/eulas/00000000000000003b9b00c1
* courier-std:
* - http://typekit.com/eulas/0000000000000000000131bd
* - http://typekit.com/eulas/0000000000000000000131be
* - http://typekit.com/eulas/0000000000000000000131bb
* - http://typekit.com/eulas/0000000000000000000131bc
*
* © 2009-2019 Adobe Systems Incorporated. All Rights Reserved.
*/
/*{"last_published":"2019-04-02 17:40:47 UTC"}*/
@import url("https://p.typekit.net/p.css?s=1&k=kek1uwn&ht=tk&f=6768.6769.6770.6771.18109.18110.18111.18112&a=11077312&app=typekit&e=css");
@font-face {
font-family:"adobe-garamond-pro";
src:url("https://use.typekit.net/af/af619f/00000000000000003b9b00c5/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/af619f/00000000000000003b9b00c5/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/af619f/00000000000000003b9b00c5/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;
}
@font-face {
font-family:"adobe-garamond-pro";
src:url("https://use.typekit.net/af/6c275f/00000000000000003b9b00c6/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/6c275f/00000000000000003b9b00c6/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/6c275f/00000000000000003b9b00c6/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:700;
}
@font-face {
font-family:"adobe-garamond-pro";
src:url("https://use.typekit.net/af/5cace6/00000000000000003b9b00c2/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/5cace6/00000000000000003b9b00c2/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/5cace6/00000000000000003b9b00c2/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;
}
@font-face {
font-family:"adobe-garamond-pro";
src:url("https://use.typekit.net/af/2011b6/00000000000000003b9b00c1/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/2011b6/00000000000000003b9b00c1/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/2011b6/00000000000000003b9b00c1/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}
@font-face {
font-family:"courier-std";
src:url("https://use.typekit.net/af/fec4eb/0000000000000000000131bd/27/l?subset_id=2&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/fec4eb/0000000000000000000131bd/27/d?subset_id=2&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/fec4eb/0000000000000000000131bd/27/a?subset_id=2&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;
}
@font-face {
font-family:"courier-std";
src:url("https://use.typekit.net/af/3741dd/0000000000000000000131be/27/l?subset_id=2&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/3741dd/0000000000000000000131be/27/d?subset_id=2&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/3741dd/0000000000000000000131be/27/a?subset_id=2&fvd=i7&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:700;
}
@font-face {
font-family:"courier-std";
src:url("https://use.typekit.net/af/8143dd/0000000000000000000131bb/27/l?subset_id=2&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/8143dd/0000000000000000000131bb/27/d?subset_id=2&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/8143dd/0000000000000000000131bb/27/a?subset_id=2&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}
@font-face {
font-family:"courier-std";
src:url("https://use.typekit.net/af/d0381a/0000000000000000000131bc/27/l?subset_id=2&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/d0381a/0000000000000000000131bc/27/d?subset_id=2&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/d0381a/0000000000000000000131bc/27/a?subset_id=2&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;
}
.tk-adobe-garamond-pro { font-family: "adobe-garamond-pro",serif; }
.tk-courier-std { font-family: "courier-std",monospace; }

View file

@ -0,0 +1 @@
function openStoryAd(){MetaModals.toggle("#metamodal-story-ad"),adjustStoryAd(),Tracking.sendEvent({category:"Read",action:"Open Story Ad",label:getGAEventLabel()});setTimeout(function(){googletag.cmd.push(function(){googletag.display("story-ad")})},250),setTimeout(function(){adjustStoryAd()},750),setTimeout(function(){checkStoryAdFilled()},1e3)}function adjustStoryAd(){var t=$("#metamodal-story-ad"),e=window.innerHeight?window.innerHeight:$(window).height(),o=$("#story-ad iframe"),a=(o.contents(),o.contents().find("a")),d=o.contents().find("a img");if(!0===$.browser.mobile&&0!=window.orientation&&e<290)var n=210,i=175;else n=300,i=250;d.width(n),a.width(n),o.width(n),t.width(n),d.height(i),o.height(i),a.height(i),t.height(i+40);var s=($(window).width()-t.outerWidth())/2,l=(e-t.outerHeight())/2;t.css({left:s,top:l})}function checkStoryAdFilled(){adRendered&&!adFilled&&MetaModals.toggle("#metamodal-story-ad")}var googletag=googletag||{};googletag.cmd=googletag.cmd||[],function(){var t=document.createElement("script");t.async=!0,t.type="text/javascript";var e="https:"==document.location.protocol;t.src=(e?"https:":"http:")+"//www.googletagservices.com/tag/js/gpt.js";var o=document.getElementsByTagName("script")[0];o.parentNode.insertBefore(t,o)}(),function(t,o){o(function(){MetaModals.reset()}),o(document).on("keyup",function(t){if(27==t.keyCode){var e=o(".metamodal[data-metamodal-state='on']");e.length&&MetaModals.doCloseAction(e)}})}(0,jQuery);var adRendered=!(MetaModals={reset:function(){var t=$("[data-metamodal-btn]");t.off("click"),t.on("click",function(t){t.preventDefault(),MetaModals.toggle($(this).attr("href"))})},resetState:function(){$("[data-metamodal-state]").attr("data-metamodal-state","off")},close:function(){$("#nav-container").attr("data-nav-state","closed"),$("#overlay").css({"z-index":"4"}).attr("data-overlay-state","off").off(),$("input",".metamodal[data-metamodal-state='on']").blur(),MetaModals.resetState()},toggle:function(t){var e=$(t),o=e.attr("data-metamodal-state"),a=$("#overlay");"on"==o?MetaModals.close():($("#nav-container").attr("data-nav-state","off"),a.attr("data-overlay-state","off").off(),MetaModals.resetState(),e.attr("data-metamodal-state","on"),a.css({"z-index":"7"}).attr("data-overlay-state","on"),e.css({top:$(window).scrollTop()+$(window).height()/2+"px"}),e.scrollTop(0),a.on("click",function(){MetaModals.doCloseAction(e)}))},doCloseAction:function(t){var e=$(".metamodal-close",t);e.length?e.click():MetaModals.close()}}),adFilled=!1;googletag.cmd.push(function(){googletag.defineSlot("/17331515/Homestuck_Story",[300,250],"story-ad").addService(googletag.pubads()),googletag.pubads().addEventListener("slotRenderEnded",function(t){t.isEmpty||(adFilled=!0),adRendered=!0}),googletag.enableServices()}),$(document).ready(function(){var t=20,e=+getCookie("hs-pg-ck")||1;t<=e?deleteCookie("hs-pg-ck"):setCookie("hs-pg-ck",e+1,365)});

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -3,4 +3,10 @@ $db = mysqli_connect('localhost', 'root', '', 'mspa');
if (!$db) {
exit("Connection failed: " . mysqli_connect_error());
}
}
//echo "<h1>".$pageinfo["title"]."</h1><br>";
//if($pageinfo["has-image"] = 1) {echo "<img src='".$pageinfo["image"]."' class='mar-x-auto disp-bl'>";};
//echo "<p>".$pageinfo["content"]."</p>";
//echo "<a href='".$nextpage."'>".$npage["title"]."</a>"; ?>

View file

@ -1,12 +1,123 @@
<?php
require_once 'imp/db.php';
$nextpage = $page+1;
$q = "SELECT * FROM pages WHERE page = '$page'";
$q2 = "SELECT title FROM pages WHERE page = '$nextpage'";
$result = mysqli_query($db, $q);
$reesult = mysqli_query($db, $q2);
$pageinfo = mysqli_fetch_assoc($result);
$npage = mysqli_fetch_assoc($reesult);
echo "<h1>".$pageinfo["title"]."</h1><br>";
?>
echo "<p>".$pageinfo["content"]."</p>";
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no">
<title>Homestuck - </title>
<meta name="description" content="A tale about a boy and his friends and a game they play together. About 8,000 pages. Don't say we didn't warn you.">
<link rel="canonical" href="https://www.homestuck.com/story/2">
<link rel="apple-touch-icon" sizes="180x180" href="https://www.homestuck.com/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://www.homestuck.com/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://www.homestuck.com/favicon/favicon-16x16.png">
<link rel="manifest" href="https://www.homestuck.com/favicon/manifest.json">
<link rel="mask-icon" href="https://www.homestuck.com/favicon/safari-pinned-tab.svg" color="#6bbe4a">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://use.typekit.net/kek1uwn.css">
<link rel="stylesheet" type="text/css" href="../assets/style.css">
</head>
<body>
<header id="site-header" role="banner">
<div id="header-container" class="o_story-page-header row flex pad-t-0 ">
<a href="javascript:void(0)" data-nav-open="" class="nav-btn nav-btn--center color-white" style="overflow-wrap:normal;text-decoration:none;"><i class="icon-menu"></i><span>Menu</span></a>
<nav id="nav-container" data-nav-state="closed" role="navigation" class="o_nav-container">
<a href="javascript:void(0)" data-nav-close="" class="nav-btn color-white pad-y-rg type-rg" style="overflow-wrap:normal;text-decoration:none;"><i class="icon-close"></i><span>Dismiss</span></a>
<ul id="primary-nav" class="o_primary-nav style-caps weight-bold disp-ib color-white type-rg">
<li class="o_primary-nav-item slide-candycorn div-candycorn"><a class="o_primary-nav-link" style="color:#29ff4a" href="https://www.homestuck.com/">HOME</a></li>
<li class="o_primary-nav-item slide-candycorn pipe"><a class="o_primary-nav-link" style="color:#39d5f6" href="https://www.homestuck.com/stories">READ</a></li>
<li class="o_primary-nav-item slide-candycorn div-candycorn"><a class="o_primary-nav-link" style="color:#39d5f6" href="https://www.homestuck.com/info-story">INFO</a></li>
<li class="o_primary-nav-item slide-candycorn pipe"><a class="o_primary-nav-link" style="color:#f7f72a" href="https://www.homestuck.com/info-shop">SHOP</a></li>
<li class="o_primary-nav-item slide-candycorn div-candycorn"><a class="o_primary-nav-link" style="color:#f7f72a" href="https://www.homestuck.com/info-games">GAMES</a></li>
<li class="o_primary-nav-item slide-candycorn pipe"><a class="o_primary-nav-link" style="color:#ffb529" href="https://www.homestuck.com/news">NEWS</a></li>
<li class="o_primary-nav-item slide-candycorn"><a class="o_primary-nav-link" style="color:#ffb529" href="https://www.homestuck.com/info-more">MORE</a></li>
</ul>
</nav>
<div id="site-search" class="o_site-search disp-ib">
<form action="/search" method="GET">
<input name="search" type="search" class="o_search-ac o_site-search-field" placeholder="" autocomplete="off">
<button class="o_site-search-btn"><i class="icon-search"></i></button>
</form>
</div>
</div>
</header>
<div class="pos-r">
<div class="row bg-hs-gray bg-light-gray--md pad-t-md--md pos-r">
<div id="content_container" class="mar-x-auto disp-bl bg-hs-gray" style="max-width:650px;">
<h2 class="pad-t-md pad-x-lg--md type-center type-hs-header line-tight"><?php echo $pageinfo["title"]; ?></h2>
<div class="pad-t-md">
<?php if($pageinfo["has-image"] = 1) {echo "<img src='".$pageinfo["image"]."' class='mar-x-auto disp-bl'>";}; ?>
</div>
</div>
</div>
<div class="row bg-hs-gray bg-light-gray--md pad-b-md pad-b-lg--md pos-r">
<div class="mar-x-auto disp-bl bg-hs-gray pad-t-lg" style="max-width:650px;">
<div class="o_story-nav type-hs-copy line-tight pad-x-0 pad-x-lg--md mar-b-lg">
<div>
<span class="">&gt;</span>
<?php echo "<a href='".$nextpage."'>".$npage["title"]."</a>";?><br>
</div>
</div>
<footer id="story-footer" role="banner">
<div id="story_footer_container" class="o_story-page-footer flex pad-t-0 pad-x-0 flex-justify">
<div class="pad-l-lg--md mar-b-md type-hs-small type-hs-bottom--md type-center type-left--md">
<ul class="o_game-nav">
<li class="o_game-nav-item">
<a id='o_start-over' href='1'>Start Over</a>
</li>
<li class="o_game-nav-item">
<a href="https://www.homestuck.com/story/1">Go Back</a>
</li>
</ul>
</div>
</ul>
</nav>
<a href="javascript:void(0)" data-gamenav-open="" class="nav-btn nav-btn--center type-hs-small mar-b-md" style="text-decoration:none; text-transform: none; font-size:14px; line-height:14px;"><span>Options</span> <i class="icon-menu" style="margin:0;"></i></a> </div>
</footer>
echo $page+1;
</div>
</div>
</div>
<div class="o_site-footer row pos-r pad-t-rg bg-dark-gray">
<div class="float-l"><img src="Homestuck_files/footer_logo-a913b68f0efbaed8da48bc0a4f22b35d369f40d0e4db1320.gif" alt="Footer logo"><br></div>
<div class="float-r disp-n disp-bl--sm"><img src="Homestuck_files/footer_logo-a913b68f0efbaed8da48bc0a4f22b35d369f40d0e4db1320.gif" alt="Footer logo"><br></div>
<div class="type-center pad-t-md--md">
<ul>
<li><a href="https://gitdab.com/n/openstuck">Source</a></li>
<li><a href="https://twitter.com/50dicksinmyanus">Contact</a></li>
</ul>
<div><span style="white-space:nowrap;">© 2018 Homestuck</span> <span style="white-space:nowrap;">and VIZ Media</span></div>
</div>
</div>
<div id="overlay" data-overlay-state="off" class="o_overlay"></div>
<div id="game_overlay" data-game-overlay-state="off" class="o_game-overlay"></div>
<div id="overlay_wait" data-overlay-state="off" class="o_overlay-wait"></div>
</div>
</body></html>