282 lines
19 KiB
HTML
282 lines
19 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
||
<meta name="keywords" content="fanfiction, transformative works, otw, fair use, archive" />
|
||
<meta name="language" content="en-US" />
|
||
<meta name="subject" content="fandom" />
|
||
<meta name="description" content="An Archive of Our Own, a project of the
|
||
Organization for Transformative Works" />
|
||
<meta name="distribution" content="GLOBAL" />
|
||
<meta name="classification" content="transformative works" />
|
||
<meta name="author" content="Organization for Transformative Works" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>
|
||
Navigate
|
||
Work
|
||
|
|
||
Archive of Our Own
|
||
</title>
|
||
<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/site/2.0/01-core.css" />
|
||
<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/site/2.0/02-elements.css" />
|
||
<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/site/2.0/03-region-header.css" />
|
||
<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/site/2.0/04-region-dashboard.css" />
|
||
<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/site/2.0/05-region-main.css" />
|
||
<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/site/2.0/06-region-footer.css" />
|
||
<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/site/2.0/07-interactions.css" />
|
||
<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/site/2.0/08-actions.css" />
|
||
<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/site/2.0/09-roles-states.css" />
|
||
<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/site/2.0/10-types-groups.css" />
|
||
<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/site/2.0/11-group-listbox.css" />
|
||
<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/site/2.0/12-group-meta.css" />
|
||
<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/site/2.0/13-group-blurb.css" />
|
||
<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/site/2.0/14-group-preface.css" />
|
||
<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/site/2.0/15-group-comments.css" />
|
||
<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/site/2.0/16-zone-system.css" />
|
||
<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/site/2.0/17-zone-home.css" />
|
||
<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/site/2.0/18-zone-searchbrowse.css" />
|
||
<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/site/2.0/19-zone-tags.css" />
|
||
<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/site/2.0/20-zone-translation.css" />
|
||
<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/site/2.0/21-userstuff.css" />
|
||
<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/site/2.0/22-system-messages.css" />
|
||
<link rel="stylesheet" type="text/css" media="only screen and (max-width: 62em), handheld" href="/stylesheets/site/2.0/25-media-midsize.css" />
|
||
<link rel="stylesheet" type="text/css" media="only screen and (max-width: 42em), handheld" href="/stylesheets/site/2.0/26-media-narrow.css" />
|
||
<link rel="stylesheet" type="text/css" media="speech" href="/stylesheets/site/2.0/27-media-aural.css" />
|
||
<link rel="stylesheet" type="text/css" media="print" href="/stylesheets/site/2.0/28-media-print.css" />
|
||
<!--[if lte IE 8]><link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/site/2.0/29-role-ie8_or_lower.css" /><![endif]-->
|
||
<!--[if IE 5]><link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/site/2.0/30-role-ie5.css" /><![endif]-->
|
||
<!--[if IE 6]><link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/site/2.0/31-role-ie6.css" /><![endif]-->
|
||
<!--[if IE 7]><link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/site/2.0/32-role-ie7.css" /><![endif]-->
|
||
|
||
<link rel="stylesheet" href="/stylesheets/sandbox.css" />
|
||
<script src="/javascripts/livevalidation_standalone.js"></script>
|
||
<meta name="csrf-param" content="authenticity_token" />
|
||
<meta name="csrf-token" content="s7o15DONlfpquEJEyC5-ZydEqWtTQznAivcoI5pMHee1vKYf8AZ-GdHO16Q2tJz8gkGHulR6tChFzpGJzNVpwQ" />
|
||
</head>
|
||
<body class="logged-out">
|
||
<div id="outer" class="wrapper">
|
||
<ul id="skiplinks"><li><a href="#main">Main Content</a></li></ul>
|
||
<noscript><p id="javascript-warning">While we've done our best to make the core functionality of this site accessible without JavaScript, it will work better with it enabled. Please consider turning it on!</p></noscript>
|
||
|
||
<header id="header" class="region">
|
||
<h1 class="heading">
|
||
<a href="/"><span>Archive of Our Own</span><sup> beta</sup><img alt="Archive of Our Own" class="logo" src="/images/ao3_logos/logo_42.png" /></a>
|
||
</h1>
|
||
<div id="login" class="dropdown">
|
||
<p class="user actions">
|
||
<a id="login-dropdown" href="/users/login">Log In</a>
|
||
</p>
|
||
<div id="small_login" class="simple login">
|
||
<form class="new_user" id="new_user_session_small" action="/users/login" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KHp1nJZf3-XYKsJUiXoztLgtPBF7UCaz0EslkKY7SzQFy7oWldWK0ZCgqNCGyZcuykoxdO9-8SQTVyveRmm77g" autocomplete="off" />
|
||
<dl>
|
||
<dt>
|
||
<label for="user_session_login_small">User name or email:</label></dt>
|
||
<dd><input id="user_session_login_small" type="text" name="user[login]" /></dd>
|
||
<dt><label for="user_session_password_small">Password:</label></dt>
|
||
<dd><input id="user_session_password_small" type="password" name="user[password]" /></dd>
|
||
</dl>
|
||
<p class="submit actions">
|
||
<label for="user_remember_me_small" class="action"><input type="checkbox" name="user[remember_me]" id="user_remember_me_small" value="1" />Remember Me</label>
|
||
<input type="submit" name="commit" value="Log In" />
|
||
</p>
|
||
</form>
|
||
<ul class="footnote actions">
|
||
<li><a href="/users/password/new">Forgot password?</a></li>
|
||
<li>
|
||
<a href="/invite_requests">Get an Invitation</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<nav aria-label="Site">
|
||
<ul class="primary navigation actions">
|
||
<li class="dropdown">
|
||
<a href="/menu/fandoms">Fandoms</a>
|
||
<ul class="menu">
|
||
<li><a href="/media">All Fandoms</a></li>
|
||
<li id="medium_5"><a href="/media/Anime%20*a*%20Manga/fandoms">Anime & Manga</a></li>
|
||
<li id="medium_3"><a href="/media/Books%20*a*%20Literature/fandoms">Books & Literature</a></li>
|
||
<li id="medium_4"><a href="/media/Cartoons%20*a*%20Comics%20*a*%20Graphic%20Novels/fandoms">Cartoons & Comics & Graphic Novels</a></li>
|
||
<li id="medium_7"><a href="/media/Celebrities%20*a*%20Real%20People/fandoms">Celebrities & Real People</a></li>
|
||
<li id="medium_2"><a href="/media/Movies/fandoms">Movies</a></li>
|
||
<li id="medium_6"><a href="/media/Music%20*a*%20Bands/fandoms">Music & Bands</a></li>
|
||
<li id="medium_8"><a href="/media/Other%20Media/fandoms">Other Media</a></li>
|
||
<li id="medium_30198"><a href="/media/Theater/fandoms">Theater</a></li>
|
||
<li id="medium_1"><a href="/media/TV%20Shows/fandoms">TV Shows</a></li>
|
||
<li id="medium_476"><a href="/media/Video%20Games/fandoms">Video Games</a></li>
|
||
<li id="medium_9971"><a href="/media/Uncategorized%20Fandoms/fandoms">Uncategorized Fandoms</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown">
|
||
<a href="/menu/browse">Browse</a>
|
||
<ul class="menu">
|
||
<li><a href="/works">Works</a></li>
|
||
<li><a href="/bookmarks">Bookmarks</a></li>
|
||
<li><a href="/tags">Tags</a></li>
|
||
<li><a href="/collections">Collections</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown">
|
||
<a href="/menu/search">Search</a>
|
||
<ul class="menu">
|
||
<li><a href="/works/search">Works</a></li>
|
||
<li><a href="/bookmarks/search">Bookmarks</a></li>
|
||
<li><a href="/tags/search">Tags</a></li>
|
||
<li><a href="/people/search">People</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown">
|
||
<a href="/menu/about">About</a>
|
||
<ul class="menu">
|
||
<li><a href="/about">About Us</a></li>
|
||
<li><a href="/admin_posts">News</a></li>
|
||
<li><a href="/faq">FAQ</a></li>
|
||
<li><a href="/wrangling_guidelines">Wrangling Guidelines</a></li>
|
||
<li><a href="/donate">Donate or Volunteer</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="search"><form class="search" id="search" role="search" aria-label="Work" action="/works/search" accept-charset="UTF-8" method="get">
|
||
<fieldset>
|
||
<p>
|
||
<label class="landmark" for="site_search">Work Search</label>
|
||
<input class="text" id="site_search" aria-describedby="site_search_tooltip" type="text" name="work_search[query]" />
|
||
<span class="tip" role="tooltip" id="site_search_tooltip">tip: buffy gen teen AND "no archive warnings apply"</span>
|
||
<span class="submit actions"><input type="submit" value="Search" class="button" /></span>
|
||
</p>
|
||
</fieldset>
|
||
</form></li>
|
||
</ul>
|
||
</nav>
|
||
<div class="clear"></div>
|
||
</header>
|
||
<div class="event announcement group" id="admin-banner">
|
||
<blockquote class="userstuff">
|
||
<p align="center"><a href="https://otw-news.org/y884aacn" rel="nofollow">Donate</a> at least US$10 and you'll become a member of the OTW! <a href="https://otw-news.org/yc7nue4b" rel="nofollow">Learn about Fanlore, one of the projects your membership will support, and about our new thank-you gifts! </a> So far we've raised US$46,902.92, and we’ve reached <strong><span class="progress">1,229</span></strong> new members out of our goal of <strong><span class="goal">4,500</span></strong></p>
|
||
</blockquote>
|
||
<p class="submit">
|
||
<a class="showme action" title="hide banner" href="/works/1234567890/navigate?hide_banner=true&view_adult=true">×</a>
|
||
</p>
|
||
</div>
|
||
|
||
<div id="inner" class="wrapper">
|
||
|
||
|
||
|
||
<div id="main" class="works-navigate region" role="main">
|
||
<div class="flash"></div>
|
||
<h2 class="heading">Chapter Index for <a href="/works/1234567890">Gotham's Top Ten Memes</a> by <a rel="author" href="/users/loosingletters/pseuds/loosingletters">loosingletters</a></h2>
|
||
<ol class="chapter index group" role="navigation">
|
||
<li><a href="/works/1234567890/chapters/1234567890">1. Gotham's Top Ten Memes</a> <span class="datetime">(2019-06-19)</span></li>
|
||
<li><a href="/works/1234567890/chapters/12345678901">2. 10 Meetings with the Bat - Stories from the GCPD</a> <span class="datetime">(2019-07-13)</span></li>
|
||
<li><a href="/works/1234567890/chapters/12345678902">3. The Wayne (and affiliated) Twitters</a> <span class="datetime">(2019-08-15)</span></li>
|
||
<li><a href="/works/1234567890/chapters/12345678903">4. Party Time</a> <span class="datetime">(2020-01-04)</span></li>
|
||
</ol>
|
||
<div class="clear"></div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div id="footer" role="contentinfo" class="region">
|
||
<h3 class="landmark heading">Footer</h3>
|
||
<ul class="navigation actions" role="navigation">
|
||
<li class="module group">
|
||
<h4 class="heading">About the Archive</h4>
|
||
<ul class="menu">
|
||
<li><a href="/site_map">Site Map</a></li>
|
||
<li><a href="/diversity">Diversity Statement</a></li>
|
||
<li><a href="/tos">Terms of Service</a></li>
|
||
<li><a href="/dmca">DMCA Policy</a> </li>
|
||
</ul>
|
||
</li>
|
||
<li class="module group">
|
||
<h4 class="heading">Contact Us</h4>
|
||
<ul class="menu">
|
||
<li><a href="/abuse_reports/new">Policy Questions & Abuse Reports</a></li>
|
||
<li><a href="/support">Technical Support & Feedback</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="module group">
|
||
<h4 class="heading">Development</h4>
|
||
<ul class="menu">
|
||
<li><a href="https://github.com/otwcode/otwarchive/commits/v0.9.379.1">otwarchive v0.9.379.1</a></li>
|
||
<li><a href="/known_issues">Known Issues</a></li>
|
||
<li><a href="https://www.gnu.org/licenses/old-licenses/gpl-2.0.html" title="View License">GPL-2.0-or-later</a> by the <a href="https://transformativeworks.org/" title="The Organization for Transformative Works">OTW</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>
|
||
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js" type="text/javascript"></script>
|
||
|
||
<script type="text/javascript">
|
||
if (typeof jQuery == 'undefined') {
|
||
document.write(unescape("%3Cscript src='/javascripts/jquery.min.js' type='text/javascript'%3E%3C/script%3E"));
|
||
document.write(unescape("%3Cscript src='/javascripts/jquery-ui.min.js' type='text/javascript'%3E%3C/script%3E"));
|
||
}
|
||
</script>
|
||
<script type="text/javascript">$j = jQuery.noConflict();</script>
|
||
<script src="/javascripts/jquery.scrollTo.min.js"></script>
|
||
<script src="/javascripts/jquery.livequery.min.js"></script>
|
||
<script src="/javascripts/rails.js"></script>
|
||
<script src="/javascripts/application.js"></script>
|
||
<script src="/javascripts/bootstrap/bootstrap-dropdown.min.js"></script>
|
||
<script src="/javascripts/jquery-shuffle.js"></script>
|
||
<script src="/javascripts/jquery.tokeninput.min.js"></script>
|
||
<script src="/javascripts/jquery.trap.min.js"></script>
|
||
<script src="/javascripts/ao3modal.min.js"></script>
|
||
<script src="/javascripts/js.cookie.min.js"></script>
|
||
<script src="/javascripts/filters.min.js"></script>
|
||
<script>
|
||
//<![CDATA[
|
||
|
||
// We can't rely on !window.localStorage to test localStorage support in
|
||
// browsers like Safari 9, which technically support it, but which have a
|
||
// storage length of 0 in private mode.
|
||
// Credit: https://github.com/getgrav/grav-plugin-admin/commit/cfe2188f10c4ca604e03c96f3e21537fda1cdf9a
|
||
function isSupported() {
|
||
var item = "localStoragePolyfill";
|
||
try {
|
||
localStorage.setItem(item, item);
|
||
localStorage.removeItem(item);
|
||
return true;
|
||
} catch (e) {
|
||
return false;
|
||
}
|
||
}
|
||
|
||
function acceptTOS() {
|
||
if (isSupported()) {
|
||
localStorage.setItem("accepted_tos", "20180523");
|
||
} else {
|
||
Cookies.set("accepted_tos", "20180523", { expires: 365 });
|
||
}
|
||
}
|
||
|
||
$j(document).ready(function() {
|
||
if (localStorage.getItem("accepted_tos") !== "20180523" && Cookies.get("accepted_tos") !== "20180523") {
|
||
$j("body").prepend("<div id=\"tos_prompt\" class=\"hidden\">\n <h2 class=\"heading\">\n <span>Archive of Our Own<\/span>\n <\/h2>\n <div class=\"agreement\">\n <p class=\"summary\">\n On Archive of Our Own (AO3), users can make profiles, create works and\n other Content, post comments, give Kudos, create Collections and \n Bookmarks, participate in Challenges, import works, and more. Any \n information you publish in a comment, profile, work, or Content that you \n post or import onto AO3 including in summaries, notes and tags, \n will be accessible by the public (unless you limit access to a work only \n to those with AO3 Accounts), and it will be available to \n AO3 personnel. Be mindful when sharing personal information, \n including your religious or political views, health, racial background, \n country of origin, sexual identity and/or personal relationships. To \n learn more, check out our <a href=\"/tos\">Terms of Service<\/a> and <a href=\"/tos#privacy\">Privacy Policy<\/a>.\n <\/p>\n\n <p class=\"confirmation\">\n <input type=\"checkbox\" id=\"tos_agree\" />\n <label for=\"tos_agree\">I have read & understood the new Terms of Service and Privacy Policy<\/label>\n <\/p>\n\n <p class=\"submit\">\n <button name=\"button\" type=\"button\" disabled=\"disabled\" id=\"accept_tos\">I agree/consent to its terms<\/button>\n <\/p>\n\n <\/div>\n<\/div>\n\n<script>\n//<![CDATA[\n\n \$j(document).ready(function() {\n var container = \$j(\"#tos_prompt\");\n var outer = \$j(\"#outer\");\n var button = \$j(\"#accept_tos\");\n\n setTimeout(showTOSPrompt, 1500);\n\n function showTOSPrompt() {\n \$j.when(container.fadeIn(500)).done(function() {\n outer.addClass(\"hidden\").attr(\"aria-hidden\", \"true\");\n });\n\n \$j(\"#tos_agree\").on(\"click\", function() {\n button.attr(\"disabled\", !this.checked);\n if (this.checked) {\n button.on(\"click\", function() {\n acceptTOS();\n outer.removeClass(\"hidden\").removeAttr(\"aria-hidden\");\n \$j.when(container.fadeOut(500)).done(function() {\n container.remove();\n });\n });\n };\n }).change();\n };\n });\n\n//]]]]><![CDATA[>\n<\/script>");
|
||
}
|
||
});
|
||
|
||
//]]>
|
||
</script>
|
||
<script>
|
||
//<![CDATA[
|
||
|
||
$j(document).ready(function() {
|
||
var permitted_hosts = ["104.153.64.122","208.85.241.152","208.85.241.157","ao3.org","archiveofourown.com","archiveofourown.gay","archiveofourown.net","archiveofourown.org","download.archiveofourown.org","insecure.archiveofourown.org","secure.archiveofourown.org","www.archiveofourown.com","www.archiveofourown.net","www.archiveofourown.org","www.ao3.org","archive.transformativeworks.org"];
|
||
var current_host = window.location.hostname;
|
||
|
||
if (!permitted_hosts.includes(current_host) && Cookies.get("proxy_notice") !== "0" && window.location.protocol !== "file:") {
|
||
$j("#skiplinks").after("<div id=\"proxy-notice\">\n <div class=\"userstuff\">\n <p class=\"important\">Important message:<\/p>\n <ol>\n <li>You are using a proxy site that is not part of the Archive of Our Own.<\/li>\n <li>The entity that set up the proxy site can see what you submit, including your IP address. If you log in through the proxy site, it can see your password.<\/li>\n <\/ol>\n <p class=\"important\">重要提示：<\/p>\n <ol>\n <li>您使用的是第三方开发的反向代理网站，此网站并非Archive of Our Own - AO3（AO3作品库）原站。<\/li>\n <li>代理网站的开发者能够获取您上传至该站点的全部内容，包括您的ip地址。如您通过代理登录AO3，对方将获得您的密码。<\/li>\n <\/ol>\n <p class=\"submit\"><button class=\"action\" type=\"button\" id=\"proxy-notice-dismiss\">Dismiss Notice<\/button><\/p>\n <\/div>\n<\/div>\n\n<script>\n//<![CDATA[\n\n \$j(document).ready(function() {\n \$j(\"#proxy-notice-dismiss\").on(\"click\", function() {\n Cookies.set(\"proxy_notice\", \"0\");\n \$j(\"#proxy-notice\").slideUp();\n });\n });\n\n//]]]]><![CDATA[>\n<\/script>");
|
||
}
|
||
});
|
||
|
||
//]]>
|
||
</script>
|
||
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8d466eb7da9a5efd',t:'MTcyOTIzMjUzMS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
|
||
</html>
|