diff --git a/css/style.css b/css/style.css index 6188b0c..7ff37ec 100644 --- a/css/style.css +++ b/css/style.css @@ -78,6 +78,38 @@ body { } } +.toc +{ + margin-top: 56px; + left:auto; + background: #eee; + width: 20%; + border: 1px solid #ddd; + color: #333; +} +.toc > ul +{ + list-style-type: none; + margin: 8px; + padding: 0px; +} +.toc a { + color: #333; +} +.toc .toc-h3 { + margin-left: 10px +} +.toc .toc-h4 { + margin-left: 20px +} +.toc-active { + color: #000; + font-weight: bold; +} +.toc.right { + right: 0 +} + blockquote { font-style: normal; @@ -197,9 +229,12 @@ flex-wrap: wrap; .alert { display: none; position: fixed; + font-weight: bold; + font-size: 1.5rem; top: 10px; right: 10px; cursor: pointer; + z-index: 1500000; } .imagepreview img diff --git a/hosts/localhost/config.php b/hosts/localhost/config.php index b9a1112..a9159fd 100644 --- a/hosts/localhost/config.php +++ b/hosts/localhost/config.php @@ -8,7 +8,7 @@ define('ALLOWED_EXT','jpg,svg,gif,png,c,tgz,tar.gz,gz,tar,sql,ico'); define('PASSWORD', 'c7ad44cbad762a5da0a452f9e854fdc1e0e7a52a38015f23f3eab1d80b931dd472634dfac71cd34ebc35d16ab7fb8a90c81f975113d6c7538dc69dd8de9077ec'); define('LOG_FILE', 'log.txt'); define('ACCESS_IP', ''); -define('HISTORY_FILE', 'history.txt'); +define('HISTORY_FILE', 'history'); define('MAX_HISTORY_FILES', 5); define('LANGUAGE', 'en'); \ No newline at end of file diff --git a/hosts/localhost/content/dependencies.md b/hosts/localhost/content/dependencies.md index 1ee73ca..4fcaee8 100644 --- a/hosts/localhost/content/dependencies.md +++ b/hosts/localhost/content/dependencies.md @@ -25,14 +25,21 @@ * https://github.com/PrismLibrary/Prism +## Table of Contents + + * https://github.com/jgallen23/toc + ## Icons * https://github.com/FortAwesome/Font-Awesome +## Interface + * https://github.com/mobify/magnifik + * https://github.com/codepo8/css-fork-on-github-ribbon + ## Essential * https://github.com/twbs/bootstrap * https://github.com/jquery/jquery * https://github.com/popperjs/popper-core - * https://github.com/zenorocha/clipboard.js - * https://github.com/codepo8/css-fork-on-github-ribbon \ No newline at end of file + * https://github.com/zenorocha/clipboard.js \ No newline at end of file diff --git a/hosts/localhost/content/features.md b/hosts/localhost/content/features.md index f16b4d7..5b18729 100644 --- a/hosts/localhost/content/features.md +++ b/hosts/localhost/content/features.md @@ -9,6 +9,7 @@ 3. Integrated Image viewer 4. Restricted access by ip address 5. Admin access logging +6. Table of contents ## Planned diff --git a/hosts/localhost/content/index.md b/hosts/localhost/content/index.md index 55d3103..2c818cd 100644 --- a/hosts/localhost/content/index.md +++ b/hosts/localhost/content/index.md @@ -7,7 +7,7 @@ This website is heavily formated with markdown format ! __ __ _ _____ | \/ | | | | __ \ | \ / | __ _ _ __| | _| | | | ___ ___ - | |\/| |/ _` | \'__| |/ / | | |/ _ \ / __| + | |\/| |/ _` | '__| |/ / | | |/ _ \ / __| | | | | (_| | | | <| |__| | (_) | (__ |_| |_|\__,_|_| |_|\_\_____/ \___/ \___| ``` diff --git a/hosts/localhost/content/usage.md b/hosts/localhost/content/usage.md index 726b0b6..3e1641b 100644 --- a/hosts/localhost/content/usage.md +++ b/hosts/localhost/content/usage.md @@ -17,7 +17,7 @@ unzip v6.0.0.zip mv emoji-data-v6.0.0 emoji-data ``` -## Configuration +## Multiples hosts There is a sample website in the "[website_root]/hosts/locahost" directory. It's easy to add a new one, you create one subfolder by name served by your webserver. diff --git a/index.php b/index.php index 6cd9564..b064527 100644 --- a/index.php +++ b/index.php @@ -24,12 +24,16 @@ include LIB_DIR."/ParsedownExtra.php"; include LIB_DIR."/ParsedownExtraPlus.php"; include LIB_DIR."/functions.php"; +### Translations +loadlang(LANGUAGE); +global $LANG; + ### Security testip(); logprotect(); ### Sessions -session_name($_SERVER['SERVER_NAME']); +session_name(markdoc); session_start(); /*var_dump($_POST); @@ -57,17 +61,17 @@ else if (isset($_POST['action'])) } else { - $content = '

Mot de passe incorrect.

'; - $log = file_exists(LOG_FILE) ? unserialize(file_get_contents(LOG_FILE)) : array(); + $content = '

'.$LANG['BADPASS'].'

'; + $log = file_exists(LOG_DIR) ? unserialize(file_get_contents(LOG_DIR)) : array(); if (isset($log[$_SERVER['REMOTE_ADDR']]) === false) { $log[$_SERVER['REMOTE_ADDR']] = array('num' => 0, 'time' => 0); } $log[$_SERVER['REMOTE_ADDR']]['num'] += 1; $log[$_SERVER['REMOTE_ADDR']]['time'] = time(); - file_put_contents(LOG_FILE, serialize($log)); + file_put_contents(LOG_DIR, serialize($log)); } - } + } else $content='

Aucun mot de passe renseigné !

'; } @@ -181,15 +185,16 @@ print(($_SESSION['md_admin'] == true)?'
  • -     ':''); ?> +     ':''); ?> + my-2 my-sm-0" value="TOC" name="toc" id="toc" type="button"/>   my-2 my-sm-0" value="Chercher" name="submit" id="submit" type="submit"/>
    -
    +
    Documentations
    @@ -199,7 +204,6 @@ print(($_SESSION['md_admin'] == true)?'
  • print($content); ?>

    -
    @@ -217,6 +221,8 @@ print(($_SESSION['md_admin'] == true)?'
  • + + ':''); ?> diff --git a/js/functions.js b/js/functions.js index 22181e8..20a0090 100644 --- a/js/functions.js +++ b/js/functions.js @@ -34,7 +34,8 @@ $(function(){ $("#image").hide(); $("#save").hide(); setTimeout(function(){ $("#forkongithub").fadeOut(1500); }, 5000); - $("#toc").tocify(); + $('#content > p> img').magnifik({ratio:1.0}); + tocgenerate(); $("#files").on("select_node.jstree", function (e, nodes) { file="/"+$("#files").jstree("get_path",nodes.node,"/").replace(/^.+?[/]/, ''); @@ -47,6 +48,11 @@ $(function(){ search($("#search").val()); }); + $("input[name=toc]").click(function(e) { + e.preventDefault(); + tocshow(); + }); + majlink('head'); }); @@ -62,6 +68,8 @@ function openlink(dest,majtree) majlink('content'); $(window).scrollTop(0); if (majtree) searchtree(dest); + $('#content > p> img').magnifik({ratio:1.00}); + tocgenerate(); }, error: function(XMLHttpRequest, textStatus, errorThrown) { if (dest!="special/404.md") @@ -72,6 +80,32 @@ function openlink(dest,majtree) }); } +function tocgenerate() +{ + tocshow(); + $('.toc').toc({ + 'selectors': 'h2,h3,h4', + 'container': '#content' + }) + $('.toc').append(''); + $('.toc > i').off().hover(function(e) { + e.preventDefault(); + tochide(); + }); +} + +function tochide() +{ + $('.toc').slideUp() + $('#toc').show(); +} + +function tocshow() +{ + $('.toc').slideDown() + $('#toc').hide(); +} + function alertBox(message, className) { $(".alert").removeClass("alert-success alert-warning alert-danger"); $(".alert").html(message).addClass("alert-" + className).fadeIn(); @@ -133,6 +167,7 @@ function search(arg) Prism.highlightAll(); majlink('content'); $(window).scrollTop(0); + tocgenerate(); }, error: function(XMLHttpRequest, textStatus, errorThrown) { if (dest!="special/404.md") diff --git a/js/functionsadmin.js b/js/functionsadmin.js index c3aeadb..1b702f3 100644 --- a/js/functionsadmin.js +++ b/js/functionsadmin.js @@ -111,6 +111,8 @@ $(function(){ $("#save").hide(); $("#content").html(emoji.replace_colons($("#content").html())); setTimeout(function(){ $("#forkongithub").fadeOut(1500); }, 5000); + $('#content > p> img').magnifik({ratio:1.0}); + tocgenerate(); $("#files").on("ready.jstree", function (e) { const urlParams = new URLSearchParams(window.location.search); @@ -139,10 +141,8 @@ $(function(){ else editlink(file) } - } -}); - - + } + }); $("#save").click(function(e){ e.preventDefault(); @@ -182,9 +182,40 @@ $(function(){ search($("#search").val()); }); + $("input[name=toc]").click(function(e) { + e.preventDefault(); + tocshow(); + }); + majlink('head'); }); +function tocgenerate() +{ + tocshow(); + $('.toc').toc({ + 'selectors': 'h2,h3,h4', + 'container': '#content' + }) + $('.toc').append(''); + $('.toc > i').hover(function(e) { + e.preventDefault(); + tochide(); + }); +} + +function tochide() +{ + $('.toc').slideUp() + $('#toc').show(); +} + +function tocshow() +{ + $('.toc').slideDown() + $('#toc').hide(); +} + function alertBox(message, className) { $(".alert").removeClass("alert-success alert-warning alert-danger"); $(".alert").html(message).addClass("alert-" + className).fadeIn(); @@ -270,7 +301,9 @@ function viewmode(data) if (data !== undefined) { $("#content").html(emoji.replace_colons(data)); Prism.highlightAll(); + $('#content > p> img').magnifik({ratio:1.00}); } + tocgenerate(); majlink('content'); $(window).scrollTop(0); $("#editor").hide(); diff --git a/js/magnifik.js b/js/magnifik.js new file mode 100644 index 0000000..bed63fd --- /dev/null +++ b/js/magnifik.js @@ -0,0 +1 @@ +!function(){var t=window.Adaptive||{},s=window.Mobify=window.Mobify||{};void 0===t.$&&(s.$=s.$||window.$||window.Zepto||window.jQuery);var i,e,o=t.$||s.$;s.UI=s.UI||{classPrefix:"m-"},s.UI.Magnifik=((e=function(t,s){this.options=o.extend({},e.defaults,s),this.options.classNames=o.extend(i.classNames,this.options.classNames),this.options.imageStyle.width=100*this.options.ratio+"%",this.options.stage||(this.options.stage=o("body"),this.options.global=!0),this.$element=o(t),this.bind()}).defaults=i={stage:void 0,classNames:{zooming:"zooming",close:"close",control:"magnifikControl",canvas:"magnifikCanvas",thumb:"magnifikThumb",full:"magnifikFull"},ratio:2,seekImage:!0,clickCloses:!0,activationEvent:"click",canvasStyle:{position:"absolute",width:"100%",height:"100%",overflow:"auto","-webkit-overflow-scrolling":"touch"},imageStyle:{position:"absolute",top:"0",left:"0",maxWidth:"none",maxHeight:"none"},stageHTML:function(){return'
    '},globalStyle:function(){var t="."+this._getClass("zooming");return t+" { overflow: hidden; padding-top:0px}"+t+" > * { display: none !important; }"+t+" > ."+this._getClass("control")+" { display: block !important; }"}},e.prototype.unbind=function(){return this.bind(!0)},e.prototype.makeElems=function(){if(this.$stage=this.options.stage,this.$canvas=o(this.options.stageHTML.call(this)).addClass(this._getClass("control")),this.$canvas.first().css(this.options.canvasStyle),this.$thumb=this.$canvas.find("."+this._getClass("thumb")).css(this.options.imageStyle),this.$full=this.$canvas.find("."+this._getClass("full")).css(this.options.imageStyle),this.options.clickCloses&&this.$canvas.first().addClass(this._getClass("close")),this.options.global){if(!o('style[data-magnifik="'+this._getClass("zooming")+'"]').length){var t=document.createElement("style"),s=this.options.globalStyle.call(this);t.setAttribute("type","text/css"),t.styleSheet?t.styleSheet.cssText=s:t.appendChild(document.createTextNode(s)),o("head")[0].appendChild(t)}}else this.$stage.css("position","relative");var i="."+this._getClass("close");this.$close=this.$canvas.find(i).add(this.$canvas.filter(i)),this.bindClose("bind")},e.prototype.close=function(t){this.isOpen&&(this.isOpen=!1,this.$element.trigger("magnifik:closing"),this.$canvas.detach(),this.$stage.removeClass(this._getClass("zooming")),this.options.global&&(document.body.scrollTop=this.oldScrollTop),this.$element.trigger("magnifik:close"))},e.prototype.open=function(t){if(t.preventDefault(),!this.isOpen){this.isOpen=!0,this.$element.trigger("magnifik:opening"),this.$stage||this.makeElems();var s,i,e=.5,n=.5,a=o(t.target);if("IMG"!==t.target.tagName){var l=this.$element;this.options.seekImage&&(l=l.add(this.$element.parents()));for(var h=0;h").attr("id",h).insertBefore(f);var u=t("").text(l.headerText(n,i,f)).attr("href","#"+h).bind("click",function(o){t(window).unbind("scroll",c),function(e,o){if(l.smoothScrolling&&"function"==typeof l.smoothScrolling){e.preventDefault();var n=t(e.target).attr("href");l.smoothScrolling(n,l,o)}t("li",r).removeClass(a),t(e.target).parent().addClass(a)}(o,function(){t(window).bind("scroll",c)}),e.trigger("selected",t(this).attr("href"))}),d=t("
  • ").addClass(l.itemClass(n,i,f,l.prefix)).append(u);o.append(d)}),e.html(o)})},jQuery.fn.toc.defaults={container:"body",listType:"