index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Gist Syntax Themes</title>

		<style>
			@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');

			*, *::before, *::after {
				box-sizing: border-box;
			}

			html {
				font: 18px/1.4 'Open Sans', sans-serif;
			}

			body {
				max-width: 1100px;
				margin: 40px auto 80px;
				padding: 0 40px;
				color: #495057;
				background-color: #f8f9fa;
			}

			a {
				color: #1098ad;
				text-decoration: none;
			}

			a:hover {
				color: #0c8599;
			}

			.source {
				display: inline-block;
				padding: 10px 30px;
				border: 1px solid #fff;
				border-radius: 5px;
				color: #f8f9fa;
				background-color: #1098ad;
			}

			.source:hover {
				color: #f8f9fa;
				background-color: #0c8599;
			}

			section {
				margin-top: 40px;
			}
		</style>
	</head>
	<body>
		<h1>Gist Syntax Themes</h1>
		<p>
			Previews of all the gist syntax themes in this project. Click any theme name to get its stylesheet.
		</p>
		<p>
			Stylesheets were adapted from <a href="https://github.com/StylishThemes/GitHub-Dark">GitHub-Dark</a> by <a href="https://github.com/StylishThemes">StylishThemes</a>.
			This project retains the same <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC-BY-SA-4.0</a> license.
		</p>
		<p>
			<a href="https://github.com/lonekorean/gist-syntax-themes" class="source">Go to GitHub repo</a>
			<a href="https://www.npmjs.com/package/gist-syntax-themes" class="source">Go to npm package</a>
		</p>

		<section>
			<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/chaos.css">Chaos</a></h2>

			<p data-height="518" data-theme-id="0" data-slug-hash="xqwMRe" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Chaos" class="codepen">See the Pen <a href="http://codepen.io/lonekorean/pen/xqwMRe/">Customizing GitHub Gists: Chaos</a> by Will Boyd (<a href="http://codepen.io/lonekorean">@lonekorean</a>) on <a href="http://codepen.io">CodePen</a>.</p>
			<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
		</section>

		<section>
			<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/cobalt.css">Cobalt</a></h2>

			<p data-height="518" data-theme-id="0" data-slug-hash="jYYpqx" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Cobalt" class="codepen">See the Pen <a href="https://codepen.io/lonekorean/pen/jYYpqx/">Customizing GitHub Gists: Cobalt</a> by Will Boyd (<a href="https://codepen.io/lonekorean">@lonekorean</a>) on <a href="https://codepen.io">CodePen</a>.</p>
			<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
		</section>

		<section>
			<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/idle-fingers.css">Idle Fingers</a></h2>

			<p data-height="518" data-theme-id="0" data-slug-hash="KZZBMe" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Idle Fingers" class="codepen">See the Pen <a href="https://codepen.io/lonekorean/pen/KZZBMe/">Customizing GitHub Gists: Idle Fingers</a> by Will Boyd (<a href="https://codepen.io/lonekorean">@lonekorean</a>) on <a href="https://codepen.io">CodePen</a>.</p>
			<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
		</section>

		<section>
			<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/monokai.css">Monokai</a></h2>

			<p data-height="518" data-theme-id="0" data-slug-hash="jBbXGr" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Monokai" class="codepen">See the Pen <a href="http://codepen.io/lonekorean/pen/jBbXGr/">Customizing GitHub Gists: Monokai</a> by Will Boyd (<a href="http://codepen.io/lonekorean">@lonekorean</a>) on <a href="http://codepen.io">CodePen</a>.</p>
			<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
		</section>

		<section>
			<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/obsidian.css">Obsidian</a></h2>

			<p data-height="518" data-theme-id="0" data-slug-hash="OpydWW" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Obsidian" class="codepen">See the Pen <a href="http://codepen.io/lonekorean/pen/OpydWW/">Customizing GitHub Gists: Obsidian</a> by Will Boyd (<a href="http://codepen.io/lonekorean">@lonekorean</a>) on <a href="http://codepen.io">CodePen</a>.</p>
			<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
		</section>

		<section>
			<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/one-dark.css">One Dark</a></h2>

			<p data-height="518" data-theme-id="0" data-slug-hash="ZvvjOV" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: One Dark" class="codepen">See the Pen <a href="https://codepen.io/lonekorean/pen/ZvvjOV/">Customizing GitHub Gists: One Dark</a> by Will Boyd (<a href="https://codepen.io/lonekorean">@lonekorean</a>) on <a href="https://codepen.io">CodePen</a>.</p>
			<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
		</section>

		<section>
			<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/pastel-on-dark.css">Pastel On Dark</a></h2>

			<p data-height="518" data-theme-id="0" data-slug-hash="jBbdBY" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Pastel On Dark" class="codepen">See the Pen <a href="http://codepen.io/lonekorean/pen/jBbdBY/">Customizing GitHub Gists: Pastel On Dark</a> by Will Boyd (<a href="http://codepen.io/lonekorean">@lonekorean</a>) on <a href="http://codepen.io">CodePen</a>.</p>
			<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
		</section>

		<section>
			<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/solarized-dark.css">Solarized Dark</a></h2>

			<p data-height="518" data-theme-id="0" data-slug-hash="zZveZy" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Solarized Dark" class="codepen">See the Pen <a href="http://codepen.io/lonekorean/pen/zZveZy/">Customizing GitHub Gists: Solarized Dark</a> by Will Boyd (<a href="http://codepen.io/lonekorean">@lonekorean</a>) on <a href="http://codepen.io">CodePen</a>.</p>
			<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
		</section>

		<section>
			<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/solarized-light.css">Solarized Light</a></h2>

			<p data-height="518" data-theme-id="0" data-slug-hash="zppLBQ" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Solarized Light" class="codepen">See the Pen <a href="https://codepen.io/lonekorean/pen/zppLBQ/">Customizing GitHub Gists: Solarized Light</a> by Will Boyd (<a href="https://codepen.io/lonekorean">@lonekorean</a>) on <a href="https://codepen.io">CodePen</a>.</p>
			<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>		</section>

		<section>
			<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/terminal.css">Terminal</a></h2>

			<p data-height="518" data-theme-id="0" data-slug-hash="BWoMZR" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Terminal" class="codepen">See the Pen <a href="http://codepen.io/lonekorean/pen/BWoMZR/">Customizing GitHub Gists: Terminal</a> by Will Boyd (<a href="http://codepen.io/lonekorean">@lonekorean</a>) on <a href="http://codepen.io">CodePen</a>.</p>
			<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
		</section>

		<section>
			<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/tomorrow-night.css">Tomorrow Night</a></h2>

			<p data-height="518" data-theme-id="0" data-slug-hash="KWdJqo" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Tomorrow Night" class="codepen">See the Pen <a href="http://codepen.io/lonekorean/pen/KWdJqo/">Customizing GitHub Gists: Tomorrow Night</a> by Will Boyd (<a href="http://codepen.io/lonekorean">@lonekorean</a>) on <a href="http://codepen.io">CodePen</a>.</p>
			<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
		</section>

		<section>
			<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/twilight.css">Twilight</a></h2>

			<p data-height="518" data-theme-id="0" data-slug-hash="ryOPwQ" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Twilight" class="codepen">See the Pen <a href="http://codepen.io/lonekorean/pen/ryOPwQ/">Customizing GitHub Gists: Twilight</a> by Will Boyd (<a href="http://codepen.io/lonekorean">@lonekorean</a>) on <a href="http://codepen.io">CodePen</a>.</p>
			<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
		</section>
	</body>
</html>