Skip to content

Instantly share code, notes, and snippets.

@mrdanadams
Created July 29, 2011 13:58
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mrdanadams/1113847 to your computer and use it in GitHub Desktop.
Save mrdanadams/1113847 to your computer and use it in GitHub Desktop.
Brightcove App Cloud basic template
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="user-scalable=no, width=device-width, minimum-scale=1, maximum-scale=1" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<title>Home</title>
<link rel="stylesheet" href="../css/theme-0.3.0.css" /><!-- base theme -->
<link rel="stylesheet" href="../css/app.css" /><!-- our custom css -->
<script src="../javascript/sdk/brightcove-app-cloud-0.3.0.js"></script><!-- App Cloud API include jQuery -->
<script src="../javascript/simplegeo.context.jq.min.js"></script>
<script src="../javascript/app.js"></script><!-- app-specific js -->
</head>
<body>
<!-- the gallery page template. actually photos are created with JS -->
<div id="gallery" class="page">
<div class="scroller">
<div class="scroller-contents">
<section id="photos"></section>
</div>
</div>
</div>
<!-- image detail template -->
<div id="detail" class="page">
<section>
<div id="largeImageWrapper" class="largeImageWrapper">
<img id="largeImage" />
</div>
<div id="imageInfo" style="display: none;">
<div class="minimap"></div>
<div class="thumbnail"></div>
<h1></h1>
<h2></h2>
<h3></h3>
</div>
</section>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment