Skip to content

Instantly share code, notes, and snippets.

@roachhd

roachhd/index.html

Last active August 29, 2015 14:07
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save roachhd/29859d688d212760c2e4 to your computer and use it in GitHub Desktop.
Save roachhd/29859d688d212760c2e4 to your computer and use it in GitHub Desktop.
Download ZIP
FlatDoc template with large header image and larg button, legacy.js
Raw
index.html
<!doctype html>
<!--
Instructions:
- Save this file.
- Replace "USER" with your GitHub username.
- Replace "REPO" with your GitHub repo name.
- Replace "Your Project" with your project name.
- Upload this file (or commit to GitHub Pages).
Customize as you see fit!
-->
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width">
<title>REPO NAME</title>
<!-- Flatdoc -->
<script src='http://rstacruz.github.io/flatdoc/support/vendor/jquery.js'></script>
<script src='http://rstacruz.github.io/flatdoc/legacy.js'></script>
<script src='http://rstacruz.github.io/flatdoc/flatdoc.js?94850'></script>
<!-- Flatdoc theme -->
<link href='http://rstacruz.github.io/flatdoc/theme-white/style.css?94850' rel='stylesheet'>
<script src='http://rstacruz.github.io/flatdoc/theme-white/script.js?94850'></script>
<link href='http://rstacruz.github.io/flatdoc/support/theme.css?94850' rel='stylesheet'>
<script src='http://rstacruz.github.io/flatdoc/support/theme.js?94850'></script>
<!-- Meta -->
<meta content="REPO NAME" property="og:title">
<meta content="REPO DESCRIPTION." name="description">
<!-- Initializer -->
<script>
Flatdoc.run({
fetcher: Flatdoc.github('USER/REPO')
});
</script>
</head>
<body role='flatdoc' class='big-h3 large-brief'>
<div class='title-area title-card' style='background-image: url(https://raw.githubusercontent.com/rstacruz/flatdoc/gh-pages/support/blur.jpg)'>
<div class='in'>
<div class='headline'>
<h1>PROJECT NAME</h1>
<p>ThIS IS WHERE THE TAG LINE GOES, BOO YA.</h5>
<h5><span>LARGE BUTTON</span></h5>
</div>
</div>
</div>
<div class='header'>
<div class='left'>
<h1>PROJECT NAME </h1>
<ul>
<li><a href='https://github.com/USER/REPO>View on GitHub</a></li>
<li><a href='https://github.com/USER/REPO/issues'>Issues</a></li>
</ul>
</div>
<div class='right'>
<!-- GitHub buttons: see http://ghbtns.com -->
<iframe src="http://ghbtns.com/github-btn.html?user=USER&amp;repo=REPO&amp;type=watch&amp;count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
</div>
</div>
<div class='content-root'>
<div class='menubar'>
<div class='menu section' role='flatdoc-menu'></div>
</div>
<div role='flatdoc-content' class='content'></div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment