Skip to content

Instantly share code, notes, and snippets.

@darkwebdev

darkwebdev/gist:8333799

Last active January 2, 2016 16:59
Show Gist options
  • Save darkwebdev/8333799 to your computer and use it in GitHub Desktop.
Save darkwebdev/8333799 to your computer and use it in GitHub Desktop.
Download ZIP
HTML code (generated from Jade templates) from debug version of Kinofé client. Scripts are not concatenated together and dynamically injected inline styles exist.
Raw
gistfile1.html
<!DOCTYPE html>
<!--[if lt IE 8]>
<html class="no-js lt-ie9 lt-ie8">
<![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9">
<![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Kinofé</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="styles/main.css">
<script src="bower_components/modernizr/modernizr.js"></script>
<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="main"
src="scripts/main.js"></script>
<style type="text/css"></style>
<script>window["_GOOG_TRANS_EXT_VER"] = "1";</script>
<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_"
data-requiremodule="controllers/films" src="scripts/controllers/films.js"></script>
<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="models/users"
src="scripts/models/users.js"></script>
<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="models/persons"
src="scripts/models/persons.js"></script>
<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="models/films"
src="scripts/models/films.js"></script>
<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_"
data-requiremodule="collections/films" src="scripts/collections/films.js"></script>
<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_"
data-requiremodule="views/person-details" src="scripts/views/person-details.js"></script>
<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_"
data-requiremodule="views/film-details" src="scripts/views/film-details.js"></script>
<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="views/film-list"
src="scripts/views/film-list.js"></script>
<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="views/sidebar"
src="scripts/views/sidebar.js"></script>
<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="underscore"
src="scripts/../bower_components/underscore/underscore.js"></script>
<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="jquery"
src="scripts/../bower_components/jquery/jquery.js"></script>
<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="json5"
src="scripts/../bower_components/json5/lib/json5.js"></script>
<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_"
data-requiremodule="views/generic-details-view" src="scripts/views/generic-details-view.js"></script>
<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_"
data-requiremodule="views/generic-view" src="scripts/views/generic-view.js"></script>
<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="views/film-item"
src="scripts/views/film-item.js"></script>
<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="backbone"
src="scripts/../bower_components/backbone/backbone.js"></script>
<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="jade"
src="scripts/../bower_components/require-jade/jade.js"></script>
</head>
<body>
<header class="main-header">
<h1><a href="/" class="img img-replace icon-logo">Kinofé</a></h1>
<div class="icon-settings"></div>
<div class="icon-theater"></div>
<h2>DVD RELEASES</h2>
</header>
<section class="main-content">
<ul class="film-list">
<li style="display: list-item;">
<div class="film">
<section class="info"><h3>The Dark Knight Rises</h3>
<time class="year">2012</time>
<ul class="janre-list">
<li data-name="drama" class="link-janre">drama</li>
<li data-name="thriller" class="link-janre">thriller</li>
<li data-name="action" class="link-janre">action</li>
<li data-name="crime" class="link-janre">crime</li>
</ul>
</section>
<div class="shelf"><img src="http://content9.flixster.com/movie/11/16/78/11167835_mob.jpg">
<div class="rating icon-sticker">8.7</div>
</div>
<div class="link seen">seen</div>
</div>
</li>
<li style="display: list-item;">
<div class="film">
<section class="info"><h3>The Intouchables</h3>
<time class="year">2011</time>
<ul class="janre-list">
<li data-name="drama" class="link-janre">drama</li>
<li data-name="comedy" class="link-janre">comedy</li>
<li data-name="biography" class="link-janre">biography</li>
</ul>
</section>
<div class="shelf"><img src="http://content6.flixster.com/movie/11/16/41/11164128_mob.jpg">
<div class="rating icon-sticker">8.6</div>
</div>
<div class="link seen">seen</div>
</div>
</li>
<li style="display: list-item;">
<div class="film">
<section class="info"><h3>Django Unchained</h3>
<time class="year">2012</time>
<ul class="janre-list">
<li data-name="drama" class="link-janre">drama</li>
<li data-name="crime" class="link-janre">crime</li>
<li data-name="adventure" class="link-janre">adventure</li>
<li data-name="western" class="link-janre">western</li>
</ul>
</section>
<div class="shelf"><img src="http://content6.flixster.com/movie/11/16/75/11167576_mob.jpg">
<div class="rating icon-sticker">8.6</div>
</div>
<div class="link seen">seen</div>
</div>
</li>
<li style="display: list-item;">
<div class="film">
<section class="info"><h3>The Avengers</h3>
<time class="year">2012</time>
<ul class="janre-list">
<li data-name="action" class="link-janre">action</li>
</ul>
</section>
<div class="shelf"><img src="http://content8.flixster.com/movie/11/16/38/11163886_mob.jpg">
<div class="rating icon-sticker">8.4</div>
</div>
<div class="link seen">seen</div>
</div>
</li>
<li style="display: list-item;">
<div class="film">
<section class="info"><h3>The Perks of Being a Wallflower</h3>
<time class="year">2012</time>
<ul class="janre-list">
<li data-name="drama" class="link-janre">drama</li>
<li data-name="romance" class="link-janre">romance</li>
</ul>
</section>
<div class="shelf"><img src="http://content6.flixster.com/movie/11/16/86/11168692_mob.jpg">
<div class="rating icon-sticker">8.2</div>
</div>
<div class="link seen">seen</div>
</div>
</li>
<li style="display: list-item;">
<div class="film">
<section class="info"><h3>Life of Pi</h3>
<time class="year">2012</time>
<ul class="janre-list">
<li data-name="drama" class="link-janre">drama</li>
<li data-name="adventure" class="link-janre">adventure</li>
</ul>
</section>
<div class="shelf"><img src="http://content7.flixster.com/movie/11/16/60/11166061_mob.jpg">
<div class="rating icon-sticker">8.2</div>
</div>
<div class="link seen">seen</div>
</div>
</li>
<li style="display: list-item;">
<div class="film">
<section class="info"><h3>The Hobbit: An Unexpected Journey</h3>
<time class="year">2012</time>
<ul class="janre-list">
<li data-name="adventure" class="link-janre">adventure</li>
<li data-name="fantasy" class="link-janre">fantasy</li>
</ul>
</section>
<div class="shelf"><img src="http://content9.flixster.com/movie/11/17/02/11170263_mob.jpg">
<div class="rating icon-sticker">8.2</div>
</div>
<div class="link seen">seen</div>
</div>
</li>
<li style="display: list-item;">
<div class="film">
<section class="info"><h3>Searching for Sugar Man</h3>
<time class="year">2012</time>
<ul class="janre-list">
<li data-name="documentary" class="link-janre">documentary</li>
<li data-name="biography" class="link-janre">biography</li>
<li data-name="music" class="link-janre">music</li>
</ul>
</section>
<div class="shelf"><img src="http://content9.flixster.com/movie/11/16/60/11166031_mob.jpg">
<div class="rating icon-sticker">8.1</div>
</div>
<div class="link seen">seen</div>
</div>
</li>
<li style="display: list-item;">
<div class="film">
<section class="info"><h3>Finding Nemo</h3>
<time class="year">2003</time>
<ul class="janre-list">
<li data-name="comedy" class="link-janre">comedy</li>
<li data-name="adventure" class="link-janre">adventure</li>
<li data-name="family" class="link-janre">family</li>
<li data-name="animation" class="link-janre">animation</li>
</ul>
</section>
<div class="shelf"><img src="http://content6.flixster.com/movie/10/84/19/10841916_mob.jpg">
<div class="rating icon-sticker">8.1</div>
</div>
<div class="link seen">seen</div>
</div>
</li>
<li style="display: list-item;">
<div class="film">
<section class="info"><h3>Moonrise Kingdom</h3>
<time class="year">2012</time>
<ul class="janre-list">
<li data-name="drama" class="link-janre">drama</li>
<li data-name="comedy" class="link-janre">comedy</li>
<li data-name="romance" class="link-janre">romance</li>
</ul>
</section>
<div class="shelf"><img src="http://content9.flixster.com/movie/11/16/67/11166787_mob.jpg">
<div class="rating icon-sticker">8</div>
</div>
<div class="link seen">seen</div>
</div>
</li>
</ul>
<div class="panel details"></div>
<div class="panel sidebar" style="display: none;">
<div class="link link-back">back</div>
<div class="content"><h2>tibalt</h2></div>
</div>
</section>
<script data-main="scripts/main" src="bower_components/requirejs/require.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment