Skip to content

New theme - Dark #79

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 4 commits into
base: gh-pages
Choose a base branch
from
Open

New theme - Dark #79

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
0b74f58
Created Theme-dark
lucianotonet Jun 12, 2016
4f0bb5a
Added dark theme in readme
lucianotonet Jun 12, 2016
1e9154f
Added link to dark theme demo in readme
lucianotonet Jun 12, 2016
2cbd1fa
Changed ycombinator data-url
lucianotonet Jun 12, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions Readme.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,6 +32,8 @@ The main JS and CSS files are also available in [npm] and [bower].

[Blank template >][blank]

[Dark theme template >][dark-theme] **[Demo][dark-theme-preview]**

[bower]: http://bower.io/search/?q=flatdoc
[npm]: https://www.npmjs.org/package/flatdoc

Expand Down Expand Up @@ -263,4 +265,6 @@ License](http://www.opensource.org/licenses/mit-license.php).
[project]: https://github.com/rstacruz/flatdoc
[template]: https://github.com/rstacruz/flatdoc/raw/gh-pages/templates/template.html
[blank]: https://github.com/rstacruz/flatdoc/raw/gh-pages/templates/blank.html
[dark-theme]: https://github.com/tonetlds/flatdoc/raw/gh-pages/templates/template-dark.html
[dark-theme-preview]: https://tonetlds.github.com/flatdoc/theme-dark/index.html
[dist]: https://github.com/rstacruz/flatdoc/tree/gh-pages/v/0.9.0
79 changes: 79 additions & 0 deletions templates/template-dark.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,79 @@
<!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>Your Project</title>

<!-- Flatdoc -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src='https://cdn.rawgit.com/tonetlds/flatdoc/v0.9.0/legacy.js'></script>
<script src='https://cdn.rawgit.com/tonetlds/flatdoc/v0.9.0/flatdoc.js'></script>

<!-- Flatdoc theme -->
<link href='https://cdn.rawgit.com/tonetlds/flatdoc/gh-pages/theme-dark/style.css' rel='stylesheet'>
<script src='https://cdn.rawgit.com/tonetlds/flatdoc/gh-pages/theme-dark/script.js'></script>

<!-- Highlight.js -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.4.0/styles/monokai-sublime.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.4.0/highlight.min.js"></script>

<!-- Meta -->
<meta content="Your Project" property="og:title">
<meta content="Your Project description goes here." name="description">

</head>
<body role='flatdoc'>

<div class='header'>
<div class='left'>
<h1>Your Project</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>

<!-- Initializer -->
<script>
Flatdoc.run({
fetcher: Flatdoc.github('USER/REPO')
});

$(document).on('flatdoc:ready', function() {
// Highlight all the codes
$('pre code').each(function(i, block) {
hljs.highlightBlock(block);
});
});
</script>

</body>
</html>
99 changes: 99 additions & 0 deletions theme-dark/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,99 @@
<!doctype html>
<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>Flatdoc - Dark Theme</title>

<!-- Flatdoc -->
<script src='../support/vendor/jquery.js'></script>
<script src='../legacy.js'></script>
<script src='../flatdoc.js?94850'></script>

<!-- Highlight.js -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.4.0/styles/monokai-sublime.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.4.0/highlight.min.js"></script>

<!-- Meta -->
<meta content="Flatdoc" property="og:site_name">
<meta content="Flatdoc" property="og:title">
<meta content="website" property="og:type">
<meta content="Flatdoc is the fastest way to create a site for your open source project." name="description">
<meta content="Flatdoc is the fastest way to create a site for your open source project." property="og:description">
<meta content="https://www.fonedynamics.com.au/wp-content/uploads/2015/09/documentation-header-a.jpg" property="og:image">

<!-- Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-33871454-6', 'auto');
ga('send', 'pageview');
</script>
</head>
<body role='flatdoc' class='big-h3 large-brief'>

<div class='title-area title-card' style='background-image: url(https://unsplash.it/1920/1080/?image=403)'>
<div class='in'>
<div class='headline'>
<h1>Documentation is easy.</h1>
<p>Flatdoc is the fastest way to create a site for your open source project.</p>
<h5><span>Flatdoc - Dark Theme</span></h5>
</div>
</div>
</div>

<div class='header'>
<div class='left'>
<h1><a href='.'>Flatdoc</a></h1>
<ul>
<li><a href='https://github.com/tonetlds/flatdoc'>View on GitHub</a></li>
<li><a href='https://github.com/tonetlds/flatdoc/issues'>Issues</a></li>
<li><a href='../reference.html'>API reference</a></li>
</ul>
</div>
<div class='right'>
<iframe src="http://ghbtns.com/github-btn.html?user=tonetlds&amp;type=follow&amp;count=true" allowtransparency="true" frameborder="0" scrolling="0" width="170" height="20"></iframe>
<iframe src="http://ghbtns.com/github-btn.html?user=tonetlds&amp;repo=flatdoc&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='section'>
<a class='big button' href='https://raw.github.com/tonetlds/flatdoc/gh-pages/templates/template-dark.html' target='_blank'>Download</a>
<!-- <a href='https://github.com/tonetlds/flatdoc' target='_blank'>View in GitHub</a> -->
</div>
<div class='menu section' role='flatdoc-menu'></div>
<div class='bottom section'>
<iframe src='http://ghbtns.com/github-btn.html?user=tonetlds&amp;repo=flatdoc&amp;type=watch&amp;count=true' allowtransparency="true" frameborder="0" scrolling="0" width="170" height="20"></iframe>
<br>
<a href="https://news.ycombinator.com/submit" class="hn-button" data-title="Flatdoc is the fastest way to create a site for your open source project" data-url="http://tonetlds.github.com/flatdoc/" data-count="horizontal" data-style="twitter">HN</a>
<br>
<a href='https://github.com/tonetlds/flatdoc'>View on GitHub</a><br>
<a href='https://raw.github.com/tonetlds/flatdoc/gh-pages/Readme.md' target='_blank'>See .md source</a>
</div>
</div>
<div role='flatdoc-content' class='content'></div>
</div>

<!-- Flatdoc Dark theme -->
<link href='style.css?94850' rel='stylesheet'>
<script src='script.js?94850'></script>
<link href='../support/theme.css?94850' rel='stylesheet'>
<script src='../support/theme.js?94850'></script>

<!-- Initializer -->
<script>
Flatdoc.run({
fetcher: Flatdoc.file('../Readme.md')
});
</script>

<script>var HN=[];HN.factory=function(e){return function(){HN.push([e].concat(Array.prototype.slice.call(arguments,0)))};},HN.on=HN.factory("on"),HN.once=HN.factory("once"),HN.off=HN.factory("off"),HN.emit=HN.factory("emit"),HN.load=function(){var e="hn-button.js";if(document.getElementById(e))return;var t=document.createElement("script");t.id=e,t.src="//hn-button.herokuapp.com/hn-button.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)},HN.load();</script>
</body>
</html>
Loading