diff --git a/640.html b/640.html index 80c9820..cfb3fcc 100644 --- a/640.html +++ b/640.html @@ -28,6 +28,13 @@ Flatdoc.run({ fetcher: Flatdoc.github('darkwaterfoundation/docs', '640.md') }); + + $(document).on('flatdoc:ready', function() { + // Highlight all the codes + $('pre code').each(function(i, block) { + hljs.highlightBlock(block); + }); + });
diff --git a/escape.html b/escape.html index 86a64e3..8bc4364 100644 --- a/escape.html +++ b/escape.html @@ -28,6 +28,13 @@ Flatdoc.run({ fetcher: Flatdoc.github('darkwaterfoundation/docs', 'escape.md') }); + + $(document).on('flatdoc:ready', function() { + // Highlight all the codes + $('pre code').each(function(i, block) { + hljs.highlightBlock(block); + }); + }); diff --git a/expansions.html b/expansions.html index 67e7521..b0ad7e2 100644 --- a/expansions.html +++ b/expansions.html @@ -28,6 +28,13 @@ Flatdoc.run({ fetcher: Flatdoc.github('darkwaterfoundation/docs', 'expansions.md') }); + + $(document).on('flatdoc:ready', function() { + // Highlight all the codes + $('pre code').each(function(i, block) { + hljs.highlightBlock(block); + }); + }); diff --git a/flatdoc/support/theme.css b/flatdoc/support/theme.css new file mode 100644 index 0000000..a041ebf --- /dev/null +++ b/flatdoc/support/theme.css @@ -0,0 +1,84 @@ +.title-card { + text-rendering: optimizeLegibility !important; + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale; } + +.title-card { + background: #1d3b47; + background-position: center center; + background-size: cover; + color: #ccc; + text-align: center; + + position: relative; + z-index: 1; + + width: 100%; + display: table; } + +.title-card > .in { + display: table-cell; + vertical-align: middle; } + +.title-card .headline { + vertical-align: middle; + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + + /* text-shadow: 0 0 4px rgba(0, 0, 0, 0.5); */ + + padding-left: 40px; + padding-right: 40px; + max-width: 800px; + line-height: 1.7; } + +.title-card h1 { + font-family: 'Open Sans', sans-serif; + font-size: 3.3em; + font-weight: 300; + line-height: 1.1; + margin-bottom: 0.5em; + color: #fff; } + +.title-card p { + font-family: montserrat, sans-serif; + color: #b8eaea; + font-weight: bold; + font-size: 1.3em; } + +.title-card h5 { + margin-top: 150px; + + font-family: montserrat, sans-serif; + font-weight: bold; + color: #fff; + text-transform: uppercase; + letter-spacing: 2px; + font-size: 1.8em; } + +.title-card h5 span { + display: inline-block; + padding: 5px 20px; + border: solid 3px #fff; } + +@media (max-width: 768px) /* Tablet */ { + .title-card h5 { + margin-top: 100px; } +} + +@media (max-width: 480px) /* Mobile */ { + .title-card { + padding: 50px 0; } + .title-card .headline { + padding-left: 10px; + padding-right: 10px; + min-height: none; } + .title-card h1 { + font-size: 2.2em; } + .title-card p { + font-size: 1.1em; } + .title-card h5 { + margin-top: 40px; + font-size: 0.9em; } +} diff --git a/flatdoc/support/theme.js b/flatdoc/support/theme.js new file mode 100644 index 0000000..52e37d4 --- /dev/null +++ b/flatdoc/support/theme.js @@ -0,0 +1,23 @@ +(function($) { + + $(document).on('flatdoc:ready', function() { + $("#misc, #basic").remove(); + + $("pre > code").each(function() { + var $code = $(this); + var m = $code.text().match(/Toggle"); + $q.find('a').click(function() { + var klass = $(this).attr('href').substr(1); + $('body').toggleClass(klass); + if (klass === 'big-h3') $.anchorjump('#theme-options'); + if (klass === 'large-brief') $.anchorjump('#flatdoc'); + + }); + $code.after($q); + } + }); + }); + +})(jQuery); diff --git a/index.html b/index.html index 2b250c5..40a919b 100644 --- a/index.html +++ b/index.html @@ -29,11 +29,18 @@ Flatdoc.run({ fetcher: Flatdoc.github('darkwaterfoundation/docs', 'readme.md') }); + + $(document).on('flatdoc:ready', function() { + // Highlight all the codes + $('pre code').each(function(i, block) { + hljs.highlightBlock(block); + }); + }); - +