<commit_before><!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US-x-Hixie">
<head>
<meta charset="utf-8"/>
<title>hotlink.js demo</title>
<link rel="stylesheet" type="text/css" href="demo.css"/>
<style id="img-style" type="text/css">
img {
	border: 3px dashed red;
}
</style>
</head>
<body>
<h1><a href="https://github.com/eligrey/hotlink.js">hotlink.js</a> demo</h1>
<p>hotlink.js makes it possible to undetectably hotlink images.</p>
<section>
<h2>Without hotlink.js</h2>
<p><img src="http://eligrey.com/demos/hotlink.js/referrer.php" width="512" height="32"/></p>
</section>
<section>
<h2>With hotlink.js</h2>
<p><img data-src="http://eligrey.com/demos/hotlink.js/referrer.php" width="512" height="32"/></p>
</section>
<section id="css">
<pre class="css-code"><code><a class="css-file" href="view-source:http://eligrey.com/demos/hotlink.js/">index.xhtml:7</a>img {
    <input class="css-prop-enabled" type="checkbox" checked=""/><span class="css-prop" title="border: 3px dashed red;"><span class="css-prop-name">border</span>: 3px dashed <span class="css-swatch" style="background-color:red" title="Click to change color format"/><span class="css-color">red</span>;</span>
}</code></pre>
<p>hotlink.js is a simple drop-in that won't require you to make any modifications to your CSS. This CSS works fine on both images.</p>
<script type="application/ecmascript"><![CDATA[
(function() {
	var
		  $ = function(css_selector) {
		  	return document.querySelector(css_selector);
		}
		, stylesheet = $("#img-style").sheet
		, prop = $(".css-prop")
		, prop_enabled = $(".css-prop-enabled")
		, swatch = $(".css-swatch")
		, text = $(".css-color").firstChild
		, i = 1<commit_msg>Increased enjazzening dispersal radius<commit_after><!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US-x-Hixie">
<head>
<meta charset="utf-8"/>
<title>hotlink.js demo</title>
<link rel="stylesheet" type="text/css" href="demo.css"/>
<style id="img-style" type="text/css">
img {
	border: 3px dashed red;
}
</style>
</head>
<body>
<h1><a href="https://github.com/eligrey/hotlink.js">hotlink.js</a> demo</h1>
<p>hotlink.js makes it possible to hide referrer information for hotlinked images.</p>
<section>
<h2>Without hotlink.js</h2>
<p><img src="http://eligrey.com/demos/hotlink.js/referrer.php" width="512" height="32"/></p>
</section>
<section>
<h2>With hotlink.js</h2>
<p><img data-src="http://eligrey.com/demos/hotlink.js/referrer.php" width="512" height="32"/></p>
</section>
<section id="css">
<pre class="css-code"><code><a class="css-file" href="view-source:http://eligrey.com/demos/hotlink.js/">index.xhtml:7</a>img {
    <input class="css-prop-enabled" type="checkbox" checked=""/><span class="css-prop" title="border: 3px dashed red;"><span class="css-prop-name">border</span>: 3px dashed <span class="css-swatch" style="background-color:red" title="Click to change color format"/><span class="css-color">red</span>;</span>
}</code></pre>
<p>hotlink.js is a simple drop-in that won't require you to make any modifications to your CSS. This CSS works fine on both images.</p>
<script type="application/ecmascript"><![CDATA[
(function() {
	var
		  $ = function(css_selector) {
		  	return document.querySelector(css_selector);
		}
		, stylesheet = $("#img-style").sheet
		, prop = $(".css-prop")
		, prop_enabled = $(".css-prop-enabled")
		, swatch = $(".css-swatch")
		, text = $(".css-color").firstChild
		, i = 1
{'fraction_non_alphanumeric': 0.21631000578369, 'fraction_numerical': 0.015615962984384037, 'mean_word_length': 5.18783542039356, 'pattern_counts': {'":': 0, '<': 103, '<?xml version=': 0, '>': 101, 'https://': 2, 'lorem ipsum': 0, 'www.': 2, 'xml': 2}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1950318', 'n_tokens_mistral': 1326, 'n_tokens_neox': 1250, 'n_words': 251}