Story-Interact-WWW
view release on metacpan or search on metacpan
share/templates/story.html.ep view on Meta::CPAN
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><%= $title %></title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0-alpha3/css/bootstrap.min.css" integrity="sha512-iGjGmwIm1UHNaSuwiNFfB3+HpzT/YLJMiYPKzlQEVpT6FWi5rfpbyrBuTPseScOCWBkRtsrRIbrTzJpQ02IaLA==" crossorigin="anonymous" re...
</head>
<body class="text-bg-dark">
<div class="container my-3">
<div class="row gx-3">
<div class="col-lg-8">
<header>
<button class="btn btn-primary float-end d-lg-none" data-bs-toggle="offcanvas" data-bs-target="#sidebar" aria-controls="sidebar">«</span></button>
<h1 class="h3"><%= $title %></h1>
</header>
<main id="html"></main>
<nav class="my-3" id="next_pages"></nav>
</div>
<aside class="col-lg-4 offcanvas-lg offcanvas-end text-bg-dark h-100" id="sidebar">
<div class="offcanvas-header">
<h2 class="offcanvas-title">Toolbox</h2>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#sidebar" ></button>
</div>
<div class="offcanvas-body d-lg-block">
<div id="bookmarks" class="mb-3">
<h3 class="h5">Bookmarks</h3>
<button id="save" type="button" class="btn btn-primary btn-sm">Save to device</button>
<button id="save_server" type="button" class="btn btn-secondary btn-sm d-none">Save to server</button>
<div class="list-group text-bg-dark mt-3" id="client_bookmarks"></div>
<div class="list-group text-bg-dark mt-3" id="server_bookmarks"></div>
</div>
<div id="login"></div>
</div>
</aside>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0-alpha3/js/bootstrap.bundle.min.js" integrity="sha512-vIAkTd3Ary9rwf0lrb9kIipyIkavKpYGnyopBXs6SiLfNSzAvCNvvQvKwBV5Xlag4O8oZpZ5U5n4bHoErGQxjw==" crossorigin="anonymous" referrerpolic...
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js" integrity="sha512-pumBsjNRGGqkPzKHndZMaAG+bir374sORyzM3uulLV14lN5LyykqNk8eEeUlUkB3U0M4FApyaHraT65ihJhDpQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></scrip...
<script src="https://cdnjs.cloudflare.com/ajax/libs/localforage/1.10.0/localforage.min.js" integrity="sha512-+BMamP0e7wn39JGL8nKAZ3yAQT2dL5oaXWr4ZYlTGkKOaoXM/Yj7c4oy50Ngz5yoUutAG17flueD4F6QpTlPng==" crossorigin="anonymous" referrerpolicy="no-referr...
<script>
const STORY_ID = '<%= $story_id %>';
const API = '<%= $api %>';
const STORAGE_KEY = '<%= $storage_key %>';
const SERVER_STORAGE = <%= $server_storage ? 'true' : 'false' %>;
const SERVER_SIGNUPS = <%= $server_signups ? 'true' : 'false' %>;
function after_render_page ( page ) {
return false;
}
</script>
<script src="/js/si_www.js"></script>
</body>
</html>
( run in 1.496 second using v1.01-cache-2.11-cpan-524268b4103 )