Liril

You think water moves fast? You should see ice. It moves like it has a mind. Like it knows it killed the world once and got a taste for murder. After the avalanche, it took us a week to climb out. Now, I don't know exactly when we turned on each other, but I know that seven of us survived the slide... and only five made it out. Now we took an oath, that I'm breaking now. We said we'd say it was the snow that killed the other two, but it wasn't. Nature is lethal but it doesn't hold a candle to man.

Lorem

Now that we know who you are, I know who I am. I'm not a mistake! It all makes sense! In a comic, you know how you can tell who the arch-villain's going to be? He's the exact opposite of the hero. And most times they're friends, like you and me! I should've known way back when... You know why, David? Because of the kids. They called me Mr Glass.

<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8" />
<link rel="shortcut icon" href="favicon.png" />
<title>File Highlight ▲ Prism plugins</title>
<base href="../.." />
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="themes/prism.css" data-noprefix />
<script src="prefixfree.min.js"></script>

<script>var _gaq = [['_setAccount', 'UA-33746269-1'], ['_trackPageview']];</script>
<script src="http://www.google-analytics.com/ga.js" async></script>
</head>
<body>

<header>
	<div class="intro" data-src="templates/header-plugins.html" data-type="text/html"></div>

	<h2>File Highlight</h2>
	<p>Fetch external files and highlight them with Prism. Used on the Prism website itself.</p>
</header>

<section class="language-markup">
	<h1>How to use</h1>
	
	<p>Use the <code>data-src</code> attribute on empty <code><pre></code> elements, like so:</p>
	
	<pre><code><pre data-src="myfile.js"></pre></code></pre>
	
	<p>You don’t need to specify the language, it’s automatically determined by the file extension.
	If, however, the language cannot be determined from the file extension or the file extension is incorrect, you may specify a language as well (with the usual class name way).</p>
	
	<p>Please note that the files are fetched with XMLHttpRequest. This means that if the file is on a different origin, fetching it will fail, unless CORS is enabled on that website.</p>
</section>

<section>
	<h1>Examples</h1>
	
	<p>The plugin’s JS code:</p>
	<pre data-src="plugins/file-highlight/prism-file-highlight.js"></pre>
	
	<p>This page:</p>
	<pre data-src="plugins/file-highlight//"></pre>
	
	<p>File that doesn’t exist:</p>
	<pre data-src="foobar.js"></pre>
	
	<p>For more examples, browse around the Prism website. Most large code samples are actually files fetched with this plugin.</p>
</section>

<footer data-src="templates/footer.html" data-type="text/html"></footer>

<script src="prism.js"></script>
<script src="plugins/file-highlight/prism-file-highlight.js"></script>
<script src="utopia.js"></script>
<script src="components.js"></script>
<script src="code.js"></script>


</body>
</html>

@font-face

{
    font-family: 'icomoon';
    font-style: normal;
    font-weight: normal;
    src: url('../resources/fonts/icomoon.eot?4v3ev0');
    src: url('../resources/fonts/icomoon.eot?#iefix4v3ev0') format('embedded-opentype'), url('../resources/fonts/icomoon.woff?4v3ev0') format('woff'), url('../resources/fonts/icomoon.ttf?4v3ev0') format('truetype'), url('../resources/fonts/icomoon.svg?4v3ev0#icomoon') format('svg');
}

* {
    color: #2ecc71;
    font-family: "Open Sans", sans-serif;
}
a{
    text-decoration: none;
    }
html,
body {
    height: 100%;
}
header {
    background-color: #fff;
    border-bottom: solid 6px #ccc;
    font-size: 24px;
    height: 40px;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 2;
}
header #Options{
    float: right;
    margin-right: 250px;
    height: 46px;
    padding: 0;
}
header #Options .options li{
    width: 50%;
    margin: 0;
    line-height: 32px;
    top: 0;
    font-size: 35px;
}
header.open #Options .options li{
   
    color: #fff;

}
header>nav>ul>li {
    display: table-cell;
    list-style-type: none;
    padding: 0 10px 0 5px;
    vertical-align: middle;
}
header nav {
    display: table;
    height: 100%;
    width: 100%;
}

header nav .back-arrow {
    font-family: "icomoon";
    padding-left: 5px;
    transform: rotate(90deg);
        
}
header nav .index-arrow {
    font-family: "icomoon";
    padding-left: 5px; 
    position: absolute;
    right: 4px;
    top: 7px;

}
header nav .back-arrow:before, header nav .index-arrow:before {
    content: "\e605"
    
}
header nav .index-arrow.open:before {
    color: #2ecc71;
    content: "\e604";
}
header nav ul {
    display: table-row;
    height: 100%;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
header>nav>ul>li#controls span {
    cursor: pointer;
    position:absolute;
    top:0;
}
header>nav>ul>li#controls #play {
    font-family: "icomoon";
    font-size: 40px;
}

Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.

Samuel L. Jackson

Well, the way they make shows is, they make one show. That show's called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they're going to make more shows. Some pilots get picked and become television programs. Some don't, become nothing. She starred in one of the ones that became nothing.