com web/php: Fix markdown syntax highlighting: include/header.inc include/layout.inc js/common.js styles/i-love-markdown.css

Commit: d3d5ba6fb03a9cd738c3637e0d7bad23e4bd381d Author: Hannes Magnusson <bjori@php.net> Thu, 30 Apr 2015 10:09:51 -0700 Parents: d5032adb12ce9756bc9072fd48aaeb43fc41808e Branches: master Link: http://git.php.net/?p=web/php.git;a=commitdiff;h=d3d5ba6fb03a9cd738c3637e0d7bad23e4bd381d Log: Fix markdown syntax highlighting Changed paths: M include/header.inc M include/layout.inc M js/common.js A styles/i-love-markdown.css Diff: diff --git a/include/header.inc b/include/header.inc index 8c42a56..20c2ae0 100644 --- a/include/header.inc +++ b/include/header.inc @@ -11,6 +11,9 @@ $css_files = array( if (isset($config['css'])) { $css_files = array_merge($css_files, (array) $config['css']); } +if (isset($config["css_overwrite"])) { + $css_files = $config["css_overwrite"]; +} foreach($css_files as $filename) { // files that do not start with / are assumed to be located in the /styles diff --git a/include/layout..inc b/include/layout.inc index 11b6c75..f4a1ce5 100644 --- a/include/layout.inc +++ b/include/layout.inc @@ -512,6 +512,11 @@ function site_header($title = '', $config = array()) $curr = $config["current"]; $classes = $config['classes']; + if (isset($_COOKIE["MD"]) || isset($_GET["MD"])) { + $classes .= "markdown-content"; + $config["css_overwrite"] = array("/styles/i-love-markdown.css"); + } + if (empty($title)) { $title = "Hypertext Preprocessor"; } diff --git a/js/common.js b/js/common.js index 84f739b..6182fb8 100755 --- a/js/common.js +++ b/js/common.js @@ -312,6 +312,14 @@ Mousetrap.bind("l o g o enter", function(e) { var time = new Date().getTime(); $(".brand img").attr("src", "/images/logo.php?refresh&time=" + time); }); +Mousetrap.bind("u n r e a d a b l e enter", function(e) { + document.cookie = 'MD=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT'; + location.reload(true); +}); +Mousetrap.bind("r e a d a b l e enter", function(e) { + document.cookie = 'MD=1; path=/'; + location.reload(true); +}); $(window).load(function() { diff --git a/styles/i-love-markdown.css b/styles/i-love-markdown.css new file mode 100644 index 0000000..644484f --- /dev/null +++ b/styles/i-love-markdown.css @@ -0,0 +1,193 @@ +/* + * Thanks to brilliant work by Andrea D. (aka NKjoep): + * https://github.com/NKjoep + * + * See: + * https://github.com/NKjoep/i-love-markdown.css + */ +.markdown-content *, +.markdown-content *:before, +.markdown-content *:after { + font-size: 14px; + font-family: monospace; + line-height: 1.1; + margin: 0; + padding: 0; + font-weight: normal; + font-style: normal; +} +.markdown-content h1, +..markdown-content h2, +.markdown-content h3, +.markdown-content h4, +..markdown-content h5, +.markdown-content h6 { + margin-bottom: 1em; + margin-bottom: 2ch; +} +.markdown-content h1:before { + content: '# '; +} +.markdown-content h2:before { + content: '## '; +} +.markdown-content h3:before { + content: '### '; +} +.markdown-content h4:before { + content: '#### '; +} +.markdown-content h5:before { + content: '##### '; +} +.markdown-content h6:before { + content: '###### '; +} +.markdown-content pre, +.markdown-content blockquote { + margin: 1em 1em 1em 1em; + margin: 2ch 2ch 2ch 2ch; + clear: both; +} +.markdown-content pre code:before, +.markdown-content pre code:after { + content: '```'; + display: block; +} +.markdown-content p { + margin: 0 0 1em 0; + margin: 0 0 2ch 0; +} +.markdown-content p code:before, +.markdown-content p code:after { + content: '`'; +} +.markdown-content blockquote { + position: relative; + padding-left: 1em; + padding-left: 2ch; + overflow: hidden; +} +.markdown-content blockquote:after { + content: ">\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>"; + white-space: pre; + position: absolute; + top: 0; + left: 0; +} +.markdown-content li { + list-style-type: none; + list-style-position: inside; + padding-left: 3ch; +} +.markdown-content ul, +.markdown-content ol { + margin: 0 0 1em 0; + margin: 0 0 2ch 0; +} +.markdown-content ul ul, +.markdown-content ol ul, +.markdown-content ul ol, +.markdown-content ol ol { + margin: 0 0 0 2ch; +} +.markdown-content ul > li:before { + content: '- '; + float: left; + margin: 0 0.5em 0 0; + margin: 0 0 0 -3ch; +} +.markdown-content ol > li:before { + content: '1. '; + float: left; + margin: 0 0.5em 0 0; + margin: 0 0 0 -3ch; +} +.markdown-content em { + font-weight: normal; + font-style: normal; +} +.markdown-content em:before, +.markdown-content em:after { + content: '*'; +} +.markdown-content del { + font-weight: normal; + font-style: normal; + text-decoration: none; +} +.markdown-content del:before, +.markdown-content del:after { + content: '~~'; +} +.markdown-content strong { + font-weight: normal; + font-style: normal; +} +.markdown-content strong:before, +.markdown-content strong:after { + content: '__'; +} +.markdown-content a:before { + content: '['; +} +.markdown-content a:after { + content: "](" attr(href) ")"; +} +.markdown-content a:link, +.markdown-content a:visited, +.markdown-content a:hover, +.markdown-content a:active, +.markdown-content a:focus { + color: #000; + text-decoration: none; +} +.markdown-content hr { + margin: 0 0 1em 0; + margin: 0 0 2ch 0; + display: block; + border: 0; + background-color: transparent; +} +..markdown-content hr:after { + content: '----'; +} +.markdown-content th:before, +.markdown-content td:before { + content: '|'; +} +.markdown-content th:last-child:after, +.markdown-content td:last-child:after { + content: '|'; +} +.markdown-content img { + height: 0; + width: 0; + font-size: 0; + color: transparent; + position: relative; + content: ""; +} +.markdown-content img:before, +.markdown-content img:after { + position: absolute; + top: 0; + left: 0; +} +.markdown-content img:before { + content: ' ' "' attr(title) '")'; +} +.markdown-content table { + margin: 0 0 1em 0; + margin: 0 0 2ch 0; + text-align: left; +} +.markdown-content th[style], +.markdown-content td[style] { + text-align: left !important; +} + + +.brand, #mainmenu-toggle-overlay, #mainmenu-toggle, #trick { + display: none; +}