It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://tvtropes.org/pmwiki/no_outbounds.php?o=https%3A//perfectclick.casa

  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4.                        <link rel="preload" href="/images/loading-graphic.png" as="image">
  5.  
  6.            <!-- Google tag (gtag.js) -->
  7.            <script async src="https://www.googletagmanager.com/gtag/js?id=G-XPPLXMRF6Z"></script>
  8.            <script>
  9.                var pbjs = pbjs || {};
  10.  
  11.                // Used for Video players on Tropes
  12.                var tropes_videos_commands = tropes_videos_commands || [];
  13.  
  14.                window.dataLayer = window.dataLayer || [];
  15.                function gtag(){dataLayer.push(arguments);}
  16.                gtag('js', new Date());
  17.                gtag('config', 'G-XPPLXMRF6Z');
  18.  
  19.                window.googletag = window.googletag || {cmd: []};
  20.            </script>
  21.  
  22.                        <script>
  23.                function object(objectId) {
  24.                    if (document.getElementById && document.getElementById(objectId)) {
  25.                        return document.getElementById(objectId);
  26.                    } else if (document.all && document.all(objectId)) {
  27.                        return document.all(objectId);
  28.                    } else if (document.layers && document.layers[objectId]) {
  29.                        return document.layers[objectId];
  30.                    } else {
  31.                        return false;
  32.                    }
  33.                }
  34.  
  35.                // JAVASCRIPT COOKIES CODE: for getting and setting user viewing preferences
  36.                var cookies = {
  37.                    create: function (name, value, days2expire, path) {
  38.                        var date = new Date();
  39.                        date.setTime(date.getTime() + (days2expire * 24 * 60 * 60 * 1000));
  40.                        var expires = date.toUTCString();
  41.                        document.cookie = name + '=' + value + ';' + 'expires=' + expires + ';domain=.tvtropes.org;' + 'path=' + path + ';';
  42.                    },
  43. createWithExpire: function(name, value, expires, path) {
  44. document.cookie = name + '=' + value + ';' + 'expires=' + expires + ';domain=.tvtropes.org;' + 'path=' + path + ';';
  45. },
  46.                    read: function (name) {
  47.                        var cookie_value = "",
  48.                            current_cookie = "",
  49.                            name_expr = name + "=",
  50.                            all_cookies = document.cookie.split(';'),
  51.                            n = all_cookies.length;
  52.  
  53.                        for (var i = 0; i < n; i++) {
  54.                            current_cookie = all_cookies[i].trim();
  55.                            if (current_cookie.indexOf(name_expr) === 0) {
  56.                                cookie_value = current_cookie.substring(name_expr.length, current_cookie.length);
  57.                                break;
  58.                            }
  59.                        }
  60.                        return cookie_value;
  61.                    },
  62.                    update: function (name, val) {
  63.                        this.create(name, val, 300, "/");
  64.                    },
  65.                    remove: function (name) {
  66.                        //delete cookie with and without domain setting
  67.                        document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 GMT; domain=.tvtropes.org; path=/;";
  68.                        document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/;";
  69.                    }
  70.                };
  71.  
  72.                function updateUserPrefs() {
  73.                    //GENERAL: detect and set browser, if not cookied (will be treated like a user-preference and added to the #user-pref element)
  74.                    if( !cookies.read('user-browser') ){
  75.                        var broswer = '';
  76.  
  77.                        if(navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i) ){
  78.                            browser = 'iOS';
  79.                        } else if (/Opera[\/\s](\d+\.\d+)/.test(navigator.userAgent)) {
  80.                            browser = 'opera';
  81.                        } else if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {
  82.                            browser = 'MSIE';
  83.                        } else if (/Navigator[\/\s](\d+\.\d+)/.test(navigator.userAgent)) {
  84.                            browser = 'netscape';
  85.                        } else if (/Chrome[\/\s](\d+\.\d+)/.test(navigator.userAgent)) {
  86.                            browser = 'chrome';
  87.                        } else if (/Safari[\/\s](\d+\.\d+)/.test(navigator.userAgent)) {
  88.                            browser = 'safari';
  89.                            /Version[\/\s](\d+\.\d+)/.test(navigator.userAgent);
  90.                            browserVersion = new Number(RegExp.$1);
  91.                        } else if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)) {
  92.                            browser = 'firefox';
  93.                        } else {
  94.                            browser = 'internet_explorer';
  95.                        }
  96.                        cookies.create('user-browser',browser,1,'/');
  97.                        document.getElementById('user-prefs').classList.add('browser-' + browser);
  98.                    } else {
  99.                        document.getElementById('user-prefs').classList.add('browser-' + cookies.read('user-browser'));
  100.                    }
  101.                    //update user preference settings
  102.                    if (cookies.read('wide-load') !== '') document.getElementById('user-prefs').classList.add('wide-load');
  103.                    if (cookies.read('mono-font') !== '') document.getElementById('user-prefs').classList.add('mono-font');
  104.                    if (cookies.read('night-vision') !== '') document.getElementById('user-prefs').classList.add('night-vision');
  105.                    if (cookies.read('sticky-header') !== '') document.getElementById('user-prefs').classList.add('sticky-header');
  106.                    if (cookies.read('show-spoilers') !== '') document.getElementById('user-prefs').classList.add('show-spoilers');
  107.                    if (cookies.read('tvtropes-editor-on') !== '') document.getElementById('user-prefs').classList.add('tvtropes-editor-on');
  108.                    if (cookies.read('folders-open') !== '') document.getElementById('user-prefs').classList.add('folders-open');
  109.                    if (cookies.read('lefthand-sidebar') !== '') document.getElementById('user-prefs').classList.add('lefthand-sidebar');
  110.                    if (cookies.read('highlight-links') !== '') document.getElementById('user-prefs').classList.add('highlight-links');
  111.                    if (cookies.read('forum-gingerbread') !== '') document.getElementById('user-prefs').classList.add('forum-gingerbread');
  112.                    //if the user is logged in, update cookies based on their database settings
  113.                                        //updates element
  114.                    if(cookies.read('shared-avatars') !== '') document.getElementById('user-prefs').classList.add('shared-avatars');
  115.                    if(cookies.read('new-search') !== '') document.getElementById('user-prefs').classList.add('new-search');
  116.                    if(cookies.read('stop-auto-play-video') !== '') document.getElementById('user-prefs').classList.add('stop-auto-play-video');
  117.                    //desktop view on mobile
  118.                    if (cookies.read('desktop-on-mobile') !== ''){
  119.                        document.getElementById('user-prefs').classList.add('desktop-on-mobile');
  120.  
  121.                        var viewport = document.querySelector("meta[name=viewport]");
  122.                        viewport.setAttribute('content', 'width=1000');
  123.                    }
  124.  
  125.                }
  126.  
  127.                function updateDesktopPrefs() {
  128.                    if (cookies.read('wide-load') !== '') document.getElementById('sidebar-toggle-wideload').classList.add('active');
  129.                    if (cookies.read('night-vision') !== '') document.getElementById('sidebar-toggle-nightvision').classList.add('active');
  130.                    if (cookies.read('sticky-header') !== '') document.getElementById('sidebar-toggle-stickyheader').classList.add('active');
  131.                    if (cookies.read('show-spoilers') !== '') document.getElementById('sidebar-toggle-showspoilers').classList.add('active');
  132.  
  133.                }
  134.  
  135.                function updateMobilePrefs() {
  136.                    if (cookies.read('show-spoilers') !== '') document.getElementById('mobile-toggle-showspoilers').classList.add('active');
  137.                    if (cookies.read('night-vision') !== '') document.getElementById('mobile-toggle-nightvision').classList.add('active');
  138.                    if (cookies.read('sticky-header') !== '') document.getElementById('mobile-toggle-stickyheader').classList.add('active');
  139.                    if (cookies.read('highlight-links') !== '') document.getElementById('mobile-toggle-highlightlinks').classList.add('active');
  140.  
  141.                }
  142.  
  143.                function is_mobile() {
  144.                if(document.body.clientWidth && document.body.clientWidth<=768) return true;
  145.                else return false;
  146.                }
  147.  
  148.            </script>
  149. <script type="text/javascript">
  150.                // Create 50/50 variable for split testing ads
  151.                var split_testing = Math.random() < 0.5 ? "control" : "test";
  152.                // var split_testing = "control";
  153.                console.log("Split Testing: " + split_testing);
  154.                
  155.                var country_code_list = ['AT','BE','BG','CH','CY','CZ','DE','DK','EE','ES','FI','FR','GB','GF','GP','GR','HR','HU','IC','IE','IS','IT','LI','LT','LU','LV','MF','MQ','MT','NL','NO','PL','PT','RE','RO','SE','SI','SK','SX','YT'];
  156.                
  157.                var site_htl_settings = {
  158.                        "adx"              : "yes", // yes/no if we should include adx on page
  159.                        "groupname"        : "Unknown", // track groupname in htl/gam
  160.                        "has_folders"      : "unknown", // track folder pages in htl/gam
  161.                        "user_type"        : "guest", // track member/guest in htl/gam
  162.                        "is_testing"       : "no", // yes/no if in testing mode
  163.                        "split_testing"    : "1", // 0/1, 0=control, 1=test, for a/b testing
  164.                        "send_reports"     : "1", // true/false if reports should be sent for logging in DataBricks
  165.                        "report_url"       : "https://analytics.tvtropes.org/analytics-data/tvtropes/", // Endpoint for logging (data stream)
  166.                        "logging_turned_on": "1", // true/false if console logging should be turned on
  167.                        "site_name"        : "tvtropes", // Site name for display in logging
  168.                        "sticky_slot_names": ["tvtropes_dt_sticky", "tvtropes_m_sticky"], // Possible slot names for the sticky slot
  169.                }
  170. </script>
  171.  
  172.            
  173. <script>
  174. // Create the ad project
  175. var ads_project = (function(sent_in_settings){
  176.    var is_mobile = (document.innerWidth <= 768) ? true : false;
  177.  
  178.    //default settings
  179.    var setting_defaults = {
  180.        "adx"              : "yes",
  181.        "groupname"        : "",
  182.        "has_folders"      : "unknown",
  183.        "user_type"        : "guest",
  184.        "is_testing"       : "no",
  185.        "split_testing"    : "0",
  186.        "send_reports"     : "0",
  187.        "logging_turned_on": "false",
  188.        "site_name"        : "site_name",
  189.        "report_url"       : "",
  190.        "page_template"    : "",
  191.        "sticky_slot_names": []
  192.    }
  193.  
  194.    // Combine defaults with sent in parameters
  195.    var project_settings = {...setting_defaults, ...sent_in_settings};
  196.  
  197.    /***************************************
  198.    --------------- AD CODE ---------------
  199.    ***************************************/
  200.    
  201.    // Variables for refresh logic (sticky)
  202.    var refresh = true;
  203.    var sticky_refresh_counter = 1;
  204.    var refresh_timer;
  205.    var global_ad_slot_name = "";
  206.    var global_bidder_name = "";
  207.    var last_refresh_time = "";
  208.    var unfilled_count = 0;
  209.    
  210.    if(split_testing == "control"){
  211.        window.htlbid = window.htlbid || {};
  212.        htlbid.cmd = htlbid.cmd || [];
  213.    }
  214.    else{
  215.        window.BCLighthouseTag = window.BCLighthouseTag || {};
  216.        window.BCLighthouseTag.cmd = window.BCLighthouseTag.cmd || [];
  217.    }
  218.  
  219.    // If user type is a member
  220.    if(project_settings.user_type == "member"){
  221.        // Check for UID2 cookie
  222.        var uid2_cookie = cookies.read('uid2_identity');
  223.        var json_cookie = (uid2_cookie) ? JSON.parse(uid2_cookie) : "";
  224.        
  225.        // If UID2 cookie exists and it's not in the banned country list, set UID2
  226.        if(!uid2_cookie || (json_cookie && json_cookie.response)){
  227.            var request = new XMLHttpRequest();
  228.        
  229.            request.open("post", "/ajax/uid2_creation.php", 1);
  230.  
  231.            request.setRequestHeader("Content-Type", "application/json; charset=UTF-8")
  232.  
  233.            request.onload = function(){
  234.                if(request.status == 200){
  235.                    var json = JSON.parse(request.responseText);
  236.                    // Create cookie with response from request
  237.                    cookies.create('uid2_identity', json.response, 7, '/');
  238.  
  239.                    output_logging("UID2 cookie created");
  240.  
  241.                    // Refresh specific modules
  242.                    pbjs.refreshUserIds({ submoduleNames: ['uid2'] });
  243.                }
  244.                else output_logging("Failed to create UID2 cookie");
  245.            }
  246.  
  247.            request.send();
  248.        }
  249.    }
  250.  
  251.    if(split_testing == "control"){
  252.        htlbid.cmd.push(function() {
  253.            htlbid.layout('universal');
  254.            
  255.            // Only set these if given in settings
  256.            if(project_settings.groupname != "") htlbid.setTargeting("groupname", project_settings.groupname);
  257.            if(project_settings.page_template != "") htlbid.setTargeting("page_template", project_settings.page_template);
  258.  
  259.            htlbid.setTargeting("adx", project_settings.adx);
  260.            //htlbid.setTargeting('is_testing', project_settings.is_testing);
  261.            //htlbid.setTargeting('split_testing', project_settings.split_testing);
  262.            htlbid.setTargeting('website', project_settings.site_name);
  263.            htlbid.setTargeting('user_type', project_settings.user_type);
  264.            htlbid.setTargeting('has_folders', project_settings.has_folders);
  265.  
  266.            // On slot rendering (or unfilled)
  267.            googletag.cmd.push(function() {
  268.                googletag.pubads().addEventListener('slotRenderEnded', function(event){
  269.                    var slot_targeting = event.slot.getTargetingMap();
  270.                    
  271.                    var bidder_name, size = 0;
  272.                    
  273.                    // If it's empty, no bids?
  274.                    var cpm = (slot_targeting["hb_pb"]) ? slot_targeting["hb_pb"][0] : 0;
  275.                    
  276.                    // In case there is no size from anywhere
  277.                    if(event.size && event.size.length > 0) size = event.size[0]+"x"+event.size[1];
  278.                    
  279.                    // Either Amazon/ADX or Unfilled
  280.                    if(event.advertiserId != 5363417171){
  281.                        if(event.advertiserId == 4430894621){
  282.                            bidder_name = "adx";
  283.                            
  284.                            if(cpm == 0) cpm = 0.11;
  285.                        }
  286.                        else if(event.advertiserId == 4470907880){
  287.                            bidder_name = "amazon";
  288.                            
  289.                            if(cpm == 0) cpm = 0.11;
  290.                        }
  291.                        else if(event.advertiserId == 4440668109) bidder_name = "house";
  292.                        else if(!event.advertiserId || event.isEmpty) bidder_name = "unfilled";
  293.                        else bidder_name = "unknown";
  294.                        
  295.                        if(bidder_name != "unknown" && bidder_name != "unfilled") output_logging("ADX/Amazon bid report");
  296.                        else output_logging("unknown/unfilled bid report");
  297.                    }
  298.                    // Bidder won the auction
  299.                    else{
  300.                        output_logging("Bidders bid report");
  301.                        
  302.                        bidder_name = (slot_targeting["hb_bidder"]) ? slot_targeting["hb_bidder"][0] : "unknown";
  303.                    }
  304.                    
  305.                    var slot = {
  306.                        "slotName"  : validate_value(event.slot.getAdUnitPath().replace("/1005222/", ""), "string", 50),
  307.                        "cpm"       : validate_value(parseFloat(cpm), "number"),
  308.                        "bidder"    : validate_value(bidder_name, "string", 50),
  309.                        "size"      : validate_value(size, "string", 50),
  310.                        "adUnitCode": validate_value(event.slot.getSlotId().getDomId(), "string", 50),
  311.                        "empty"     : validate_value(event.isEmpty, "boolean")
  312.                    };
  313.  
  314.                    var slot_tracking = Object.assign({}, page_tracking_data);
  315.                    
  316.                    // Override ad-unit with this ad unit to send reporting data
  317.                    slot_tracking.ad_unit = slot;
  318.                    
  319.                    // Loggin out bid report
  320.                    output_logging(slot_tracking);
  321.                    output_logging(slot_tracking.ad_unit.slotName + " "+ slot_tracking.ad_unit.bidder + ", "+ slot_tracking.ad_unit.cpm);
  322.                    
  323.                    if(project_settings.send_reports == "1"){
  324.                        try{
  325.                            // Send actual bid report
  326.                            send_bid_report(slot_tracking);
  327.                        }
  328.                        catch(e){
  329.                            output_logging("Bid report error");
  330.                        }
  331.                    }
  332.                    
  333.                    // Sticky changes
  334.                    if(project_settings.sticky_slot_names.includes(slot_tracking.ad_unit.slotName)){
  335.                        // Check if the bidder is one of these bidders, if so, hide the sticky container
  336.                        if(["gumgum", "kargo", "unknown", "unfilled"].includes(bidder_name)){
  337.                            document.getElementById("outer_sticky").style.display = "none";
  338.                        }
  339.                        // All other bidders use our sticky container, show it
  340.                        else{
  341.                            document.getElementById("outer_sticky").style.display = "";
  342.                        }
  343.  
  344.                        // Unfilled slot
  345.                        if(bidder_name == "unfilled"){
  346.                            unfilled_count++;
  347.                            
  348.                            // Stop refreshing after 3 unfilled impressions
  349.                            if(unfilled_count >= 3){
  350.                                refresh = false;
  351.                                
  352.                                console.log("Refreshed turned off after 3 unfilled impressions");
  353.                            }
  354.                        }
  355.                        // Reset unfilled count if it's not in a row
  356.                        else if(bidder_name != "house") unfilled_count = 0;
  357.                        
  358.                        // Start refresh check after every sticky ad has been filled (refreshed)
  359.                        start_refresh(slot_tracking.ad_unit.adUnitCode, bidder_name);
  360.                    }
  361.                });
  362.            });
  363.        });
  364.    }
  365.    else{
  366.        BCLighthouseTag.cmd.push(function() {
  367.            // Only set these if given in settings
  368.            if(project_settings.groupname != "") BCLighthouseTag.setTargeting("groupname", project_settings.groupname);
  369.            if(project_settings.page_template != "") BCLighthouseTag.setTargeting("page_template", project_settings.page_template);
  370.  
  371.            BCLighthouseTag.setTargeting("adx", project_settings.adx);
  372.            //BCLighthouseTag.setTargeting('is_testing', project_settings.is_testing);
  373.            //BCLighthouseTag.setTargeting('split_testing', project_settings.split_testing);
  374.            BCLighthouseTag.setTargeting('website', project_settings.site_name);
  375.            BCLighthouseTag.setTargeting('user_type', project_settings.user_type);
  376.            BCLighthouseTag.setTargeting('has_folders', project_settings.has_folders);
  377.  
  378.            // On slot rendering (or unfilled)
  379.            googletag.cmd.push(function() {
  380.                googletag.pubads().addEventListener('slotRenderEnded', function(event){
  381.                    var slot_targeting = event.slot.getTargetingMap();
  382.                    
  383.                    var bidder_name, size = 0;
  384.                    
  385.                    // If it's empty, no bids?
  386.                    var cpm = (slot_targeting["hb_pb"]) ? slot_targeting["hb_pb"][0] : 0;
  387.                    
  388.                    // In case there is no size from anywhere
  389.                    if(event.size && event.size.length > 0) size = event.size[0]+"x"+event.size[1];
  390.                    
  391.                    // Either Amazon/ADX or Unfilled
  392.                    if(event.advertiserId != 5363417171){
  393.                        if(event.advertiserId == 4430894621){
  394.                            bidder_name = "adx";
  395.                            
  396.                            if(cpm == 0) cpm = 0.11;
  397.                        }
  398.                        else if(event.advertiserId == 4470907880){
  399.                            bidder_name = "amazon";
  400.                            
  401.                            if(cpm == 0) cpm = 0.11;
  402.                        }
  403.                        else if(event.advertiserId == 4440668109) bidder_name = "house";
  404.                        else if(!event.advertiserId || event.isEmpty) bidder_name = "unfilled";
  405.                        else bidder_name = "unknown";
  406.                        
  407.                        if(bidder_name != "unknown" && bidder_name != "unfilled") output_logging("ADX/Amazon bid report");
  408.                        else output_logging("unknown/unfilled bid report");
  409.                    }
  410.                    // Bidder won the auction
  411.                    else{
  412.                        output_logging("Bidders bid report");
  413.                        
  414.                        bidder_name = (slot_targeting["hb_bidder"]) ? slot_targeting["hb_bidder"][0] : "unknown";
  415.                    }
  416.                    
  417.                    var slot = {
  418.                        "slotName"  : validate_value(event.slot.getAdUnitPath().replace("/1005222/", ""), "string", 50),
  419.                        "cpm"       : validate_value(parseFloat(cpm), "number"),
  420.                        "bidder"    : validate_value(bidder_name, "string", 50),
  421.                        "size"      : validate_value(size, "string", 50),
  422.                        "adUnitCode": validate_value(event.slot.getSlotId().getDomId(), "string", 50),
  423.                        "empty"     : validate_value(event.isEmpty, "boolean")
  424.                    };
  425.  
  426.                    var slot_tracking = Object.assign({}, page_tracking_data);
  427.                    
  428.                    // Override ad-unit with this ad unit to send reporting data
  429.                    slot_tracking.ad_unit = slot;
  430.                    
  431.                    // Loggin out bid report
  432.                    output_logging(slot_tracking);
  433.                    output_logging(slot_tracking.ad_unit.slotName + " "+ slot_tracking.ad_unit.bidder + ", "+ slot_tracking.ad_unit.cpm);
  434.                    
  435.                    if(project_settings.send_reports == "1"){
  436.                        try{
  437.                            // Send actual bid report
  438.                            send_bid_report(slot_tracking);
  439.                        }
  440.                        catch(e){
  441.                            output_logging("Bid report error");
  442.                        }
  443.                    }
  444.                    
  445.                    // Sticky changes
  446.                    if(project_settings.sticky_slot_names.includes(slot_tracking.ad_unit.slotName)){
  447.                        // Check if the bidder is one of these bidders, if so, hide the sticky container
  448.                        if(["gumgum", "kargo", "unknown", "unfilled"].includes(bidder_name)){
  449.                            document.getElementById("outer_sticky").style.display = "none";
  450.                        }
  451.                        // All other bidders use our sticky container, show it
  452.                        else{
  453.                            document.getElementById("outer_sticky").style.display = "";
  454.                        }
  455.  
  456.                        // Unfilled slot
  457.                        if(bidder_name == "unfilled"){
  458.                            unfilled_count++;
  459.                            
  460.                            // Stop refreshing after 3 unfilled impressions
  461.                            if(unfilled_count >= 3){
  462.                                refresh = false;
  463.                                
  464.                                console.log("Refreshed turned off after 3 unfilled impressions");
  465.                            }
  466.                        }
  467.                        // Reset unfilled count if it's not in a row
  468.                        else if(bidder_name != "house") unfilled_count = 0;
  469.                        
  470.                        // Start refresh check after every sticky ad has been filled (refreshed)
  471.                        start_refresh(slot_tracking.ad_unit.adUnitCode, bidder_name);
  472.                    }
  473.                });
  474.            });
  475.        });
  476.    }
  477.    
  478.    // Functions for Refresh
  479.    function start_refresh(ad_slot_name, bidder_name){
  480.        // Remove old listener before adding a new one
  481.        document.removeEventListener("visibilitychange", visibility_change_logic);
  482.        
  483.        // Stop here if we don't need to refresh the sticky (or max number of refreshes has been reached)
  484.        if(!refresh || sticky_refresh_counter > 10){
  485.            output_logging("no timer needed");
  486.            refresh = false;
  487.            return;
  488.        }
  489.        
  490.        global_ad_slot_name = ad_slot_name;
  491.        global_bidder_name = bidder_name;
  492.        
  493.        document.addEventListener("visibilitychange", visibility_change_logic);
  494.        
  495.        output_logging('refresh timer started');
  496.  
  497.        // Use 35 second tracker on mobile, 40 on desktop
  498.        if(is_mobile) refresh_timer = refresh_timer_tracker(35, refresh_sticky);
  499.        else refresh_timer = refresh_timer_tracker(40, refresh_sticky);
  500.    }
  501.    // Logic for visibility change
  502.    function visibility_change_logic(){
  503.        // Pause refresh timer
  504.        if(document.hidden){
  505.            refresh_timer.pause()
  506.        }
  507.        // Start refresh timer
  508.        else if(refresh){
  509.            refresh_timer.resume();
  510.        }
  511.    }
  512.    // Timer ended, do refresh
  513.    function refresh_sticky(){
  514.        // If you aren't supposed to refresh
  515.        output_logging('refresh timer ended');
  516.        refresh_timer.delete();
  517.        
  518.        // Kargo
  519.        if(global_bidder_name == "kargo"){
  520.            //close if Kargo container exists, otherwise don't refresh (must have been manually closed)
  521.            if(window.Kargo){
  522.                try {
  523.                    Kargo.CreativeRegister.getCreativesOfType('Hover')[0].destroy();
  524.                } catch (error) {
  525.                    console.log("Kargo Creative not found to delete");
  526.                }
  527.            }
  528.            else refresh = false;
  529.        }
  530.        // Gumgum
  531.        else if(global_bidder_name == "gumgum") {
  532.            //close if GumGum container exists, otherwise don't refresh (must have been manually closed)
  533.            if(document.getElementById("GG_PXS") && document.getElementById("GG_PXS").parentNode){
  534.                document.getElementById("GG_PXS").parentNode.remove();
  535.            }
  536.            else refresh = false;
  537.        }
  538.        // Ogury
  539.        else if(global_bidder_name == "ogury"){
  540.            if(document.getElementById("ogy-ad-slot")){
  541.                window.top.dispatchEvent(new Event('ogy_hide'));
  542.  
  543.                if(document.getElementById("ogy-ad-slot")) document.getElementById("ogy-ad-slot").remove();
  544.            }
  545.            else refresh=false;
  546.        }
  547.        
  548.        // Refresh slot (if container wasn't manually closed)
  549.        if(refresh){
  550.            sticky_refresh_counter++;
  551.            
  552.            //safeguards (max refresh check, minimum time between refreshes)
  553.            if(sticky_refresh_counter > 12){
  554.                refresh = false;
  555.                refresh_timer.delete();
  556.                document.removeEventListener("visibilitychange", visibility_change_logic);
  557.                
  558.                return;
  559.            }
  560.            
  561.            if(last_refresh_time != ""){
  562.                var current_time = new Date().getTime();
  563.                var diff_time = current_time - last_refresh_time;
  564.                
  565.                if(diff_time<(30*1000)){
  566.                    output_logging(diff_time + " less than 30 seconds since last refresh, something wrong with timer");
  567.                    refresh = false;
  568.                    
  569.                    refresh_timer.delete();
  570.                    document.removeEventListener("visibilitychange", visibility_change_logic);
  571.                    
  572.                    return;
  573.                }
  574.            }
  575.  
  576.            last_refresh_time = new Date().getTime();
  577.            output_logging("slot "+global_ad_slot_name+" refreshed");
  578.  
  579.            var sticky_refresh_counter_display = (sticky_refresh_counter < 10) ? "0"+sticky_refresh_counter : sticky_refresh_counter;
  580.            
  581.            if(document.getElementById('sticky_ad_container')) document.getElementById('sticky_ad_container').dataset.targeting="{\"sticky_refresh\":\""+sticky_refresh_counter_display+"\"}";
  582.  
  583.            if(split_testing == "control"){
  584.                htlbid.forceRefresh([global_ad_slot_name]);
  585.            }
  586.            else{
  587.                BCLighthouseTag.forceRefresh([global_ad_slot_name]);
  588.            }
  589.        }
  590.        else{
  591.            output_logging('no refresh - container must have been closed')
  592.        }
  593.    }
  594.    // Force close sticky area
  595.    function close_sticky(){
  596.        document.getElementById('outer_sticky').remove();
  597.        refresh = false;
  598.        
  599.        output_logging('refresh timer ended');
  600.        refresh_timer.delete();
  601.    }
  602.    
  603.    /***************************************
  604.    ------------ REPORTING CODE ------------
  605.    ***************************************/
  606.    // Get $_GET variables
  607.    var uri = decodeURIComponent(window.location.search.substring(1)).split('&');
  608.  
  609.    var get_vars = {};
  610.    for(var x = 0; x < uri.length; x++){
  611.        var parts = uri[x].split('=');
  612.        get_vars[parts[0]] = parts[1];
  613.    }
  614.  
  615.    // UTM options we track
  616.    var utm_vars  = [
  617.          'utm_medium',
  618.          'utm_source',
  619.          'utm_campaign',
  620.          'utm_term',
  621.          'utm_content',
  622.          'utm_template',
  623.          'utm_referrer',
  624.          'utm_adset',
  625.          'utm_subid',
  626.          'gclid',
  627.          'fbclid'
  628.    ];
  629.  
  630.    var utm_confirmed = {}, this_utm_var;
  631.  
  632.    // See if any UTM variables are defined in the query parameters or session storage
  633.    utm_vars.forEach(function(utm_var){
  634.        // (can be blank, so check for null (not set))
  635.        if(sessionStorage.getItem(utm_var) !== null) this_utm_var = sessionStorage.getItem(utm_var);
  636.        else{
  637.            this_utm_var = (typeof get_vars[utm_var] == 'undefined') ? "" : get_vars[utm_var];
  638.            sessionStorage.setItem(utm_var, this_utm_var);
  639.        }
  640.        
  641.        utm_confirmed[utm_var] = this_utm_var;
  642.    });
  643.  
  644.    // Determine browser
  645.    var browser = '';
  646.    
  647.    if(navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i)) browser = 'iOS';
  648.    else if(/Opera[\/\s](\d+\.\d+)/.test(navigator.userAgent)) browser = 'opera';
  649.    else if(/MSIE (\d+\.\d+);/.test(navigator.userAgent)) browser = 'MSIE';
  650.    else if(/Navigator[\/\s](\d+\.\d+)/.test(navigator.userAgent)) browser = 'netscape';
  651.    else if(/Chrome[\/\s](\d+\.\d+)/.test(navigator.userAgent)) browser = 'chrome';
  652.    else if(/Safari[\/\s](\d+\.\d+)/.test(navigator.userAgent)) browser = 'safari';
  653.    else if(/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)) browser = 'firefox';
  654.    else browser = 'internet_explorer';
  655.    
  656.    var session_guid, session_referrer;
  657.    // Check for session guid in session storage
  658.    if(sessionStorage.getItem("session_guid")) session_guid = sessionStorage.getItem("session_guid");
  659.    else{
  660.        session_guid = generate_uuid();
  661.        sessionStorage.setItem("session_guid", session_guid);
  662.    }
  663.  
  664.    // Check for referrer in session storage (can be blank, so check for null (not set))
  665.    if(sessionStorage.getItem("session_referrer") !== null) session_referrer = sessionStorage.getItem("session_referrer");
  666.    else{
  667.        session_referrer = document.referrer || "";
  668.        sessionStorage.setItem("session_referrer", session_referrer);
  669.    }
  670.  
  671.    var page_tracking_data = {
  672.        "referrer"          : validate_value(session_referrer, "string"),
  673.        // UTM variables
  674.        "utm_variables" : {
  675.            "utm_source"        : validate_value(utm_confirmed.utm_source,   "string", 100),
  676.            "utm_campaign"      : validate_value(utm_confirmed.utm_campaign, "string"),
  677.            "utm_medium"        : validate_value(utm_confirmed.utm_medium,   "string", 100),
  678.            "utm_term"          : validate_value(utm_confirmed.utm_term,     "string", 100),
  679.            "utm_content"       : validate_value(utm_confirmed.utm_content,  "string", 100),
  680.            "utm_template"      : validate_value(utm_confirmed.utm_template, "string", 100),
  681.            "utm_referrer"      : validate_value(utm_confirmed.utm_referrer, "string", 100),
  682.            "utm_adset"         : validate_value(utm_confirmed.utm_adset,    "string", 100),
  683.            "utm_subid"         : validate_value(utm_confirmed.utm_subid,    "string", 100)
  684.        },
  685.        // User information
  686.        "user"              : {
  687.            "session_guid"      : validate_value(session_guid,                       "string"),
  688.            "os"                : validate_value(get_os(),                           "string", 50),
  689.            "browser"           : validate_value(browser,                            "string", 50),
  690.            "device"            : validate_value((is_mobile ? "mobile" : "desktop"), "string", 15),
  691.            "country"           : ""
  692.        },
  693.        // Page information
  694.        "page"              : {
  695.            "page_guid"         : validate_value(generate_uuid(),          "string"),
  696.            "url"               : validate_value(window.location.href,     "string"),
  697.            "url_path"          : validate_value(window.location.pathname, "string", 200)
  698.            // "editor"            : validate_value(properPage.page_meta.editor, "string", 150),
  699.            // "writer"            : validate_value(properPage.page_meta.writer, "string", 150)
  700.        },
  701.        // Ad unit information
  702.        "ad_unit"          : {}
  703.  
  704.  
  705.  
  706.  
  707.  
  708.        // Not sure if we are going to use these, comment out for now
  709.        // "category"          : validate_value(page_meta.category),
  710.        // "tags"              : validate_value(page_meta.tags.join(",")),
  711.        // "website"           : validate_value(site_name),
  712.        // "is_mobile"         : validate_value(device_type),
  713.        // "is_isolated"       : validate_value(isolated),
  714.        // "session_depth"     : validate_value(sessionData.depth),
  715.        // "page_type"         : validate_value(page_meta.page_type),
  716.        // "custom"            : validateCustom(page_meta.custom),
  717.        //
  718.        // "use_ssl"           : validate_value(use_ssl),
  719.        // "resolution_width"  : validate_value(width),
  720.        // "resolution_height" : validate_value(height),
  721.        // "gclid"              : validate_value(sessionData.gclid),
  722.        // "fbclid"            : validate_value(sessionData.fbclid),
  723.        // "buyer"             : validate_value(page_meta.buyer),
  724.        // "split"             : validate_value(page_meta.split),
  725.        // "adblock"           : validate_value(adblock.detected)
  726.    };
  727.    
  728.    // Logging
  729.    function output_logging(content){
  730.        if(project_settings.logging_turned_on){
  731.            if(typeof content == "string") console.log(project_settings.site_name + " Ads: " + content);
  732.            else console.log(content);
  733.        }
  734.    }
  735.    // Get OS
  736.    function get_os(){
  737.        var os = navigator.userAgent;
  738.        
  739.        var return_os = "";
  740.        
  741.        if(os.search('Windows') !== -1) return_os = "Windows";
  742.        else if(os.search('Mac') !== -1) return_os = "MacOS";
  743.        else if(os.search('X11') !== -1 && !(os.search('Linux') !== -1)) return_os = "UNIX";
  744.        else if(os.search('Linux') !== -1 && os.search('X11') !== -1) return_os = "Linux"
  745.        
  746.        return return_os;
  747.    }
  748.    // Validate any value benig sent in reporting
  749.    function validate_value(value, type, max_length = 255){
  750.        // Validate string logic
  751.        if(type == "string"){
  752.            // Convert number to string
  753.            if(typeof value === 'number') value = value.toString();
  754.            
  755.            // If it's not a string, make it empty by default
  756.            if(typeof value !== 'string') value = "";
  757.            
  758.            // Trim max length
  759.            if(value.length > max_length) value = value.substring(0, max_length);
  760.        }
  761.        // Validate number logic
  762.        else if(type == "number"){
  763.            // Convert string to number
  764.            if(typeof value === 'string') value = value.toString();
  765.            
  766.            // If it's not a number, make it 0 by default
  767.            if(typeof value !== 'number') value = 0;
  768.        }
  769.        // Validate boolean logic
  770.        else if(type == "boolean"){
  771.            // Convert string to boolean
  772.            if(typeof value === 'string'){
  773.                if(['false', '0'].includes(value)) value = false;
  774.                else if(['true', '1'].includes(value)) value = true;
  775.            }
  776.            // Convert number to boolean
  777.            else if(typeof value === 'number'){
  778.                if(value == 0) value = false;
  779.                else if(value == 1) value = true;
  780.            }
  781.            
  782.            // If it's not a boolean, make it false by default
  783.            if(typeof value !== 'boolean') value = false;
  784.        }
  785.        
  786.        return value;
  787.    }
  788.    // Generate UUID (unique ID)
  789.    function generate_uuid(){
  790.        var d = new Date().getTime();
  791.  
  792.        // Use high-precision timer if available (time on page)
  793.        if(window.performance && typeof window.performance.now === "function"){
  794.            d += performance.now();
  795.        }
  796.  
  797.        var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
  798.            var r = (d + Math.random()*16)%16 | 0;
  799.            d = Math.floor(d/16);
  800.  
  801.            return (c == 'x' ? r : (r&0x3|0x8)).toString(16);
  802.        });
  803.  
  804.        return uuid;
  805.    }
  806.    // Function to send Requests for data logging
  807.    function send_bid_report(data){
  808.        return; // Turn off analytics for now, it's not used anymore
  809.  
  810.        // // If there is no report endpoint
  811.        // if(project_settings.report_url == "") return;
  812.        
  813.        // var request = new XMLHttpRequest();
  814.        
  815.        // request.open("post", project_settings.report_url, 1);
  816.  
  817.        // request.setRequestHeader("Content-Type", "application/json; charset=UTF-8")
  818.  
  819.        // request.onload = function(){
  820.        //     if(request.status == 200) output_logging("Bid Report sent");
  821.        //     else output_logging("Failed to send bid report");
  822.        // }
  823.  
  824.        // request.send(JSON.stringify(data));
  825.    }
  826.    // Timer for leaving the page and pausing refresh
  827.    function refresh_timer_tracker(seconds, oncomplete){
  828.        console.log('refresh_timer_tracker: called');
  829.        var timerId, start, remaining = parseInt(seconds)*1000;
  830.  
  831.        this.pause = function() {
  832.            window.clearTimeout(timerId);
  833.            timerId = null;
  834.            remaining -= Date.now() - start;
  835.            output_logging('refresh_timer_tracker: pause = '+remaining);
  836.        };
  837.  
  838.        this.resume = function() {
  839.            if (timerId) return;
  840.  
  841.            start = Date.now();
  842.            timerId = window.setTimeout(oncomplete, remaining);
  843.            output_logging('refresh_timer_tracker: resume = '+remaining);
  844.        };
  845.  
  846.        this.delete = function(){
  847.            if (!timerId) return;
  848.            clearInterval(timerId);
  849.            output_logging('refresh_timer_tracker: delete');
  850.        }
  851.  
  852.  
  853.        this.resume();
  854.  
  855.        return this;
  856.    }
  857.    
  858.    return {
  859.        data: page_tracking_data,
  860.        close_sticky: close_sticky
  861.    };
  862. })(site_htl_settings); </script>
  863.  
  864.                                <script>
  865.                    if(split_testing == "control"){
  866.                        htlbid.cmd.push(function() {
  867.                            var split_testing_ga = (split_testing == "control" ? 0 : 1);
  868.                            
  869.                            htlbid.setTargeting('article_outstream', split_testing_ga);
  870.                        });
  871.                    }
  872.                    else{
  873.                        BCLighthouseTag.cmd.push(function() {
  874.                            var split_testing_ga = (split_testing == "control" ? 0 : 1);
  875.                            
  876.                            BCLighthouseTag.setTargeting('article_outstream', split_testing_ga);
  877.                        });
  878.                    }
  879.  
  880.                    // Add second script to the head
  881.                    var htl_script = document.createElement('script');
  882.                    htl_script.async = "async";
  883.  
  884.                    if(split_testing == "control"){
  885.                        //pull separate HTL version for browsi
  886.                        if(typeof tropes_browsi!="undefined" && tropes_browsi==1) htl_script.src = "https://htlbid.com/stage/v3/tvtropes.org/htlbid.js";
  887.                        else htl_script.src = "https://htlbid.com/v3/tvtropes.org/htlbid.js";
  888.                    }
  889.                    else{
  890.                        // Add the fundingchoices script to the head
  891.                        var script = document.createElement('script');
  892.                            script.src = "https://fundingchoicesmessages.google.com/i/pub-6608306193529351?ers=1";
  893.                            script.async = true;
  894.                            script.nonce = "rczD8qB5ececf2fL1Vj9XQ";
  895.                        
  896.                        // Add second script to the head
  897.                        var script2 = document.createElement('script');
  898.                            script2.nonce = "rczD8qB5ececf2fL1Vj9XQ";
  899.                            script2.innerHTML = "(function() {function signalGooglefcPresent() {if (!window.frames['googlefcPresent']) {if (document.body) {const iframe = document.createElement('iframe'); iframe.style = 'width: 0; height: 0; border: none; z-index: -1000; left: -1000px; top: -1000px;'; iframe.style.display = 'none'; iframe.name = 'googlefcPresent'; document.body.appendChild(iframe);} else {setTimeout(signalGooglefcPresent, 0);}}}signalGooglefcPresent();})();";
  900.                        
  901.                        // Add both scripts to head
  902.                        document.head.appendChild(script);
  903.                        document.head.appendChild(script2);
  904.                        
  905.                        htl_script.src = "https://dev-lh.bigcrunch.com/main.js";
  906.                        htl_script.id = "bigcrunchtag";
  907.                        htl_script.setAttribute('data-property-id', '34a5ddec-697b-424e-81d2-e6bb46a1b83e');
  908.                    }
  909.                                        
  910.                    // Add both scripts to head
  911.                    document.head.appendChild(htl_script);
  912.                </script>
  913.                                    <script>
  914.                        if(split_testing == "control"){
  915.                            // If this script fails to load, load funding choices
  916.                            htl_script.onerror = function() {
  917.                                // Add the fundingchoices script to the head
  918.                                var script = document.createElement('script');
  919.                                    script.src = "https://fundingchoicesmessages.google.com/i/pub-6608306193529351?ers=1";
  920.                                    script.async = true;
  921.                                    script.nonce = "rczD8qB5ececf2fL1Vj9XQ";
  922.                                
  923.                                // Add second script to the head
  924.                                var script2 = document.createElement('script');
  925.                                    script2.nonce = "rczD8qB5ececf2fL1Vj9XQ";
  926.                                    script2.innerHTML = "(function() {function signalGooglefcPresent() {if (!window.frames['googlefcPresent']) {if (document.body) {const iframe = document.createElement('iframe'); iframe.style = 'width: 0; height: 0; border: none; z-index: -1000; left: -1000px; top: -1000px;'; iframe.style.display = 'none'; iframe.name = 'googlefcPresent'; document.body.appendChild(iframe);} else {setTimeout(signalGooglefcPresent, 0);}}}signalGooglefcPresent();})();";
  927.                                
  928.                                // Add both scripts to head
  929.                                document.head.appendChild(script);
  930.                                document.head.appendChild(script2);
  931.                            }
  932.                        }
  933.                    </script>
  934.                
  935.                                <script>
  936.                    // Add HTL script to head
  937.                    document.head.appendChild(htl_script);
  938.                </script>
  939. <script>(function(){/*
  940. Copyright The Closure Library Authors.
  941. SPDX-License-Identifier: Apache-2.0
  942. */
  943. 'use strict';var aa=function(a){var b=0;return function(){return b<a.length?{done:!1,value:a[b++]}:{done:!0}}},ba="function"==typeof Object.create?Object.create:function(a){var b=function(){};b.prototype=a;return new b},k;if("function"==typeof Object.setPrototypeOf)k=Object.setPrototypeOf;else{var m;a:{var ca={a:!0},n={};try{n.__proto__=ca;m=n.a;break a}catch(a){}m=!1}k=m?function(a,b){a.__proto__=b;if(a.__proto__!==b)throw new TypeError(a+" is not extensible");return a}:null}
  944. var p=k,q=function(a,b){a.prototype=ba(b.prototype);a.prototype.constructor=a;if(p)p(a,b);else for(var c in b)if("prototype"!=c)if(Object.defineProperties){var d=Object.getOwnPropertyDescriptor(b,c);d&&Object.defineProperty(a,c,d)}else a[c]=b[c];a.v=b.prototype},r=this||self,da=function(){},t=function(a){return a};var u;var w=function(a,b){this.g=b===v?a:""};w.prototype.toString=function(){return this.g+""};var v={},x=function(a){if(void 0===u){var b=null;var c=r.trustedTypes;if(c&&c.createPolicy){try{b=c.createPolicy("goog#html",{createHTML:t,createScript:t,createScriptURL:t})}catch(d){r.console&&r.console.error(d.message)}u=b}else u=b}a=(b=u)?b.createScriptURL(a):a;return new w(a,v)};var A=function(){return Math.floor(2147483648*Math.random()).toString(36)+Math.abs(Math.floor(2147483648*Math.random())^Date.now()).toString(36)};var B={},C=null;var D="function"===typeof Uint8Array;function E(a,b,c){return"object"===typeof a?D&&!Array.isArray(a)&&a instanceof Uint8Array?c(a):F(a,b,c):b(a)}function F(a,b,c){if(Array.isArray(a)){for(var d=Array(a.length),e=0;e<a.length;e++){var f=a[e];null!=f&&(d[e]=E(f,b,c))}Array.isArray(a)&&a.s&&G(d);return d}d={};for(e in a)Object.prototype.hasOwnProperty.call(a,e)&&(f=a[e],null!=f&&(d[e]=E(f,b,c)));return d}
  945. function ea(a){return F(a,function(b){return"number"===typeof b?isFinite(b)?b:String(b):b},function(b){var c;void 0===c&&(c=0);if(!C){C={};for(var d="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789".split(""),e=["+/=","+/","-_=","-_.","-_"],f=0;5>f;f++){var h=d.concat(e[f].split(""));B[f]=h;for(var g=0;g<h.length;g++){var l=h[g];void 0===C[l]&&(C[l]=g)}}}c=B[c];d=Array(Math.floor(b.length/3));e=c[64]||"";for(f=h=0;h<b.length-2;h+=3){var y=b[h],z=b[h+1];l=b[h+2];g=c[y>>2];y=c[(y&3)<<
  946. 4|z>>4];z=c[(z&15)<<2|l>>6];l=c[l&63];d[f++]=""+g+y+z+l}g=0;l=e;switch(b.length-h){case 2:g=b[h+1],l=c[(g&15)<<2]||e;case 1:b=b[h],d[f]=""+c[b>>2]+c[(b&3)<<4|g>>4]+l+e}return d.join("")})}var fa={s:{value:!0,configurable:!0}},G=function(a){Array.isArray(a)&&!Object.isFrozen(a)&&Object.defineProperties(a,fa);return a};var H;var J=function(a,b,c){var d=H;H=null;a||(a=d);d=this.constructor.u;a||(a=d?[d]:[]);this.j=d?0:-1;this.h=null;this.g=a;a:{d=this.g.length;a=d-1;if(d&&(d=this.g[a],!(null===d||"object"!=typeof d||Array.isArray(d)||D&&d instanceof Uint8Array))){this.l=a-this.j;this.i=d;break a}void 0!==b&&-1<b?(this.l=Math.max(b,a+1-this.j),this.i=null):this.l=Number.MAX_VALUE}if(c)for(b=0;b<c.length;b++)a=c[b],a<this.l?(a+=this.j,(d=this.g[a])?G(d):this.g[a]=I):(d=this.l+this.j,this.g[d]||(this.i=this.g[d]={}),(d=this.i[a])?
  947. G(d):this.i[a]=I)},I=Object.freeze(G([])),K=function(a,b){if(-1===b)return null;if(b<a.l){b+=a.j;var c=a.g[b];return c!==I?c:a.g[b]=G([])}if(a.i)return c=a.i[b],c!==I?c:a.i[b]=G([])},M=function(a,b){var c=L;if(-1===b)return null;a.h||(a.h={});if(!a.h[b]){var d=K(a,b);d&&(a.h[b]=new c(d))}return a.h[b]};J.prototype.toJSON=function(){var a=N(this,!1);return ea(a)};
  948. var N=function(a,b){if(a.h)for(var c in a.h)if(Object.prototype.hasOwnProperty.call(a.h,c)){var d=a.h[c];if(Array.isArray(d))for(var e=0;e<d.length;e++)d[e]&&N(d[e],b);else d&&N(d,b)}return a.g},O=function(a,b){H=b=b?JSON.parse(b):null;a=new a(b);H=null;return a};J.prototype.toString=function(){return N(this,!1).toString()};var P=function(a){J.call(this,a)};q(P,J);function ha(a){var b,c=(a.ownerDocument&&a.ownerDocument.defaultView||window).document,d=null===(b=c.querySelector)||void 0===b?void 0:b.call(c,"script[nonce]");(b=d?d.nonce||d.getAttribute("nonce")||"":"")&&a.setAttribute("nonce",b)};var Q=function(a,b){b=String(b);"application/xhtml+xml"===a.contentType&&(b=b.toLowerCase());return a.createElement(b)},R=function(a){this.g=a||r.document||document};R.prototype.appendChild=function(a,b){a.appendChild(b)};var S=function(a,b,c,d,e,f){try{var h=a.g,g=Q(a.g,"SCRIPT");g.async=!0;g.src=b instanceof w&&b.constructor===w?b.g:"type_error:TrustedResourceUrl";ha(g);h.head.appendChild(g);g.addEventListener("load",function(){e();d&&h.head.removeChild(g)});g.addEventListener("error",function(){0<c?S(a,b,c-1,d,e,f):(d&&h.head.removeChild(g),f())})}catch(l){f()}};var ia=r.atob("aHR0cHM6Ly93d3cuZ3N0YXRpYy5jb20vaW1hZ2VzL2ljb25zL21hdGVyaWFsL3N5c3RlbS8xeC93YXJuaW5nX2FtYmVyXzI0ZHAucG5n"),ja=r.atob("WW91IGFyZSBzZWVpbmcgdGhpcyBtZXNzYWdlIGJlY2F1c2UgYWQgb3Igc2NyaXB0IGJsb2NraW5nIHNvZnR3YXJlIGlzIGludGVyZmVyaW5nIHdpdGggdGhpcyBwYWdlLg=="),ka=r.atob("RGlzYWJsZSBhbnkgYWQgb3Igc2NyaXB0IGJsb2NraW5nIHNvZnR3YXJlLCB0aGVuIHJlbG9hZCB0aGlzIHBhZ2Uu"),la=function(a,b,c){this.h=a;this.j=new R(this.h);this.g=null;this.i=[];this.l=!1;this.o=b;this.m=c},V=function(a){if(a.h.body&&!a.l){var b=
  949. function(){T(a);r.setTimeout(function(){return U(a,3)},50)};S(a.j,a.o,2,!0,function(){r[a.m]||b()},b);a.l=!0}},T=function(a){for(var b=W(1,5),c=0;c<b;c++){var d=X(a);a.h.body.appendChild(d);a.i.push(d)}b=X(a);b.style.bottom="0";b.style.left="0";b.style.position="fixed";b.style.width=W(100,110).toString()+"%";b.style.zIndex=W(2147483544,2147483644).toString();b.style["background-color"]=ma(249,259,242,252,219,229);b.style["box-shadow"]="0 0 12px #888";b.style.color=ma(0,10,0,10,0,10);b.style.display=
  950. "flex";b.style["justify-content"]="center";b.style["font-family"]="Roboto, Arial";c=X(a);c.style.width=W(80,85).toString()+"%";c.style.maxWidth=W(750,775).toString()+"px";c.style.margin="24px";c.style.display="flex";c.style["align-items"]="flex-start";c.style["justify-content"]="center";d=Q(a.j.g,"IMG");d.className=A();d.src=ia;d.style.height="24px";d.style.width="24px";d.style["padding-right"]="16px";var e=X(a),f=X(a);f.style["font-weight"]="bold";f.textContent=ja;var h=X(a);h.textContent=ka;Y(a,
  951. e,f);Y(a,e,h);Y(a,c,d);Y(a,c,e);Y(a,b,c);a.g=b;a.h.body.appendChild(a.g);b=W(1,5);for(c=0;c<b;c++)d=X(a),a.h.body.appendChild(d),a.i.push(d)},Y=function(a,b,c){for(var d=W(1,5),e=0;e<d;e++){var f=X(a);b.appendChild(f)}b.appendChild(c);c=W(1,5);for(d=0;d<c;d++)e=X(a),b.appendChild(e)},W=function(a,b){return Math.floor(a+Math.random()*(b-a))},ma=function(a,b,c,d,e,f){return"rgb("+W(Math.max(a,0),Math.min(b,255)).toString()+","+W(Math.max(c,0),Math.min(d,255)).toString()+","+W(Math.max(e,0),Math.min(f,
  952. 255)).toString()+")"},X=function(a){a=Q(a.j.g,"DIV");a.className=A();return a},U=function(a,b){0>=b||null!=a.g&&0!=a.g.offsetHeight&&0!=a.g.offsetWidth||(na(a),T(a),r.setTimeout(function(){return U(a,b-1)},50))},na=function(a){var b=a.i;var c="undefined"!=typeof Symbol&&Symbol.iterator&&b[Symbol.iterator];b=c?c.call(b):{next:aa(b)};for(c=b.next();!c.done;c=b.next())(c=c.value)&&c.parentNode&&c.parentNode.removeChild(c);a.i=[];(b=a.g)&&b.parentNode&&b.parentNode.removeChild(b);a.g=null};var pa=function(a,b,c,d,e){var f=oa(c),h=function(l){l.appendChild(f);r.setTimeout(function(){f?(0!==f.offsetHeight&&0!==f.offsetWidth?b():a(),f.parentNode&&f.parentNode.removeChild(f)):a()},d)},g=function(l){document.body?h(document.body):0<l?r.setTimeout(function(){g(l-1)},e):b()};g(3)},oa=function(a){var b=document.createElement("div");b.className=a;b.style.width="1px";b.style.height="1px";b.style.position="absolute";b.style.left="-10000px";b.style.top="-10000px";b.style.zIndex="-10000";return b};var L=function(a){J.call(this,a)};q(L,J);var qa=function(a){J.call(this,a)};q(qa,J);var ra=function(a,b){this.l=a;this.m=new R(a.document);this.g=b;this.i=K(this.g,1);b=M(this.g,2);this.o=x(K(b,4)||"");this.h=!1;b=M(this.g,13);b=x(K(b,4)||"");this.j=new la(a.document,b,K(this.g,12))};ra.prototype.start=function(){sa(this)};
  953. var sa=function(a){ta(a);S(a.m,a.o,3,!1,function(){a:{var b=a.i;var c=r.btoa(b);if(c=r[c]){try{var d=O(P,r.atob(c))}catch(e){b=!1;break a}b=b===K(d,1)}else b=!1}b?Z(a,K(a.g,14)):(Z(a,K(a.g,8)),V(a.j))},function(){pa(function(){Z(a,K(a.g,7));V(a.j)},function(){return Z(a,K(a.g,6))},K(a.g,9),K(a.g,10),K(a.g,11))})},Z=function(a,b){a.h||(a.h=!0,a=new a.l.XMLHttpRequest,a.open("GET",b,!0),a.send())},ta=function(a){var b=r.btoa(a.i);a.l[b]&&Z(a,K(a.g,5))};(function(a,b){r[a]=function(c){for(var d=[],e=0;e<arguments.length;++e)d[e-0]=arguments[e];r[a]=da;b.apply(null,d)}})("__h82AlnkH6D91__",function(a){"function"===typeof window.atob&&(new ra(window,O(qa,window.atob(a)))).start()});}).call(this);
  954.  
  955. window.__h82AlnkH6D91__("WyJwdWItMjU3NTc4ODY5MDc5ODI4MiIsW251bGwsbnVsbCxudWxsLCJodHRwczovL2Z1bmRpbmdjaG9pY2VzbWVzc2FnZXMuZ29vZ2xlLmNvbS9iL3B1Yi0yNTc1Nzg4NjkwNzk4MjgyIl0sbnVsbCxudWxsLCJodHRwczovL2Z1bmRpbmdjaG9pY2VzbWVzc2FnZXMuZ29vZ2xlLmNvbS9lbC9BR1NLV3hWV0tMOXhFeS1ZVk1sOTdzcC10MW5mbkxvWmZweWVjaGRJdUxJU244LXpjbUwxM1R5Mlhhb2RoQTJFU3VNS3ljQm1kVHgxSUNlMVBrX2hIeUxHa1ZZNHJ3XHUwMDNkXHUwMDNkP3RlXHUwMDNkVE9LRU5fRVhQT1NFRCIsImh0dHBzOi8vZnVuZGluZ2Nob2ljZXNtZXNzYWdlcy5nb29nbGUuY29tL2VsL0FHU0tXeFZCeVhDdDlWajY1eXNrMWFHVW9LUUpLdktrTlh4WVdlRDBhYnhmS3RVUi00eDZfRTNWOXpqSm5vYkFfVzIxeGNDb3F3M1RmN1dYRmxXZFZaazVMMFlQQ2dcdTAwM2RcdTAwM2Q/YWJcdTAwM2QxXHUwMDI2c2JmXHUwMDNkMSIsImh0dHBzOi8vZnVuZGluZ2Nob2ljZXNtZXNzYWdlcy5nb29nbGUuY29tL2VsL0FHU0tXeFV4bEsxQ0dxcEpGY3lvcXZXZ0ZnWWRBRjhMMzBOU0Y1ci1paGZSd1VRNzV4YmF6NGxydWVfRUhoWmU1ai00UUhRYXc4MUVZREFkQ2pBN21Tb1BxUUsxaFFcdTAwM2RcdTAwM2Q/YWJcdTAwM2QyXHUwMDI2c2JmXHUwMDNkMSIsImh0dHBzOi8vZnVuZGluZ2Nob2ljZXNtZXNzYWdlcy5nb29nbGUuY29tL2VsL0FHU0tXeFZJUWxpOV9jN0NuWWlHWkU3S2xIV2JWVi10NlpYQ2hQTnlHVTRobGhmSjdLQnJnNjllSFhHYm9aSXRqRm42MDViNWpuaG5KYkxCcU1ySURyY2lLVEk0VmdcdTAwM2RcdTAwM2Q/c2JmXHUwMDNkMiIsImRpdi1ncHQtYWQiLDIwLDEwMCwiY0hWaUxUSTFOelUzT0RnMk9UQTNPVGd5T0RJXHUwMDNkIixbbnVsbCxudWxsLG51bGwsImh0dHBzOi8vd3d3LmdzdGF0aWMuY29tLzBlbW4vZi9wL3B1Yi0yNTc1Nzg4NjkwNzk4MjgyLmpzP3VzcXBcdTAwM2RDQkEiXSwiaHR0cHM6Ly9mdW5kaW5nY2hvaWNlc21lc3NhZ2VzLmdvb2dsZS5jb20vZWwvQUdTS1d4V1hNUEJXZjVaNURyT1VGdDZwVVR5eGh1YzBFNlVGQnJJZUhuUUNCMVlUOWVtYlJTbGxYQ3F6NDV5ODdqT3RVWC1SX3JkcmdudFdjejdtazA2WkZYWDQyd1x1MDAzZFx1MDAzZCJd");
  956. </script>
  957. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  958. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  959.  
  960. <title>Outbound Link Message - TV Tropes</title>
  961.            <meta name="description" content="" />
  962.            
  963.  
  964.                        <link rel="shortcut icon" href="https://assets.tvtropes.org/img/icons/favicon.ico" type="image/x-icon" />
  965.  
  966.                        <meta name="twitter:card" content="summary_large_image" />
  967.            <meta name="twitter:site" content="@tvtropes" />
  968.            <meta name="twitter:owner" content="@tvtropes" />
  969.            <meta name="twitter:title" content="Outbound Link Message - TV Tropes" />
  970.            <meta name="twitter:description" content="" />
  971.             <meta name="twitter:image:src" content="https://static.tvtropes.org/logo_blue_small.png" />
  972.        
  973.                        <meta property="og:site_name" content="TV Tropes" />
  974.            <meta property="og:locale" content="en_US" />
  975.            <meta property="article:publisher" content="https://www.facebook.com/tvtropes" />
  976. <meta property="og:title" content="Outbound Link Message" />
  977. <meta property="og:type" content="" />
  978. <meta property="og:url" content="https://tvtropes.org/pmwiki/no_outbounds.php?o=https://perfectclick.casa" />
  979. <meta property="og:image" content="https://static.tvtropes.org/logo_blue_small.png" />
  980. <meta property="og:description" content="" />
  981.  
  982.  
  983.            <link rel="apple-touch-icon" sizes="57x57" href="https://assets.tvtropes.org/img/icons/apple-icon-57x57.png" type="image/png">
  984.            <link rel="apple-touch-icon" sizes="60x60" href="https://assets.tvtropes.org/img/icons/apple-icon-60x60.png" type="image/png">
  985.            <link rel="apple-touch-icon" sizes="72x72" href="https://assets.tvtropes.org/img/icons/apple-icon-72x72.png" type="image/png">
  986.            <link rel="apple-touch-icon" sizes="76x76" href="https://assets.tvtropes.org/img/icons/apple-icon-76x76.png" type="image/png">
  987.            <link rel="apple-touch-icon" sizes="114x114" href="https://assets.tvtropes.org/img/icons/apple-icon-114x114.png" type="image/png">
  988.            <link rel="apple-touch-icon" sizes="120x120" href="https://assets.tvtropes.org/img/icons/apple-icon-120x120.png" type="image/png">
  989.            <link rel="apple-touch-icon" sizes="144x144" href="https://assets.tvtropes.org/img/icons/apple-icon-144x144.png" type="image/png">
  990.            <link rel="apple-touch-icon" sizes="152x152" href="https://assets.tvtropes.org/img/icons/apple-icon-152x152.png" type="image/png">
  991.            <link rel="apple-touch-icon" sizes="180x180" href="https://assets.tvtropes.org/img/icons/apple-icon-180x180.png" type="image/png">
  992.            <link rel="icon" sizes="16x16" href="https://assets.tvtropes.org/img/icons/favicon-16x16.png" type="image/png">
  993.            <link rel="icon" sizes="32x32" href="https://assets.tvtropes.org/img/icons/favicon-32x32.png" type="image/png">
  994.            <link rel="icon" sizes="96x96" href="https://assets.tvtropes.org/img/icons/favicon-96x96.png" type="image/png">
  995.            <link rel="icon" sizes="192x192" href="https://assets.tvtropes.org/img/icons/favicon-192x192.png" type="image/png">
  996.  
  997.                        
  998.  
  999. <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
  1000.                        <link rel="stylesheet" href="https://assets.tvtropes.org/design/assets/bundle.css?rev=38a3c96bde3041d3abccee0edc9ad8bbadee1240" />
  1001.  
  1002.                                                
  1003.                        
  1004.                        
  1005.                        
  1006.                        <script type="text/javascript">
  1007.  
  1008.                var tvtropes_config = {
  1009.                    asteri_stream_enabled : "1",
  1010.                    is_logged_in         : "",
  1011.                    handle               : "",
  1012.                    get_asteri_stream     : "",
  1013.                    revnum               : "38a3c96bde3041d3abccee0edc9ad8bbadee1240",
  1014.                    img_domain           : "https://static.tvtropes.org",
  1015.                    adblock              : "1",
  1016.                    adblock_url          : "propermessage.io",
  1017.                    universal_page_type  : "Misc",
  1018.                    pause_editing        : "0",
  1019.                    pause_editing_msg    : "",
  1020.                    pause_site_changes   : "0",
  1021.                    assets_domain        : "https://assets.tvtropes.org"
  1022.                };
  1023.  
  1024.                // This will track the total number of ads inserted over time
  1025.                var globalAdInsertionCount = 0;
  1026.            </script>
  1027.                        
  1028. <script type="text/javascript">
  1029.  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  1030.  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  1031.  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  1032.  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  1033.  
  1034.  ga('create', 'UA-3821842-1', 'auto');
  1035.  ga('send', 'pageview');
  1036. </script>
  1037.  
  1038.        </head>
  1039. <body class="">
  1040.  
  1041.        <i id="user-prefs"></i>
  1042.    <script>updateUserPrefs();</script>
  1043.  
  1044.    <div id="fb-root"></div>
  1045.  
  1046.    <div id="modal-box">
  1047.        <div class="modal-loading-graphic"></div>
  1048.    </div>
  1049.    <style>
  1050.        @keyframes rotate-forever {
  1051.            0% { transform: rotate(0deg); }
  1052.            100% { transform: rotate(360deg); }
  1053.        }
  1054.  
  1055.        #modal-box > .modal-loading-graphic {
  1056.            display: none; /* Hidden by default */
  1057.  
  1058.            background: no-repeat center url('/images/loading-graphic.png');
  1059.            background-size: 80px 80px;
  1060.  
  1061.            width: 80px;
  1062.            height: 80px;
  1063.  
  1064.            border-radius: 50%;
  1065.  
  1066.            position: absolute;
  1067.            top: calc(30% - 40px);
  1068.            left: calc(50% - 40px);
  1069.            z-index: 2;
  1070.  
  1071.            animation: rotate-forever 0.34s linear infinite;
  1072.  
  1073.        }
  1074.        #modal-box.active > .modal-loading-graphic {
  1075.            display: block; /* Show only when modal is active */
  1076.        }
  1077.    </style>
  1078.    <header id="main-header-bar" class="headroom-element ">
  1079.        <div id="main-header-bar-inner">
  1080.  
  1081.            <span id="header-spacer-left" class="header-spacer"></span>
  1082.  
  1083.            <a href="#mobile-menu" id="main-mobile-toggle" class="mobile-menu-toggle-button tablet-on"><span></span><span></span><span></span></a>
  1084.  
  1085.            <a href="/" id="main-header-logoButton" class="no-dev"></a>
  1086.  
  1087.            <span id="header-spacer-right" class="header-spacer"></span>
  1088.  
  1089.            <nav id="main-header-nav" class="tablet-off">
  1090.                <a href="/pmwiki/pmwiki.php/Main/Tropes">Tropes</a>
  1091.                <a href="/pmwiki/pmwiki.php/Main/Media">Media</a>
  1092.                <a href="/pmwiki/browse.php" class="nav-browse">Browse</a>
  1093.                <a href="/pmwiki/index_report.php">Indexes</a>
  1094.                <a href="/pmwiki/topics.php">Forums</a>
  1095.                <a href="/pmwiki/recent_videos.php" class="nav-browse">Videos</a>
  1096.            </nav>
  1097.  
  1098.            <div id="main-header-bar-right">
  1099.                                <div id="signup-login-box" class="font-xs mobile-off">
  1100.                    <a href="#" class="hover-underline bold" data-modal-target="signup">Join</a>
  1101.                    <a href="#" class="hover-underline bold" data-modal-target="login">Login</a>
  1102.                </div>
  1103.                
  1104.                                <div id="signup-login-mobileToggle" class="mobile-on inline">
  1105.                    <a href="#" data-modal-target="login"><i class="fa fa-user"></i></a>
  1106.                </div>
  1107.                
  1108.                <div id="search-box">
  1109.                    <form class="search" action="/pmwiki/search_result.php">
  1110.                        <input type="text" name="q" class="search-box" placeholder="Search" value="" required>
  1111.                        <input type="submit" class="submit-button" value="&#xf002;" />
  1112.                                                <input type="hidden" name="search_type" value="article">
  1113.                        <input type="hidden" name="page_type" value="all">
  1114.                                                <input type="hidden" name="cx" value="partner-pub-6610802604051523:amzitfn8e7v">
  1115.                        <input type="hidden" name="cof" value="FORID:10">
  1116.                        <input type="hidden" name="ie" value="ISO-8859-1">
  1117.                        <input name="siteurl" type="hidden" value="">
  1118.                        <input name="ref" type="hidden" value="">
  1119.                        <input name="ss" type="hidden" value="">
  1120.                    </form>
  1121.                    <a href="#close-search" class="mobile-on mobile-search-toggle close-x"><i class="fa fa-close"></i></a>
  1122.                </div>
  1123.  
  1124.                <div id="random-box">
  1125.                    <a href="/pmwiki/pmwiki.php/Main/HeroAcademy" class="button-random-trope" rel="nofollow" onclick="ga('send', 'event', 'button', 'click', 'random trope');"></a>
  1126.                    <a href="/pmwiki/pmwiki.php/Literature/TheSeventhBride" class="button-random-media" rel="nofollow" onclick="ga('send', 'event', 'button', 'click', 'random media');"></a>
  1127.                </div>
  1128.  
  1129.            </div>
  1130.  
  1131.        </div>
  1132.  
  1133.        <div id="mobile-menu" class="tablet-on"><div class="mobile-menu-options">
  1134.  
  1135.    <div class="nav-wrapper">
  1136.        <a href="/pmwiki/pmwiki.php/Main/Tropes" class="xl">Tropes</a>
  1137.        <a href="/pmwiki/pmwiki.php/Main/Media" class="xl">Media</a>
  1138.        <a href="/pmwiki/browse.php" class="xl">Browse</a>
  1139.        <a href="/pmwiki/index_report.php" class="xl">Indexes</a>
  1140.        <a href="/pmwiki/topics.php" class="xl">Forums</a>
  1141.        <a href="/pmwiki/recent_videos.php" class="xl">Videos</a>
  1142.  
  1143.        <a href="/pmwiki/query.php?type=att">Ask The Tropers</a>
  1144.        <a href="/pmwiki/query.php?type=tf">Trope Finder</a>
  1145.        <a href="/pmwiki/query.php?type=ykts">Media Finder</a>
  1146.        <a href="/pmwiki/tlp_activity.php">Trope Launch Pad</a>
  1147.        <a href="/pmwiki/query.php?type=wl">Tech Wishlist</a>
  1148.        <a href="/pmwiki/review_activity.php">Reviews</a>
  1149.        
  1150.        <a href="#tools" data-click-toggle="active">Tools <i class="fa fa-chevron-down"></i></a>
  1151.        <div class="tools-dropdown mobile-dropdown-linkList">
  1152.            <a href="/pmwiki/cutlist.php">Cut List</a>
  1153.            <a href="/pmwiki/changes.php">New Edits</a>
  1154.            <a href="/pmwiki/recent_edit_reasons.php">Edit Reasons</a>
  1155.            <a href="/pmwiki/launches.php">Launches</a>
  1156.            <a href="/pmwiki/img_list.php">Images List</a>
  1157.            <a href="/pmwiki/crown_activity.php">Crowner Activity</a>
  1158.            <a href="/pmwiki/no_types.php">Un-typed Pages</a>
  1159.            <a href="/pmwiki/page_type_audit.php">Recent Page Type Changes</a>
  1160.            <a href="/pmwiki/changelog.php">Changelog</a>
  1161.        </div>
  1162.  
  1163.        <a href="#tips" data-click-toggle="active">Tips <i class="fa fa-chevron-down"></i></a>
  1164.        <div class="tips-dropdown mobile-dropdown-linkList">
  1165.                <a href="/pmwiki/pmwiki.php/Administrivia/CreatingNewRedirects">Creating New Redirects</a>
  1166.                <a href="/pmwiki/pmwiki.php/Administrivia/Crosswicking">Cross Wicking</a>
  1167.                <a href="/pmwiki/pmwiki.php/Administrivia/TipsForEditing">Tips for Editing</a>
  1168.                <a href="/pmwiki/pmwiki.php/Administrivia/TextFormattingRules">Text Formatting Rules</a>
  1169.                <a href="/pmwiki/pmwiki.php/Administrivia/TVTropesGlossary?from=Main.TVTropesGlossary">Glossary</a>
  1170.                <a href="/pmwiki/pmwiki.php/Administrivia/EditReasonsAndWhyYouShouldUseThem">Edit Reasons</a>
  1171.                <a href="/pmwiki/pmwiki.php/Administrivia/HandlingSpoilers">Handling Spoilers</a>
  1172.                <a href="/pmwiki/pmwiki.php/Main/WordCruft">Word Cruft</a>
  1173.                <a href="/pmwiki/pmwiki.php/Main/Administrivia">Administrivia</a>
  1174.                <a href="/pmwiki/pmwiki.php/Main/FAQ">FAQ</a>
  1175.        </div>
  1176.        
  1177.        <a href="#hq" data-click-toggle="active">Tropes HQ <i class="fa fa-chevron-down"></i></a>
  1178.  
  1179.        <div class="tools-dropdown mobile-dropdown-linkList">
  1180.            <a href="/pmwiki/about.php">About Us</a>
  1181.            <a href="/pmwiki/contact.php">Contact Us</a>
  1182.            <a href="mailto:advertising@proper.io">Advertise</a>
  1183.            <a href="/pmwiki/dmca.php">DMCA Notice</a>
  1184.            <a href="/pmwiki/privacypolicy.php">Privacy Policy</a>
  1185.            <a href="/pmwiki/query.php?type=bug">Report Bug</a>
  1186.        </div>
  1187.  
  1188.        <a href="/pmwiki/ad-free-subscribe.php">Go Ad-Free</a>
  1189.        <a href="/pmwiki/changelog.php">Changelog</a></li>
  1190.  
  1191.        <div class="toggle-switches">
  1192.            <ul class="mobile-menu display-toggles">
  1193.                <li>Show Spoilers <div id="mobile-toggle-showspoilers" class="display-toggle show-spoilers"></div></li>
  1194.                <li>Night Vision <div id="mobile-toggle-nightvision" class="display-toggle night-vision"></div></li>
  1195.                <li>Sticky Header <div id="mobile-toggle-stickyheader" class="display-toggle sticky-header"></div></li>
  1196.                <li>Highlight Links <div id="mobile-toggle-highlightlinks" class="display-toggle highlight-links"></div></li>
  1197.            </ul>
  1198.            <script>updateMobilePrefs();</script>
  1199.        </div>
  1200.  
  1201.    </div>
  1202.  
  1203. </div>
  1204. </div>
  1205.  
  1206.    </header>
  1207.  
  1208.    <div id="homepage-introBox-mobile" class="mobile-on">
  1209.                  <a href="/"><img src="/images/logo-white-big.png" class="logo-small" /></a>
  1210.        
  1211.        <form class="search" action="/pmwiki/search_result.php" style="margin:10px -5px -6px -5px;">
  1212.            <input type="text" name="q" class="search-box" placeholder="Search" value="" required>
  1213.            <input type="submit" class="submit-button" value="&#xf002;" />
  1214.                        <input type="hidden" name="search_type" value="article">
  1215.            <input type="hidden" name="page_type" value="all">
  1216.                        <input type="hidden" name="cx" value="partner-pub-6610802604051523:amzitfn8e7v">
  1217.            <input type="hidden" name="cof" value="FORID:10">
  1218.            <input type="hidden" name="ie" value="ISO-8859-1">
  1219.            <input name="siteurl" type="hidden" value="">
  1220.            <input name="ref" type="hidden" value="">
  1221.            <input name="ss" type="hidden" value="">
  1222.        </form>
  1223.  
  1224.            </div>
  1225.  
  1226.    <script>
  1227.                // Get device type
  1228. function get_device_type(){
  1229.    var ua = navigator.userAgent.toLowerCase();
  1230.    var device_type = "";
  1231.    
  1232.    // This is usually "tablet", but for this case we are going to call it mobile
  1233.    if(/(ipad|tablet|(android(?!.*mobile))|(windows(?!.*phone)(.*touch))|kindle|playbook|silk|(puffin(?!.*(IP|AP|WP))))/.test(ua)) device_type = "mobile";
  1234.    // This is mobile
  1235.    else if(/(mobi|ipod|phone|blackberry|opera mini|fennec|minimo|symbian|psp|nintendo ds|archos|skyfire|puffin|blazer|bolt|gobrowser|iris|maemo|semc|teashark|uzard)/.test(ua)) device_type = "mobile";
  1236.    // Otherwise desktop
  1237.    else device_type = "desktop";
  1238.  
  1239.    return device_type;
  1240. }
  1241.  
  1242. //// MOBILE MENU TOGGLE FUNCTIONS ////
  1243. function show_modal(type, message, confirmation_url, call_back, fb_token, groupname, title, video_id) {
  1244.    console.log("showing modal " + type);
  1245.    
  1246.    const modalBox = document.getElementById('modal-box');
  1247.    const childDivs = modalBox.querySelectorAll(':scope > div');
  1248.  
  1249.    // Check if there are more than one child divs in the modal box, indicating a modal is already there
  1250.    if (childDivs.length > 1) {
  1251.        kill_modal();
  1252.    }
  1253.    // Show the modal and the loading graphic
  1254.    modalBox.classList.add('active');
  1255.  
  1256.    let alert = '';
  1257.    if (typeof message === 'object' && message !== null) {
  1258.        Object.keys(message).forEach(function(key) {
  1259.            alert += '&' + key + '=' + encodeURIComponent(message[key]);
  1260.        });
  1261.    } else {
  1262.        alert = '&message=' + encodeURIComponent(message);
  1263.    }
  1264.  
  1265.    // Construct the URL with parameters
  1266.    const url = '/design/parts/component-modalBox.php?window=' + type + alert +
  1267.                (confirmation_url ? '&curl=' + encodeURIComponent(confirmation_url) : "") +
  1268.                (fb_token ? '&fb_token=' + encodeURIComponent(fb_token) : "") +
  1269.                (video_id ? '&video_id=' + encodeURIComponent(video_id) : "");
  1270.  
  1271.    fetch(url)
  1272.        .then(response => response.text())
  1273.        .then(html => {
  1274.            modalBox.innerHTML = html;
  1275.  
  1276.            // Find and execute scripts
  1277.            const scripts = modalBox.querySelectorAll('script');
  1278.            scripts.forEach(script => {
  1279.                const newScript = document.createElement('script');
  1280.                newScript.type = 'text/javascript';
  1281.                
  1282.                if (script.src) {
  1283.                    newScript.src = script.src;
  1284.  
  1285.                    // Wait for Dropzone.js to load before adding the imguploader.js
  1286.                    if(newScript.src.includes('/design/js/dropzone.js')) {
  1287.                        newScript.onload = function() {
  1288.                            
  1289.                            // Now load the imguploader.js script
  1290.                            const img_uploader_script = document.createElement('script');
  1291.                            img_uploader_script.type = 'text/javascript';
  1292.                            img_uploader_script.src = "/design/js/imguploader.js";
  1293.  
  1294.                            img_uploader_script.onload = function (){
  1295.                                myAwesomeDropzone = new Dropzone("#myAwesomeDropzone", { url: "/ajax/uploadImg.php" });
  1296.                            }
  1297.                            document.body.appendChild(img_uploader_script);
  1298.                        }
  1299.                    }
  1300.                } else {
  1301.                    newScript.textContent = script.textContent;
  1302.                }
  1303.  
  1304.                // Remove the old script and add the new one
  1305.                script.parentNode.removeChild(script);
  1306.                modalBox.appendChild(newScript);
  1307.            });
  1308.  
  1309.            if(call_back) {
  1310.                call_back();
  1311.            }
  1312.        });
  1313.  
  1314.    // Kill modal if blackout is clicked
  1315.    modalBox.addEventListener('click', function(e) {
  1316.        if (e.target === e.currentTarget) {
  1317.            kill_modal();
  1318.        }
  1319.    });
  1320. }
  1321.  
  1322. // Modal kill function
  1323. function kill_modal() {
  1324.    console.log("killing modal");
  1325.    const modalBox = document.getElementById('modal-box');
  1326.    modalBox.classList.remove('active');
  1327.  
  1328.    // Replace the content directly with the new loading graphic
  1329.    modalBox.innerHTML = '<div class="modal-loading-graphic"></div>';
  1330. }
  1331.  
  1332. // Modal "loading" mode, without killing
  1333. function pause_modal() {
  1334.    var modal = document.querySelector('#modal-box > div.modal');
  1335.    if(!modal) modal = document.querySelector('#modal-box');
  1336.    modal.classList.add('hidden');
  1337.  
  1338.    const modalBox = document.getElementById('modal-box');
  1339.    modalBox.classList.add('paused');
  1340.  
  1341.    const loadingGraphic = document.createElement('div');
  1342.    loadingGraphic.className = 'modal-loading-graphic';
  1343.    modalBox.appendChild(loadingGraphic);
  1344. }
  1345.  
  1346. function unpause_modal() {
  1347.    const modalBox = document.getElementById('modal-box');
  1348.    modalBox.classList.remove('paused');
  1349.  
  1350.    var modal = document.querySelector('#modal-box > div.modal');
  1351.    if(!modal) modal = document.querySelector('#modal-box');
  1352.    modal.classList.remove('hidden');
  1353.  
  1354.    const loadingGraphic = document.querySelector('#modal-box > div.modal-loading-graphic');
  1355.    if (loadingGraphic) {
  1356.        modalBox.removeChild(loadingGraphic);
  1357.    }
  1358. }
  1359.  
  1360. // COMPONENT: LOAD GRAPHIC
  1361. function show_loader() {
  1362.    console.log("Showing loader");
  1363.    kill_modal();
  1364.    const modalBox = document.getElementById('modal-box');
  1365.    modalBox.classList.add('active');
  1366.  
  1367.    const loadingGraphic = document.createElement('div');
  1368.    loadingGraphic.className = 'modal-loading-graphic';
  1369.    modalBox.appendChild(loadingGraphic);
  1370. }
  1371. // TOGGLE NOTES
  1372. function togglenote(id){
  1373.    var ele=object(id);
  1374.    var state = ele.style.display;
  1375.    if(state=='none') ele.style.display='inline';
  1376.    if(state=='inline')ele.style.display='none';
  1377. }
  1378. // Toggle more menu
  1379. function toggle_more_menu(position){
  1380.    var more_menu = document.getElementById(position+"_more_list");
  1381.  
  1382.    more_menu.classList.toggle("hidden_more_list");
  1383.    more_menu.classList.toggle("display");
  1384.  
  1385.    var menu_button = document.getElementById(position+"_more_button");
  1386.  
  1387.    menu_button.classList.toggle("is-open");
  1388. }
  1389.  
  1390. // FOLDER BUTTONS (unused) - declared to prevent console errors.
  1391. function toggleAllFolders() {}
  1392. function togglefolder(id) {}
  1393.  
  1394. var device_type = get_device_type();
  1395.  
  1396. const mobile_menu_button = document.querySelector('.mobile-menu-toggle-button');
  1397.  
  1398. if (mobile_menu_button) {
  1399.    mobile_menu_button.addEventListener('click', function(e) {
  1400.        e.preventDefault();
  1401.        const header = document.querySelector('header#main-header-bar');
  1402.        if (header.classList.contains('mobile-menu-active')) {
  1403.            header.classList.remove('mobile-menu-active');
  1404.        } else {
  1405.            header.classList.add('mobile-menu-active');
  1406.        }
  1407.    });
  1408. }
  1409.  
  1410. // MODAL - FOLDER - SPOILER BUTTONS
  1411. document.body.addEventListener('click', function(e) {
  1412.    // WATCH / FOLLOW BUTTONS
  1413.    const target = e.target.closest('.watch-button');
  1414.    const loggedInElement = document.getElementById('logged_in');
  1415.    const loggedIn = loggedInElement ? loggedInElement.value : null;
  1416.  
  1417.    //special code for the desktop-on-mobile-toggle cookie link
  1418.    if (e.target.closest('#desktop-on-mobile-toggle > a')) {
  1419.        e.preventDefault();
  1420.        var body_class = "desktop-on-mobile";
  1421.        var userPrefs = document.getElementById('user-prefs');
  1422.  
  1423.        if (userPrefs.classList.contains(body_class)) {
  1424.            cookies.remove(body_class);
  1425.        } else {
  1426.            cookies.create(body_class, 'true', 300, '/');
  1427.        }
  1428.  
  1429.        location.reload();
  1430.    }
  1431.  
  1432.    // Display toggle buttons for user preferences
  1433.    if (e.target.closest('.display-toggles > li')) {
  1434.        var toggle = e.target;
  1435.        if(toggle.tagName.toLowerCase() === 'li') toggle = toggle.children[0];
  1436.  
  1437.        var body_class = '';
  1438.        var pref = '';
  1439.        var val = 0;
  1440.  
  1441.        // SIDEBAR AND MOBILE MENU OPTIONS
  1442.        if (toggle.classList.contains('wide-load')) {
  1443.            body_class = "wide-load";
  1444.        } else if (toggle.classList.contains('sticky-header')) {
  1445.            body_class = "sticky-header";
  1446.        } else if (toggle.classList.contains('night-vision')) {
  1447.            body_class = "night-vision";
  1448.        } else if (toggle.classList.contains('show-spoilers')) {
  1449.            body_class = "show-spoilers";
  1450.        } else if (toggle.classList.contains('tvtropes-editor-on')) {
  1451.            body_class = "tvtropes-editor-on";
  1452.        }
  1453.  
  1454.        // PROFILE PAGE OPTIONS
  1455.        else if (toggle.classList.contains('folders-open')) {
  1456.            body_class = "folders-open";
  1457.        } else if (toggle.classList.contains('wysiwyg-toggle')) {
  1458.            body_class = "wysiwyg-toggle";
  1459.        } else if (toggle.classList.contains('mono-font')) {
  1460.            body_class = "mono-font";
  1461.        } else if (toggle.classList.contains('lefthand-sidebar')) {
  1462.            body_class = "lefthand-sidebar";
  1463.        } else if (toggle.classList.contains('highlight-links')) {
  1464.            body_class = "highlight-links";
  1465.        } else if (toggle.classList.contains('forum-gingerbread')) {
  1466.            body_class = "forum-gingerbread";
  1467.        } else if (toggle.classList.contains('shared-avatars')) {
  1468.            body_class = "shared-avatars";
  1469.            pref = 'accept_share';
  1470.            val = toggle.classList.contains('active') ? 0 : 1;
  1471.        } else if (toggle.classList.contains('new-search')) {
  1472.            body_class = "new-search";
  1473.            pref = 'new_search';
  1474.            val = toggle.classList.contains('active') ? 0 : 1;
  1475.        } else if (toggle.classList.contains('stop-auto-play-video')) {
  1476.            body_class = "stop-auto-play-video";
  1477.            pref = 'stop_auto_play_video';
  1478.            val = toggle.classList.contains('active') ? 0 : 1;
  1479.        } else if (toggle.classList.contains('notification-pm')) {
  1480.            body_class = 'notification-pm';
  1481.            pref = 'toggle_notification_pm';
  1482.            val = toggle.classList.contains('active') ? 0 : 1;
  1483.        } else if (toggle.classList.contains('notification-video')) {
  1484.            body_class = 'notification-video';
  1485.            pref = 'toggle_notification_video';
  1486.            val = toggle.classList.contains('active') ? 0 : 1;
  1487.        } else if (toggle.classList.contains('notification-query')) {
  1488.            body_class = 'notification-query';
  1489.            pref = 'toggle_notification_query';
  1490.            val = toggle.classList.contains('active') ? 0 : 1;
  1491.        }
  1492.  
  1493.        if (pref === 'accept_share' || pref === 'new_search' || pref === 'stop_auto_play_video' || pref === 'toggle_notification_query' || pref === 'toggle_notification_pm' || pref === 'toggle_notification_video') {
  1494.            if (pref === 'new_search' && document.querySelector('#new-search-toggle')) show_loader();
  1495.        
  1496.            fetch('/ajax/toggle_user_prefs.php', {
  1497.                method: 'POST',
  1498.                headers: {
  1499.                    'Content-Type': 'application/x-www-form-urlencoded',
  1500.                },
  1501.                body: 'pref=' + encodeURIComponent(pref) + '&value=' + encodeURIComponent(val)
  1502.            })
  1503.            .then(response => response.json())
  1504.            .then(json => {
  1505.                if (pref === 'new_search') {
  1506.                    const newSearchToggle = document.querySelector('#new-search-toggle');
  1507.                    const searchInput = document.getElementById('srch-term').value;
  1508.                    const pageType = document.getElementsByName('page_type')[0].value;
  1509.                    if (newSearchToggle && newSearchToggle.classList.contains('active')) {
  1510.                        kill_modal();
  1511.                        window.location.href = '/pmwiki/elastic_search_result.php?new_search=true&q=' + encodeURIComponent(searchInput) + '&page_type=' + encodeURIComponent(pageType);
  1512.                    } else if (newSearchToggle) {
  1513.                        kill_modal();
  1514.                        window.location.href = '/pmwiki/search_result.php?new_search=false&q=' + encodeURIComponent(searchInput);
  1515.                    }
  1516.                }
  1517.            })
  1518.            .catch(error => {
  1519.                console.error('Error:', error);
  1520.            });
  1521.        
  1522.            document.querySelector('form.search').addEventListener('submit', function(e) {
  1523.                if (cookies.read('new-search') === 'true') {
  1524.                    e.preventDefault();
  1525.                    this.setAttribute('action', "/pmwiki/elastic_search_result.php");
  1526.                }
  1527.            });
  1528.        }
  1529.  
  1530.        // Toggle 'active' class based on body_class
  1531.        var displayToggles = document.querySelectorAll('.display-toggle.' + body_class);
  1532.        displayToggles.forEach(item_to_toggle => {
  1533.            item_to_toggle.classList.toggle('active');
  1534.        });
  1535.        
  1536.        var userPrefs = document.getElementById('user-prefs');
  1537.        userPrefs.classList.toggle(body_class);
  1538.  
  1539.        console.log('BODY CLASS:',body_class);
  1540.  
  1541.        if (userPrefs.classList.contains(body_class)) {
  1542.            cookies.create(body_class, 'true', 300, '/');
  1543.        } else {
  1544.            cookies.remove(body_class);
  1545.    
  1546.            // Specific logic for 'show-spoilers' class
  1547.            if (body_class === "show-spoilers") {
  1548.                document.querySelectorAll('.spoiler').forEach(spoiler => {
  1549.                    spoiler.classList.remove('off');
  1550.                });
  1551.            }
  1552.        }
  1553.    }
  1554.  
  1555.    if (target && loggedIn !== null) {
  1556.        e.preventDefault();
  1557.  
  1558.        if (loggedIn === 'true') {
  1559.            target.classList.add('processing');
  1560.        }
  1561.  
  1562.        // Article
  1563.        if (target.getAttribute('data-watch-info')) {
  1564.            var data = target.dataset.watchInfo.split(',');
  1565.  
  1566.            if (!data.length) return;
  1567.  
  1568.            var addOrDrop = target.classList.contains('watching') || target.parentElement.classList.contains('watching') ? 'drop' : 'add';
  1569.  
  1570.            handleWatchItem(addOrDrop, data[0], data[1], target);
  1571.  
  1572.        // Discussion page
  1573.        } else if (target.getAttribute('data-watch-discussion-info')) {
  1574.            var data = target.dataset.watchDiscussionInfo.split(',');
  1575.  
  1576.            if (!data.length) return;
  1577.  
  1578.            var addOrDrop = target.classList.contains('watching') || target.parentElement.classList.contains('watching') ? 'drop' : 'add';
  1579.            var pageType = 'Discussion';
  1580.  
  1581.            handleWatchItem(addOrDrop, data[0], data[1], target, pageType);
  1582.  
  1583.        // Forum thread
  1584.        } else if (target.getAttribute('data-watch-thread-id')) {
  1585.            var threadId = target.getAttribute('data-watch-thread-id');
  1586.            var url = target.classList.contains('watching') || target.parentElement.classList.contains('watching') ? '/pmwiki/thread_watch_drop.php?thread=' : '/pmwiki/setthreadwatch.php?d_id=';
  1587.            url += threadId;
  1588.  
  1589.            handleWatchThread(url, target);
  1590.        }
  1591.    }
  1592.    // Check for kill modal button click
  1593.    if (e.target.classList.contains('kill-modal-button')) {
  1594.        e.preventDefault();
  1595.        kill_modal();
  1596.    }
  1597.  
  1598.    // Check for data-click-toggle without data-click-toggle-target
  1599.    const targetWithoutToggleTarget = e.target.closest('*[data-click-toggle]:not([data-click-toggle-target])');
  1600.    if (targetWithoutToggleTarget) {
  1601.        e.preventDefault();
  1602.        const toggleClass = targetWithoutToggleTarget.getAttribute('data-click-toggle');
  1603.        targetWithoutToggleTarget.classList.toggle(toggleClass);
  1604.    }
  1605.  
  1606.    // Check for data-click-toggle with data-click-toggle-target
  1607.    const targetWithToggleTarget = e.target.closest('*[data-click-toggle][data-click-toggle-target]');
  1608.    if (targetWithToggleTarget) {
  1609.        e.preventDefault();
  1610.        e.stopPropagation();
  1611.        const toggleTarget = targetWithToggleTarget.getAttribute('data-click-toggle-target');
  1612.        const toggleClass = targetWithToggleTarget.getAttribute('data-click-toggle');
  1613.        if (toggleTarget.indexOf(',') > -1) {
  1614.            const targets = toggleTarget.split(",");
  1615.            targets.forEach(t => {
  1616.                document.querySelectorAll('#' + t).forEach(el => {
  1617.                    el.classList.toggle(toggleClass);
  1618.                });
  1619.            });
  1620.        } else {
  1621.            document.querySelectorAll('#' + toggleTarget).forEach(el => {
  1622.                el.classList.toggle(toggleClass);
  1623.            });
  1624.        }
  1625.    }
  1626.    // initiate all modals
  1627.    const modalTarget = e.target.closest('*[data-modal-target]');
  1628.    if(modalTarget) {
  1629.        if (!modalTarget) {
  1630.            return; // Skip, if no target found with the specified attribute
  1631.        }
  1632.  
  1633.        // Get modal details
  1634.        let modal = modalTarget.getAttribute('data-modal-target');
  1635.        let msg = modalTarget.getAttribute('data-modal-vars');
  1636.        let url = modalTarget.getAttribute('data-modal-confirmation-url');
  1637.  
  1638.        // Skip modal and go straight to the link
  1639.        if (modal === "allow") return;
  1640.  
  1641.        // Don't allow link since we are showing a modal instead
  1642.        e.preventDefault();
  1643.  
  1644.        // Add support for alert tags
  1645.        if (modal.substring(0, 6) === "alert-") {
  1646.            // Message array
  1647.            const msgArr = {
  1648.                "alert-banned": "Your permissions for this area have been suspended. Please visit <a href='/pmwiki/pmwiki.php/Administrivia/WhatToDoIfYouAreSuspended'>this page</a> for more details.",
  1649.                "alert-bounced": "This account has committed severe or repeated violations of our rules and is permanently denied access to many of the account features of the site. If you feel that this may be an error, please <a href=\"/pmwiki/contact.php\">contact the mods</a>.",
  1650.                "alert-denied": "Your account was denied by a moderator. If you believe this was done in error please <a href=\"/pmwiki/contact.php\">contact the mods</a>.",
  1651.                "alert-verify": "You must verify your email address before doing this. Check your email for a link.",
  1652.                "alert-approval": "Your account must be approved by a moderator before you can do this. If you still have this problem in a couple hours try <a href=\"/pmwiki/contact.php\">contacting the mods</a>.",
  1653.                "alert-age": "Your account is not old enough. Give it a little more time.",
  1654.                "alert-mod": "This page is only for moderators. Try something else.",
  1655.                "alert-db": "We are currently updating our database systems to UTF-8MB4. Please try again in 10-12 hours."
  1656.            };
  1657.  
  1658.            if (modal in msgArr) {
  1659.                msg = msgArr[modal];
  1660.            } else {
  1661.                msg = "Unknown error. Please <a href=\"/pmwiki/contact.php\">Contact us</a> if the problem persists.";
  1662.            }
  1663.  
  1664.            modal = "alert";
  1665.        }
  1666.  
  1667.        // Bring up modal now
  1668.        show_modal(modal, msg, url);
  1669.    }
  1670.  
  1671.    // SPOILERS
  1672.    const spoilers = e.target.closest('.spoiler');
  1673.    if (spoilers) {
  1674.        spoilers.classList.toggle('off');
  1675.    }
  1676.    
  1677.    // OPEN INDIVIDUAL FOLDERS
  1678.    const folders = e.target.closest('.folderlabel');
  1679.    if (folders && e.target.getAttribute('onclick') !== "toggleAllFolders();") {
  1680.        e.preventDefault();
  1681.  
  1682.        folders.classList.toggle('is-open');
  1683.        let folder = folders.nextElementSibling;
  1684.  
  1685.        if (folders.classList.contains('is-open')) {
  1686.            gtag('event', 'folder_click', {'device_type': device_type});
  1687.        }
  1688.  
  1689.        if (folder && folders.classList.contains('is-open') && live_ads == 1 && (document.body.clientWidth && document.body.clientWidth<=768)
  1690.        && tvtropes_config.universal_page_type == 'Article') {
  1691.            if (folder.querySelectorAll('.tvtropes-ad-unit').length === 0) {
  1692.                insert_ads_in_content(folder, globalAdInsertionCount);
  1693.            }
  1694.        }
  1695.    }
  1696.  
  1697.    // OPEN ALL FOLDERS
  1698.    const allFolders = e.target.closest('div[onclick*="toggleAllFolders()"]');
  1699.    
  1700.    if (allFolders) {
  1701.        let parentElement = allFolders.parentNode;
  1702.        // If the button is inside an H2, select the parent div of it
  1703.        if (parentElement.tagName === 'H2') parentElement = parentElement.parentNode;
  1704.        let isCurrentlyOpen = e.target.classList.contains('is-open');
  1705.        // Select only folder labels that are inside the same parent div as the clicked button
  1706.        let foldersAndButtons = parentElement.querySelectorAll('.folderlabel, .toggle-all-folders-button');
  1707.  
  1708.        foldersAndButtons.forEach(function(element) {
  1709.            if (isCurrentlyOpen) {
  1710.                element.classList.remove('is-open');
  1711.            } else {
  1712.                element.classList.add('is-open');
  1713.            }
  1714.        });
  1715.  
  1716.        if (!isCurrentlyOpen) {
  1717.            gtag('event', 'all_folders_click', {'device_type': device_type});
  1718.            // Also target only .folder elements within the same parent div
  1719.            parentElement.querySelectorAll('.folder').forEach(function(folder) {
  1720.                if (!folder.querySelector('.tvtropes-ad-unit') && live_ads == 1 && (document.body.clientWidth && document.body.clientWidth<=768)
  1721.                && tvtropes_config.universal_page_type == 'Article') {
  1722.                    insert_ads_in_content(folder, globalAdInsertionCount);
  1723.                }
  1724.            });
  1725.        }
  1726.    }
  1727.  
  1728. });
  1729. // Add/remove watched article
  1730. var handleWatchItem = function(addOrDrop, groupname, title, obj, pageType = '') {
  1731.    fetch("/ajax/watchlist.php", {
  1732.        method: "POST",
  1733.        headers: {
  1734.            'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
  1735.        },
  1736.        body: `groupname=${encodeURIComponent(groupname)}&title=${encodeURIComponent(title)}&type=${encodeURIComponent(addOrDrop)}&json=1&pageType=${encodeURIComponent(pageType)}`
  1737.    })
  1738.    .then(response => response.json())
  1739.    .then(data => {
  1740.        obj.classList.remove('processing');
  1741.  
  1742.        if (obj.classList.contains('tile-watch-button')) {
  1743.            obj.parentNode.classList.toggle('watching');
  1744.        } else {
  1745.            obj.classList.toggle('watching');
  1746.        }
  1747.    })
  1748.    .catch(error => {
  1749.        obj.classList.remove('processing');
  1750.        show_modal('alert-red', 'Whoops, something went wrong. Please try adding again.');
  1751.    });
  1752. }
  1753.  
  1754. // add/remove watched forum thread
  1755. var handleWatchThread = function(url, obj) {
  1756.    fetch(url)
  1757.    .then(response => response.text()) // assuming the server responds with plain text
  1758.    .then(data => {
  1759.        obj.classList.remove('processing');
  1760.  
  1761.        if (obj.classList.contains('tile-watch-button')) {
  1762.            obj.parentNode.classList.toggle('watching');
  1763.        } else {
  1764.            obj.classList.toggle('watching');
  1765.        }
  1766.    })
  1767.    .catch(error => {
  1768.        obj.classList.remove('processing');
  1769.        show_modal('alert-red', 'Whoops, something went wrong. Please try adding again.');
  1770.    });
  1771. }
  1772.    </script>
  1773.    
  1774.                <div id="outer_sticky" style="display: none;">
  1775.            <div id="close_sticky" onclick="ads_project.close_sticky(); return false;"><i class="fa fa-close"></i></div>
  1776.            
  1777.            <script>
  1778.                if(is_mobile()) {
  1779.                    document.write("<div id=\"sticky_ad_container\" class=\"htlad-tvtropes_m_sticky\" data-targeting='{\"sticky_refresh\": \"01\"}'></div>");
  1780.                }
  1781.                else {
  1782.                    document.write("<div id=\"sticky_ad_container\" class=\"htlad-tvtropes_dt_sticky\" data-targeting='{\"sticky_refresh\": \"01\"}'></div>");
  1783.                }
  1784.            </script>
  1785.        </div>
  1786.  
  1787.                <div id="tvtropes_oop_ad_slot" style="display: none;"></div>
  1788.    <div id="header-fad-wrapper" class="fad">
  1789.    <div id="header-fad">
  1790.    <div class="fad-size-970x90" style="height:20px">&nbsp;</div>    </div>
  1791. </div>
  1792.  
  1793. <div id="main-container">
  1794.  
  1795.    
  1796.        <div id="action-bar-top" class="action-bar mobile-off">
  1797.  
  1798.        <div class="action-bar-right">
  1799.            <p>Follow TV Tropes</p>
  1800.            <a href="https://www.facebook.com/TVTropes" class="button-fb">
  1801.                <i class="fa fa-facebook"></i></a>
  1802.            <a href="https://www.twitter.com/TVTropes" class="button-tw">
  1803.                <i class="fa fa-twitter"></i></a>
  1804.        </div>
  1805.  
  1806.                <nav class="actions-wrapper" itemscope itemtype="http://schema.org/SiteNavigationElement">
  1807.            <ul id="top_main_list" class="page-actions">
  1808.            <li class="link-changes"><a href="/pmwiki/cutlist.php">
  1809.                <i class="fa fa-cut"></i> Cutlist</a></li><li class="link-launches"><a href="/pmwiki/changes.php">
  1810.                <i class="fa fa-pencil-square-o"></i> New Edits</a></li><li class="link-discards"><a href="/pmwiki/recent_edit_reasons.php">
  1811.                <i class="fa fa-quote-left"></i> Edit Reasons</a></li><li class="link-cutList"><a href="/pmwiki/crown_activity.php">
  1812.                <i class="fa crowner-icon">&#9819;</i> Crowner Activity</a></li><li class="link-cutList"><a href="/pmwiki/img_list.php">
  1813.                <i class="fa fa-picture-o"></i> Images List</a></li>                </ul>
  1814.                                    <button id="top_more_button" onclick="toggle_more_menu('top');" type="button" class="nav__dropdown-toggle">More</button>
  1815.                            <ul id="top_more_list" class="more_menu hidden_more_list">
  1816.                <li class="link-videos more_list_item"><a href="/pmwiki/recent_videos.php">
  1817.                <i class="fa fa-picture-o"></i> Recent Videos</a></li><li class="link-cutList more_list_item"><a href="/pmwiki/articles_new.php">
  1818.                <i class="fa fa-newspaper-o"></i> New Articles</a></li>            </ul>
  1819.        </nav>
  1820.  
  1821.        <div class="WikiWordModalStub"></div>
  1822.        <div class="ImgUploadModalStub" data-page-type="Misc"></div>
  1823.  
  1824.        <div class="login-alert" style="display: none;">
  1825.            You need to <a href="/pmwiki/login.php" style="color:#21A0E8">login</a> to do this. <a href="/pmwiki/login.php?tab=register_account" style="color:#21A0E8">Get Known</a> if you don't have an account
  1826.        </div>
  1827.  
  1828.    </div>
  1829.    
  1830.    <div id="main-content" class="page-Misc ">
  1831.  
  1832.        
  1833.        
  1834.        <div id="main-entry" class="with-sidebar">
  1835.  
  1836.        
  1837. <!-- HIDDEN INPUTS FOR JS -->
  1838. <input type="hidden" id="groupname-hidden" value=""/>
  1839. <input type="hidden" id="title-hidden" value=""/>
  1840.  
  1841.  
  1842.  
  1843.  
  1844.  
  1845. <h1 itemprop="headline" class="entry-title">Outbound Link Message</h1>
  1846.  
  1847. <a href="#mobile-actions-toggle" id="mobile-actionbar-toggle" class="mobile-actionbar-toggle mobile-on" data-click-toggle="active" >
  1848. <p class="tiny-off">Go To</p><span></span><span></span><span></span><i class="fa fa-pencil"></i></a>
  1849. <nav id="mobile-actions-bar" class="mobile-actions-wrapper mobile-on"></nav>
  1850. <script>
  1851.    //duplicate action bar to the mobile-action-bar holder
  1852.    if (document.getElementById("mobile-actions-bar")) {
  1853.        // Clone the main list
  1854.        var top_main_list = document.getElementById('top_main_list');
  1855.        var top_main_list_cln = top_main_list.cloneNode(true);
  1856.        // Clone the more list
  1857.        var top_more_list = document.getElementById('top_more_list');
  1858.        var top_more_list_cln = top_more_list.cloneNode(true);
  1859.  
  1860.        top_more_list_cln.querySelectorAll("li").forEach(function(child){
  1861.            top_main_list_cln.appendChild(child);
  1862.        });
  1863.  
  1864.        document.getElementById("mobile-actions-bar").appendChild(top_main_list_cln);
  1865.    }
  1866. </script>
  1867. <div id="main-article" class="article-content retro-folders" itemprop="mainContentOfPage">
  1868.  
  1869.    <div id="wikimiddle" style="width:95%;">
  1870. <p>Sorry, but we can no longer support direct outbound links from the wiki articles. Malicious and inappropriate links are sometimes entered faster than we can clean them out.</p><p>If you choose to go to this address be warned that it is not TV Tropes content and may not be consistent with our family-friendly content policy. You can turn off this message on your <a href="http://tvtropes.org/pmwiki/profile.php">profile</a>.<br/><br/>The URL given was: <b><a href="https://perfectclick.casa">https://perfectclick.casa</a></b></p>
  1871. </div>
  1872.  
  1873. </div><!-- wikimiddle --></div>
  1874.  
  1875.  
  1876.  
  1877.  
  1878.  
  1879.  
  1880.                
  1881.  
  1882.                
  1883.            </div>
  1884.  
  1885.                
  1886.                        <div id="main-content-sidebar"><div class="sidebar-item display-options">
  1887.  <ul class="sidebar display-toggles">
  1888.    <li>Show Spoilers <div id="sidebar-toggle-showspoilers" class="display-toggle show-spoilers"></div></li>
  1889.    <li>Night Vision <div id="sidebar-toggle-nightvision" class="display-toggle night-vision"></div></li>
  1890.    <li>Sticky Header <div id="sidebar-toggle-stickyheader" class="display-toggle sticky-header"></div></li>
  1891.    <li>Wide Load <div id="sidebar-toggle-wideload" class="display-toggle wide-load"></div></li>
  1892.  </ul>
  1893.  <script>updateDesktopPrefs();</script>
  1894. </div>
  1895.  
  1896.        <div class="sidebar-item quick-links" itemtype="http://schema.org/SiteNavigationElement">
  1897.  
  1898.        <p class="sidebar-item-title" data-title="Important Links">Important Links</p>
  1899.  
  1900.        <div class="padded">
  1901.            <a href="/pmwiki/query.php?type=att">Ask The Tropers</a>
  1902.            <a href="/pmwiki/query.php?type=tf">Trope Finder</a>
  1903.            <a href="/pmwiki/query.php?type=ykts">Media Finder</a>
  1904.            <a href="/pmwiki/tlp_activity.php">Trope Launch Pad</a>
  1905.            <a href="/pmwiki/query.php?type=wl">Tech Wishlist</a></li>
  1906.            <a href="/pmwiki/review_activity.php">Reviews</a>
  1907.            <a href="/pmwiki/ad-free-subscribe.php">Go Ad Free!</a>
  1908.            <div class="crucial_browsing_dropdown">
  1909.                <a href="javascript:void(0);" onclick="double_dropdown(); return false;" id="crucial_browsing_dropdown"><span class="new_blue">Crucial Browsing</span><i class="fa fa-angle-down"></i></a>
  1910.                <ul id="main_dropdown">
  1911.                    <li class="first_dropdown"><a href="javascript:void(0);" data-click-toggle="active">Genre</a>
  1912.                        <ul>
  1913.                            <li><a href='/pmwiki/pmwiki.php/Main/ActionAdventureTropes' title='Main/ActionAdventureTropes'>Action Adventure</a></li>
  1914.                            <li><a href='/pmwiki/pmwiki.php/Main/ComedyTropes' title='Main/ComedyTropes'>Comedy</a></li>
  1915.                            <li><a href='/pmwiki/pmwiki.php/Main/CommercialsTropes' title='Main/CommercialsTropes'>Commercials</a></li>
  1916.                            <li><a href='/pmwiki/pmwiki.php/Main/CrimeAndPunishmentTropes' title='Main/CrimeAndPunishmentTropes'>Crime &amp; Punishment</a></li>
  1917.                            <li><a href='/pmwiki/pmwiki.php/Main/DramaTropes' title='Main/DramaTropes'>Drama</a></li>
  1918.                            <li><a href='/pmwiki/pmwiki.php/Main/HorrorTropes' title='Main/HorrorTropes'>Horror</a></li>
  1919.                            <li><a href='/pmwiki/pmwiki.php/Main/LoveTropes' title='Main/LoveTropes'>Love</a></li>
  1920.                            <li><a href='/pmwiki/pmwiki.php/Main/NewsTropes' title='Main/NewsTropes'>News</a></li>
  1921.                            <li><a href='/pmwiki/pmwiki.php/Main/ProfessionalWrestling' title='Main/ProfessionalWrestling'>Professional Wrestling</a></li>
  1922.                            <li><a href='/pmwiki/pmwiki.php/Main/SpeculativeFictionTropes' title='Main/SpeculativeFictionTropes'>Speculative Fiction</a></li>
  1923.                            <li><a href='/pmwiki/pmwiki.php/Main/SportsStoryTropes' title='Main/SportsStoryTropes'>Sports Story</a></li>
  1924.                            <li><a href='/pmwiki/pmwiki.php/Main/WarTropes' title='Main/WarTropes'>War</a></li>
  1925.                            <li><a href="/pmwiki/lbs.php" data-modal-target="login">Live Blogs</a></li>
  1926.                        </ul>
  1927.                    </li>
  1928.  
  1929.                    <li class="first_dropdown"><a href="javascript:void(0);" data-click-toggle="active">Media</a>
  1930.                        <ul>
  1931.                            <li><a href="/pmwiki/pmwiki.php/Main/Media" title="Main/Media">All Media</a></li>
  1932.                            <li><a href="/pmwiki/pmwiki.php/Main/AnimationTropes" title="Main/AnimationTropes">Animation (Western)</a></li>
  1933.                            <li><a href="/pmwiki/pmwiki.php/Main/Anime" title="Main/Anime">Anime</a></li>
  1934.                            <li><a href="/pmwiki/pmwiki.php/Main/ComicBookTropes" title="Main/ComicBookTropes">Comic Book</a></li>
  1935.                            <li><a href="/pmwiki/pmwiki.php/Main/FanFic" title="FanFic/FanFics">Fan Fics</a></li>
  1936.                            <li><a href="/pmwiki/pmwiki.php/Main/Film" title="Main/Film">Film</a></li>
  1937.                            <li><a href="/pmwiki/pmwiki.php/Main/GameTropes" title="Main/GameTropes">Game</a></li>
  1938.                            <li><a href="/pmwiki/pmwiki.php/Main/Literature" title="Main/Literature">Literature</a></li>
  1939.                            <li><a href="/pmwiki/pmwiki.php/Main/MusicAndSoundEffects" title="Main/MusicAndSoundEffects">Music And Sound Effects</a></li>
  1940.                            <li><a href="/pmwiki/pmwiki.php/Main/NewMediaTropes" title="Main/NewMediaTropes">New Media</a></li>
  1941.                            <li><a href="/pmwiki/pmwiki.php/Main/PrintMediaTropes" title="Main/PrintMediaTropes">Print Media</a></li>
  1942.                            <li><a href="/pmwiki/pmwiki.php/Main/Radio" title="Main/Radio">Radio</a></li>
  1943.                            <li><a href="/pmwiki/pmwiki.php/Main/SequentialArt" title="Main/SequentialArt">Sequential Art</a></li>
  1944.                            <li><a href="/pmwiki/pmwiki.php/Main/TabletopGames" title="Main/TabletopGames">Tabletop Games</a></li>
  1945.                            <li><a href="/pmwiki/pmwiki.php/UsefulNotes/Television" title="Main/Television">Television</a></li>
  1946.                            <li><a href="/pmwiki/pmwiki.php/Main/Theater" title="Main/Theater">Theater</a></li>
  1947.                            <li><a href="/pmwiki/pmwiki.php/Main/VideogameTropes" title="Main/VideogameTropes">Videogame</a></li>
  1948.                            <li><a href="/pmwiki/pmwiki.php/Main/Webcomics" title="Main/Webcomics">Webcomics</a></li>
  1949.                        </ul>
  1950.                    </li>
  1951.  
  1952.                    <li class="first_dropdown"><a href="javascript:void(0);" data-click-toggle="active">Narrative</a>
  1953.                        <ul>
  1954.                            <li><a href="/pmwiki/pmwiki.php/Main/UniversalTropes" title="Main/UniversalTropes">Universal</a></li>
  1955.                            <li><a href="/pmwiki/pmwiki.php/Main/AppliedPhlebotinum" title="Main/AppliedPhlebotinum">Applied Phlebotinum</a></li>
  1956.                            <li><a href="/pmwiki/pmwiki.php/Main/CharacterizationTropes" title="Main/CharacterizationTropes">Characterization</a></li>
  1957.                            <li><a href="/pmwiki/pmwiki.php/Main/Characters" title="Main/Characters">Characters</a></li>
  1958.                            <li><a href="/pmwiki/pmwiki.php/Main/CharactersAsDevice" title="Main/CharactersAsDevice">Characters As Device</a></li>
  1959.                            <li><a href="/pmwiki/pmwiki.php/Main/Dialogue" title="Main/Dialogue">Dialogue</a></li>
  1960.                            <li><a href="/pmwiki/pmwiki.php/Main/Motifs" title="Main/Motifs">Motifs</a></li>
  1961.                            <li><a href="/pmwiki/pmwiki.php/Main/NarrativeDevices" title="Main/NarrativeDevices">Narrative Devices</a></li>
  1962.                            <li><a href="/pmwiki/pmwiki.php/Main/Paratext" title="Main/Paratext">Paratext</a></li>
  1963.                            <li><a href="/pmwiki/pmwiki.php/Main/Plots" title="Main/Plots">Plots</a></li>
  1964.                            <li><a href="/pmwiki/pmwiki.php/Main/Settings" title="Main/Settings">Settings</a></li>
  1965.                            <li><a href="/pmwiki/pmwiki.php/Main/Spectacle" title="Main/Spectacle">Spectacle</a></li>
  1966.                        </ul>
  1967.                    </li>
  1968.  
  1969.                    <li class="first_dropdown"><a href="javascript:void(0);" data-click-toggle="active">Other Categories</a>
  1970.                        <ul>
  1971.                            <li><a href="/pmwiki/pmwiki.php/Main/BritishTellyTropes" title="Main/BritishTellyTropes">British Telly</a></li>
  1972.                            <li><a href="/pmwiki/pmwiki.php/Main/TheContributors" title="Main/TheContributors">The Contributors</a></li>
  1973.                            <li><a href="/pmwiki/pmwiki.php/Main/CreatorSpeak" title="Main/CreatorSpeak">Creator Speak</a></li>
  1974.                            <li><a href="/pmwiki/pmwiki.php/Main/Creators" title="Main/Creators">Creators</a></li>
  1975.                            <li><a href="/pmwiki/pmwiki.php/Main/DerivativeWorks" title="Main/DerivativeWorks">Derivative Works</a></li>
  1976.                            <li><a href="/pmwiki/pmwiki.php/Main/LanguageTropes" title="Main/LanguageTropes">Language</a></li>
  1977.                            <li><a href="/pmwiki/pmwiki.php/Main/LawsAndFormulas" title="Main/LawsAndFormulas">Laws And Formulas</a></li>
  1978.                            <li><a href="/pmwiki/pmwiki.php/Main/ShowBusiness" title="Main/ShowBusiness">Show Business</a></li>
  1979.                            <li><a href="/pmwiki/pmwiki.php/Main/SplitPersonalityTropes" title="Main/SplitPersonalityTropes">Split Personality</a></li>
  1980.                            <li><a href="/pmwiki/pmwiki.php/Main/StockRoom" title="Main/StockRoom">Stock Room</a></li>
  1981.                            <li><a href="/pmwiki/pmwiki.php/Main/TropeTropes" title="Main/TropeTropes">Trope</a></li>
  1982.                            <li><a href="/pmwiki/pmwiki.php/Main/Tropes" title="Main/Tropes">Tropes</a></li>
  1983.                            <li><a href="/pmwiki/pmwiki.php/Main/TruthAndLies" title="Main/TruthAndLies">Truth And Lies</a></li>
  1984.                            <li><a href="/pmwiki/pmwiki.php/Main/TruthInTelevision" title="Main/TruthInTelevision">Truth In Television</a></li>
  1985.                        </ul>
  1986.                    </li>
  1987.  
  1988.                    <li class="first_dropdown"><a href="javascript:void(0);" data-click-toggle="active">Topical Tropes</a>
  1989.                        <ul>
  1990.                            <li><a href="/pmwiki/pmwiki.php/Main/BetrayalTropes" title="Main/BetrayalTropes">Betrayal</a></li>
  1991.                            <li><a href="/pmwiki/pmwiki.php/Main/CensorshipTropes" title="Main/CensorshipTropes">Censorship</a></li>
  1992.                            <li><a href="/pmwiki/pmwiki.php/Main/CombatTropes" title="Main/CombatTropes">Combat</a></li>
  1993.                            <li><a href="/pmwiki/pmwiki.php/Main/DeathTropes" title="Main/DeathTropes">Death</a></li>
  1994.                            <li><a href="/pmwiki/pmwiki.php/Main/FamilyTropes" title="Main/FamilyTropes">Family</a></li>
  1995.                            <li><a href="/pmwiki/pmwiki.php/Main/FateAndProphecyTropes" title="Main/FateAndProphecyTropes">Fate And Prophecy</a></li>
  1996.                            <li><a href="/pmwiki/pmwiki.php/Main/FoodTropes" title="Main/FoodTropes">Food</a></li>
  1997.                            <li><a href="/pmwiki/pmwiki.php/Main/HolidayTropes" title="Main/HolidayTropes">Holiday</a></li>
  1998.                            <li><a href="/pmwiki/pmwiki.php/Main/MemoryTropes" title="Main/MemoryTropes">Memory</a></li>
  1999.                            <li><a href="/pmwiki/pmwiki.php/Main/MoneyTropes" title="Main/MoneyTropes">Money</a></li>
  2000.                            <li><a href="/pmwiki/pmwiki.php/Main/MoralityTropes" title="Main/MoralityTropes">Morality</a></li>
  2001.                            <li><a href="/pmwiki/pmwiki.php/Main/PoliticsTropes" title="Main/PoliticsTropes">Politics</a></li>
  2002.                            <li><a href="/pmwiki/pmwiki.php/Main/ReligionTropes" title="Main/ReligionTropes">Religion</a></li>
  2003.                            <li><a href="/pmwiki/pmwiki.php/Main/SchoolTropes" title="Main/SchoolTropes">School</a></li>
  2004.                        </ul>
  2005.                    </li>
  2006.                </ul>
  2007.            </div>
  2008.  
  2009.            <div class="resources_dropdown">
  2010.                <a href="javascript:void(0);" onclick="second_double_dropdown(); return false;" id="resources_dropdown"><span class="new_blue blue">Resources</span><i class="fa fa-angle-down"></i></a>
  2011.  
  2012.                <ul id="second_main_dropdown" class="padded font-s" itemscope itemtype="http://schema.org/SiteNavigationElement">
  2013.                                        <li class="second_dropdown"><a href="#test" data-click-toggle="active">Tools</a>
  2014.                        <ul>
  2015.                            <li><a href="/pmwiki/pmwiki.php/Administrivia/IttyBittyWikiTools">Wiki Tools</a></li>
  2016.                            <li><a href="/pmwiki/cutlist.php">Cut List</a></li>
  2017.                            <li><a href="/pmwiki/changes.php">New Edits</a></li>
  2018.                            <li><a href="/pmwiki/recent_edit_reasons.php">Edit Reasons</a></li>
  2019.                            <li><a href="/pmwiki/isolated_pages.php">Isolated Pages</a></li>
  2020.                            <li><a href="/pmwiki/launches.php">Launches</a></li>
  2021.                            <li><a href="/pmwiki/img_list.php">Images List</a></li>
  2022.                            <li><a href="/pmwiki/recent_videos.php">Recent Videos</a></li>
  2023.                            <li><a href="/pmwiki/crown_activity.php">Crowner Activity</a></li>
  2024.                            <li><a href="/pmwiki/no_types.php">Un-typed Pages</a></li>
  2025.                            <li><a href="/pmwiki/page_type_audit.php">Recent Page Type Changes</a></li>
  2026.                        </ul>
  2027.                    </li>
  2028.                    <li class="second_dropdown"><a href="javascript:void(0);" data-click-toggle="active">Templates</a>
  2029.                        <ul>
  2030.                            <li><a href="/pmwiki/pmwiki.php/Main/TropeEntryTemplate">Trope Entry</a></li>
  2031.                            <li><a href="/pmwiki/pmwiki.php/Main/ProgramEntryTemplate">Works</a></li>
  2032.                            <li><a href="/pmwiki/pmwiki.php/Administrivia/CharacterSheetTemplate">Character Sheet</a></li>
  2033.                            <li><a href="/pmwiki/pmwiki.php/Administrivia/PlayingWithWikiTemplate">Playing With</a></li>
  2034.                            <li><a href="/pmwiki/pmwiki.php/FanficRecs/TemplatePageForNewFandomRecommendations">Fandom</a></li>
  2035.                        </ul>
  2036.                    </li>
  2037.                    <li class="second_dropdown"><a href="javascript:void(0);" data-click-toggle="active">Tips</a>
  2038.                        <ul>
  2039.                            <li><a href="/pmwiki/pmwiki.php/Administrivia/CreatingNewRedirects">Creating New Redirects</a></li>
  2040.                            <li><a href="/pmwiki/pmwiki.php/Administrivia/Crosswicking">Cross Wicking</a></li>
  2041.                            <li><a href="/pmwiki/pmwiki.php/Administrivia/TipsForEditing">Tips for Editing</a></li>
  2042.                            <li><a href="/pmwiki/pmwiki.php/Administrivia/TextFormattingRules">Text Formatting Rules</a></li>
  2043.                            <li><a href="/pmwiki/pmwiki.php/Administrivia/TVTropesGlossary">Glossary</a></li>
  2044.                            <li><a href="/pmwiki/pmwiki.php/Administrivia/EditReasonsAndWhyYouShouldUseThem">Edit Reasons</a></li>
  2045.                            <li><a href="/pmwiki/pmwiki.php/Administrivia/HandlingSpoilers">Handling Spoilers</a></li>
  2046.                            <li><a href="/pmwiki/pmwiki.php/Administrivia/WordCruft">Word Cruft</a></li>
  2047.                            <li><a href="/pmwiki/pmwiki.php/Main/Administrivia">Administrivia</a></li>
  2048.                            <li><a href="/pmwiki/pmwiki.php/Main/FAQ">FAQ</a></li>
  2049.                        </ul>
  2050.                    </li>
  2051.                    <li class="second_dropdown"><a href="/pmwiki/changelog.php">Changelog</a></li>
  2052.                    <li class="second_dropdown"><a href="/pmwiki/query.php?type=bug">Report Bug</a></li>
  2053.                    <li class="second_dropdown"><a href="/pmwiki/conversations.php?topic=renames">Trope Repair Shop</a></li>
  2054.                    <li class="second_dropdown"><a href="/pmwiki/conversations.php?topic=images">Image Pickin'</a></li>
  2055.                </ul>
  2056.            </div>
  2057.        </div>
  2058.  
  2059.        <div id="asteri-sidebar" style="display:none">
  2060.            <p style="margin-top: 20px;" class="sidebar-item-title" data-title="Advertisement">Advertisement:</p>
  2061.            <div id="asteri_cont"></div>
  2062.        </div>
  2063.        <script>
  2064.            //asteri enabled
  2065.            if((tvtropes_config.asteri_stream_enabled || tvtropes_config.get_asteri_stream == 'live')) {
  2066.                //aster stream currently live and not a logged-in troper
  2067.                if(!tvtropes_config.is_logged_in && cookies.read('asteri_event_active') != '') {
  2068.                    document.getElementById('asteri-sidebar').style.display="";
  2069.                }
  2070.            }
  2071.        </script>
  2072.  
  2073.    </div>
  2074.  
  2075.        
  2076.            
  2077.  
  2078.    
  2079.        
  2080.            <script>
  2081.    if(!is_mobile()) {
  2082.  
  2083.        //don't insert if content is too small on page
  2084.        var tropes_insert_side_ad=true;
  2085.        if(document.getElementById("main-article") && document.getElementById("main-article").clientHeight) {
  2086.            var sidebar_height=document.getElementById("main-article").clientHeight;
  2087.            if(sidebar_height>0 && sidebar_height<500) {
  2088.                tropes_insert_side_ad=false;
  2089.                console.log('ad parser: content too small for sidebar ad');
  2090.            }
  2091.        }
  2092.  
  2093.        if(tropes_insert_side_ad) {
  2094.  
  2095.       document.write(`
  2096.        <div id="stick-cont"  class="sidebar-item sb-fad-unit">
  2097.            <p class="sidebar-item-title" data-title="Advertisement">Advertisement:</p>
  2098.            <div id="stick-bar" class="sidebar-section">
  2099.                <div class="square_fad fad-size-300x600 fad-section text-center">
  2100.                    <div class='tvtropes-ad-unit '>
  2101.                      <div id='tvtropes_dt_inview' class='htlad-tvtropes_dt_inview'></div>
  2102.                    </div>
  2103.                </div>
  2104.            </div>
  2105.        </div>
  2106.        `);
  2107.        }
  2108.  
  2109.    }
  2110.    </script>
  2111.    
  2112.  
  2113. </div>
  2114.        
  2115.    </div>
  2116.  
  2117.        <div id="action-bar-bottom" class="action-bar tablet-off">
  2118.        <a href="#top-of-page" class="scroll-to-top dead-button" onclick="$('html, body').animate({scrollTop : 0},500);">Top</a>
  2119.    </div>
  2120.    
  2121. </div>    <footer id="main-footer">
  2122.        <div id="main-footer-inner">
  2123.  
  2124.  
  2125.            <div class="footer-left">
  2126.  
  2127.                <a href="/" class="img-link"><img data-src="/img/tvtropes-footer-logo.png" alt="TV Tropes" class="logo_image lazy-image" title="TV Tropes" /></a>
  2128.  
  2129.                <form action="index.html" id="cse-search-box-mobile" class="navbar-form newsletter-signup validate modal-replies" name="" role="" data-ajax-get="/ajax/subscribe_email.php">
  2130.  
  2131.                    <button class="btn-submit newsletter-signup-submit-button" type="submit" id="subscribe-btn"><i class="fa fa-paper-plane"></i></button>
  2132.                    <input id="subscription-email" type="text" class="form-control" name="q" size="31" placeholder="Subscribe" value="" validate-type="email">
  2133.  
  2134.                </form>
  2135.  
  2136.                <ul class="social-buttons">
  2137.                   <li><a class="btn fb" target="_blank" onclick="_gaq.push(['_trackEvent', 'btn-social-icon', 'click', 'btn-facebook']);" href="https://www.facebook.com/tvtropes"><i class="fa fa-facebook"></i></a></li>
  2138.                   <li><a class="btn tw" target="_blank" onclick="_gaq.push(['_trackEvent', 'btn-social-icon', 'click', 'btn-twitter']);" href="https://www.twitter.com/tvtropes"><i class="fa fa-twitter"></i></a> </li>
  2139.                                                      </ul>
  2140.  
  2141.            </div>
  2142.  
  2143.            <hr/>
  2144.  
  2145.            <ul class="footer-menu" itemscope itemtype="http://schema.org/SiteNavigationElement">
  2146.                <li><h4 class="footer-menu-header">TVTropes</h4></li>
  2147.                <li><a href="/pmwiki/pmwiki.php/Main/Administrivia">About TVTropes</a></li>
  2148.                <li><a href="/pmwiki/pmwiki.php/Administrivia/TheGoalsOfTVTropes">TVTropes Goals</a></li>
  2149.                <li><a href="/pmwiki/pmwiki.php/Administrivia/TheTropingCode">Troping Code</a></li>
  2150.                <li><a href="/pmwiki/pmwiki.php/Administrivia/TVTropesCustoms">TVTropes Customs</a></li>
  2151.                <li><a href="/pmwiki/pmwiki.php/JustForFun/TropesOfLegend">Tropes of Legend</a></li>
  2152.                <li><a href="/pmwiki/ad-free-subscribe.php">Go Ad-Free</a></li>
  2153.                            </ul>
  2154.  
  2155.            <hr/>
  2156.  
  2157.            <ul class="footer-menu" itemscope itemtype="http://schema.org/SiteNavigationElement">
  2158.                <li><h4 class="footer-menu-header">Community</h4></li>
  2159.                <li><a href="/pmwiki/query.php?type=att">Ask The Tropers</a></li>
  2160.                <li><a href="/pmwiki/tlp_activity.php">Trope Launch Pad</a></li>
  2161.                <li><a href="/pmwiki/query.php?type=tf">Trope Finder</a></li>
  2162.                <li><a href="/pmwiki/query.php?type=ykts">Media Finder</a></li>
  2163.                <li><a href="/pmwiki/lbs.php" data-modal-target="login">Live Blogs</a></li>
  2164.                <li><a href="/pmwiki/query.php?type=wl">Tech Wishlist</a></li>
  2165.                <li><a href="/pmwiki/review_activity.php">Reviews</a></li>
  2166.                <li><a href="/pmwiki/topics.php">Forum</a></li>
  2167.            </ul>
  2168.  
  2169.            <hr/>
  2170.  
  2171.            <ul class="footer-menu" itemscope itemtype="http://schema.org/SiteNavigationElement">
  2172.                <li><h4 class="footer-menu-header">Tropes HQ</h4></li>
  2173.                <li><a href="/pmwiki/about.php">About Us</a></li>
  2174.                                <li><a href="/pmwiki/contact.php">Contact Us</a></li>
  2175.                <li><a href="/pmwiki/query.php?type=bug">Report Bug</a></li>
  2176.                <li><a href="/pmwiki/changelog.php">Changelog</a></li>
  2177.                <li><a href="/pmwiki/dmca.php">DMCA Notice</a></li>
  2178.                <li><a href="/pmwiki/privacypolicy.php">Privacy Policy</a></li>
  2179.  
  2180.            </ul>
  2181.  
  2182.        </div>
  2183.  
  2184.        <div id="desktop-on-mobile-toggle" class="text-center gutter-top gutter-bottom tablet-on">
  2185.          <a href="/pmwiki/switchDeviceCss.php?mobileVersion=1" rel="nofollow">Switch to <span class="txt-desktop">Desktop</span><span class="txt-mobile">Mobile</span> Version</a>
  2186.        </div>
  2187.  
  2188.        <div class="legal">
  2189.            <p>TVTropes is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License. <br>Permissions beyond the scope of this license may be available from <a xmlns:cc="http://creativecommons.org/ns#" href="mailto:thestaff@tvtropes.org" rel="cc:morePermissions"> thestaff@tvtropes.org</a>.</p>
  2190.            <br>
  2191.            <div class="privacy_wrapper">
  2192.            </div>
  2193.        </div>
  2194.    </footer>
  2195.    
  2196.    
  2197.    <style>
  2198.      div.fc-ccpa-root {
  2199.        position: absolute !important;
  2200.        bottom: 93px !important;
  2201.        margin: auto !important;
  2202.        width: 100% !important;
  2203.        z-index: 9999 !important;
  2204.        overflow: hidden !important;
  2205.      }
  2206.      .fc-ccpa-root .fc-dns-dialog .fc-dns-link p{
  2207.        outline: none !important;
  2208.        text-decoration: underline !important;
  2209.        font-size: .7em !important;
  2210.        font-family: sans-serif !important;
  2211.      }
  2212.      .fc-ccpa-root .fc-dns-dialog .fc-dns-link .fc-button-background {
  2213.        background: none !important;
  2214.      }
  2215.    </style>
  2216.  
  2217.        <div id="_pm_videoViewer" class="full-screen">
  2218.  
  2219.  <a href="#close" class="close" id="_pm_videoViewer-close"></a>
  2220.  
  2221.  <div class="_pmvv-body">
  2222.  
  2223.    <div class="_pmvv-vidbox">
  2224.  
  2225.        
  2226.    </div>
  2227.  
  2228.  </div>
  2229.  
  2230.  
  2231. </div>
  2232.  
  2233.        
  2234.    
  2235.        <script type="text/javascript">
  2236.  
  2237.        var cleanCreativeEnabled = "";
  2238.        var donation = "";
  2239.        var live_ads = "1";
  2240.        var img_domain = "https://static.tvtropes.org";
  2241.        var snoozed = cookies.read('snoozedabm');
  2242.        var elem = document.createElement('script');
  2243.        elem.async = true;
  2244.  
  2245.        elem.src = 'https://assets.tvtropes.org/design/assets/bundle.js?rev=38a3c96bde3041d3abccee0edc9ad8bbadee1240';
  2246.  
  2247.        elem.onload = function() {
  2248.                                 }
  2249.        document.getElementsByTagName('head')[0].appendChild(elem);
  2250.  
  2251.  
  2252.        // Load the script for the outstream playerfor tracking purposes
  2253.        if(split_testing == "control"){
  2254.            // Create a new script element
  2255.            var script_element = document.createElement("script");
  2256.                script_element.src = "https://lh.bigcrunch.com/main.js";
  2257.                script_element.type = "text/javascript";
  2258.                script_element.id = "bigcrunchtag";
  2259.                script_element.setAttribute("data-property-id", "34a5ddec-697b-424e-81d2-e6bb46a1b83e");
  2260.  
  2261.            // Append the script element to the head of the document
  2262.            document.getElementsByTagName('head')[0].appendChild(script_element);
  2263.        }
  2264.    </script>
  2265.  
  2266.  
  2267.    
  2268.    
  2269.  
  2270.    
  2271.    
  2272.  <script type="text/javascript">
  2273.      function send_analytics_event(user_type, donation){
  2274.          // if(user_type == 'uncached' || user_type == 'cached'){
  2275.          //   ga('send', 'event', 'caching', 'load', user_type, {'nonInteraction': 1});
  2276.          //   return;
  2277.          // }
  2278.          var event_name = user_type;
  2279.  
  2280.          if(donation == 'true'){
  2281.              event_name += "_donation"
  2282.          }else if(typeof(valid_user) == 'undefined'){
  2283.              event_name += "_blocked"
  2284.          }else if(valid_user == true){
  2285.              event_name += "_unblocked";
  2286.          }else{
  2287.              event_name = "_unknown"
  2288.          }
  2289.          ga('send', 'event', 'ads', 'load', event_name, {'nonInteraction': 1});
  2290.      }
  2291.  
  2292.    
  2293.    send_analytics_event("guest", "false");
  2294.      </script>
  2295.  
  2296.  
  2297.  
  2298. <!-- Quantcast Tag -->
  2299. <script type="text/javascript">
  2300.  window._qevents = window._qevents || [];
  2301.  
  2302.  (function() {
  2303.    var elem = document.createElement('script');
  2304.    elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js";
  2305.    elem.async = true;
  2306.    elem.type = "text/javascript";
  2307.    var scpt = document.getElementsByTagName('script')[0];
  2308.    scpt.parentNode.insertBefore(elem, scpt);
  2309.  })();
  2310.  
  2311.  window._qevents.push({
  2312.      qacct:"p-mEzuYq24VEJ-3"
  2313.  });
  2314. </script>
  2315.  
  2316. <noscript>
  2317.  <div style="display:none;">
  2318.    <img src="//pixel.quantserve.com/pixel/p-mEzuYq24VEJ-3.gif" border="0" height="1" width="1" alt="Quantcast"/>
  2319.  </div>
  2320. </noscript>
  2321. <!-- End Quantcast tag -->
  2322.  
  2323.  
  2324. <!-- Begin comScore Tag -->
  2325. <script>
  2326.  var _comscore = _comscore || [];
  2327.  _comscore.push({ c1: "2", c2: "38282685" });
  2328.  (function() {
  2329.    var s = document.createElement("script"), el = document.getElementsByTagName("script")[0]; s.async = true;
  2330.    s.src = "https://sb.scorecardresearch.com/cs/38282685/beacon.js";
  2331.    el.parentNode.insertBefore(s, el);
  2332.  })();
  2333. </script>
  2334. <noscript>
  2335.  <img src="https://sb.scorecardresearch.com/p?c1=2&amp;c2=38282685&amp;cv=3.6.0&amp;cj=1">
  2336. </noscript>
  2337. <!-- End comScore Tag -->
  2338. </body>
  2339. </html>
  2340.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda