{"type": "body", "content": "", "style": "margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; background: #eee; color: #000; width: 800px; margin: auto", "bbox": [240, 0, 800, 1179], "children": [{"type": "div", "content": "", "style": "margin: 0; padding: 0; border: 2px solid #999; border-top: none; padding: 1em 1.5em 0; background: #fff", "bbox": [240, 0, 800, 1179], "children": [{"type": "div", "content": "", "style": "margin: 0; padding: 0", "bbox": [266, 16, 748, 66], "children": [{"type": "h1", "content": "", "style": "margin: 0; padding: 0; color: #666; border-bottom: 1px dotted #999", "bbox": [266, 16, 748, 38], "children": [{"type": "a", "content": "Tontof", "style": "margin: 0; padding: 0", "bbox": [266, 16, 97, 36], "children": []}]}, {"type": "h2", "content": "", "style": "margin: 0; padding: 0; text-align: right; font-style: italic; margin-bottom: 1em; color: #666", "bbox": [266, 54, 748, 28], "children": [{"type": "a", "content": "A simple and smart (or stupid) blog", "style": "margin: 0; padding: 0", "bbox": [610, 54, 403, 27], "children": []}]}]}, {"type": "div", "content": "", "style": "margin: 0; padding: 0; border: 1px dashed #999; font-size: 0.9em; padding: 0.2em; color: #666; height: 1.3em", "bbox": [266, 106, 748, 26], "children": []}, {"type": "div", "content": "", "style": "margin: 0; padding: 0; background: #eee; border-radius: 0 0 9px 9px; border-style: none solid solid; border-width: medium 1px 1px; box-shadow: 0 2px 8px 0 rgba(51, 51, 51, 0.5); font-size: 10pt; font-weight: bold; padding: 1px 20px 3px; position: absolute; left: 75%; top: 0", "bbox": [960, 0, 58, 20], "children": [{"type": "span", "content": ":-y", "style": "margin: 0; padding: 0", "bbox": [981, 1, 16, 15], "children": []}]}, {"type": "div", "content": "", "style": "margin: 0; padding: 0", "bbox": [266, 156, 748, 1009], "children": [{"type": "div", "content": "", "style": "margin: 0; padding: 0; border: 1px dotted #999; padding: 0.5em; margin: 1.5em 0; overflow: auto", "bbox": [266, 156, 748, 559], "children": [{"type": "h3", "content": "KrISS blog 5 et KrISS feed 4", "style": "margin: 0; padding: 0", "bbox": [275, 165, 730, 22], "children": []}, {"type": "h4", "content": "dimanche 16 septembre 2012 - 10:58", "style": "margin: 0; padding: 0; text-align: right; font-style: italic; color: #666; border-bottom: 1px dotted #999; margin-bottom: 1em", "bbox": [275, 187, 730, 19], "children": []}, {"type": "div", "content": "", "style": "margin: 0; padding: 0; padding: 0.5em", "bbox": [275, 222, 730, 484], "children": [{"type": "strong", "content": "KrISS blog", "style": "margin: 0; padding: 0", "bbox": [283, 266, 81, 17], "children": []}, {"type": "a", "content": "KrISS blog", "style": "margin: 0; padding: 0", "bbox": [419, 284, 76, 17], "children": []}, {"type": "a", "content": "Fred", "style": "margin: 0; padding: 0", "bbox": [793, 284, 32, 17], "children": []}, {"type": "a", "content": "Azikan", "style": "margin: 0; padding: 0", "bbox": [684, 302, 48, 17], "children": []}, {"type": "a", "content": "commentaires", "style": "margin: 0; padding: 0", "bbox": [645, 320, 100, 17], "children": []}, {"type": "strong", "content": "KrISS feed", "style": "margin: 0; padding: 0", "bbox": [283, 392, 80, 17], "children": []}, {"type": "a", "content": "KrISS feed", "style": "margin: 0; padding: 0", "bbox": [424, 410, 77, 17], "children": []}, {"type": "a", "content": "Lucian Marin", "style": "margin: 0; padding: 0", "bbox": [283, 536, 91, 17], "children": []}, {"type": "a", "content": "d\u00e9mo", "style": "margin: 0; padding: 0", "bbox": [942, 536, 40, 17], "children": []}, {"type": "a", "content": "feedburner", "style": "margin: 0; padding: 0", "bbox": [636, 662, 77, 17], "children": []}, {"type": "a", "content": "la fin de feedburner", "style": "margin: 0; padding: 0", "bbox": [283, 662, 697, 35], "children": []}, {"type": "a", "content": "Sebsauvage", "style": "margin: 0; padding: 0", "bbox": [417, 680, 88, 17], "children": []}, {"type": "p", "content": "", "style": "margin: 0; padding: 0; font-size: 0.9em; float: right; border: 1px dotted #999; padding: 0.3em", "bbox": [922, 680, 74, 26], "children": [{"type": "a", "content": "Permalink", "style": "margin: 0; padding: 0", "bbox": [927, 685, 63, 16], "children": []}]}]}]}, {"type": "form", "content": "", "style": "margin: 0; padding: 0", "bbox": [266, 740, 748, 407], "children": [{"type": "fieldset", "content": "", "style": "margin: 0; padding: 0; padding: 1em", "bbox": [266, 740, 748, 407], "children": [{"type": "legend", "content": "New comment", "style": "margin: 0; padding: 0; font-weight: bold; margin: 0 0.42em; padding: 0 0.42em", "bbox": [290, 740, 121, 18], "children": []}, {"type": "label", "content": "Pseudo", "style": "margin: 0; padding: 0", "bbox": [284, 774, 54, 17], "children": []}, {"type": "input", "content": "", "style": "margin: 0px; padding: 0px;", "bbox": [284, 792, 173, 19], "children": []}, {"type": "label", "content": "Site", "style": "margin: 0; padding: 0", "bbox": [284, 811, 27, 17], "children": []}, {"type": "input", "content": "", "style": "margin: 0px; padding: 0px;", "bbox": [284, 829, 173, 19], "children": []}, {"type": "label", "content": "Comment", "style": "margin: 0; padding: 0", "bbox": [284, 848, 69, 17], "children": []}, {"type": "textarea", "content": "", "style": "border: 1px solid rgb(0, 0, 0); margin: 0.2em 0px; padding: 0.2em; font-size: 1em; width: 100%;", "bbox": [284, 868, 719, 37], "children": []}, {"type": "p", "content": "", "style": "margin: 0; padding: 0", "bbox": [284, 912, 712, 32], "children": [{"type": "button", "content": "", "style": "margin: 0; padding: 0; border: 1px solid #000; border-radius: 4px; margin: 0 0.2em; background: #fff; height: 32px; width: 32px", "bbox": [286, 912, 32, 32], "children": [{"type": "strong", "content": "b", "style": "margin: 0; padding: 0", "bbox": [298, 920, 8, 15], "children": []}]}, {"type": "button", "content": "", "style": "margin: 0; padding: 0; border: 1px solid #000; border-radius: 4px; margin: 0 0.2em; background: #fff; height: 32px; width: 32px", "bbox": [323, 912, 32, 32], "children": [{"type": "em", "content": "i", "style": "margin: 0; padding: 0", "bbox": [338, 920, 2, 15], "children": []}]}, {"type": "button", "content": "", "style": "margin: 0; padding: 0; border: 1px solid #000; border-radius: 4px; margin: 0 0.2em; background: #fff; height: 32px; width: 32px", "bbox": [361, 912, 32, 32], "children": [{"type": "span", "content": "u", "style": "text-decoration:underline;; margin: 0; padding: 0", "bbox": [373, 920, 7, 15], "children": []}]}, {"type": "button", "content": "", "style": "margin: 0; padding: 0; border: 1px solid #000; border-radius: 4px; margin: 0 0.2em; background: #fff; height: 32px; width: 32px", "bbox": [398, 912, 32, 32], "children": [{"type": "del", "content": "s", "style": "margin: 0; padding: 0", "bbox": [411, 920, 6, 15], "children": []}]}, {"type": "button", "content": "url", "style": "margin: 0; padding: 0; border: 1px solid #000; border-radius: 4px; margin: 0 0.2em; background: #fff; height: 32px; width: 32px", "bbox": [435, 912, 32, 32], "children": []}, {"type": "button", "content": "\u00ab\u00a0\u00bb", "style": "margin: 0; padding: 0; border: 1px solid #000; border-radius: 4px; margin: 0 0.2em; background: #fff; height: 32px; width: 32px", "bbox": [473, 912, 32, 32], "children": []}, {"type": "button", "content": "", "style": "margin: 0; padding: 0; border: 1px solid #000; border-radius: 4px; margin: 0 0.2em; background: #fff; height: 32px; width: 32px", "bbox": [510, 912, 32, 32], "children": []}]}, {"type": "label", "content": "Captcha", "style": "margin: 0; padding: 0", "bbox": [284, 962, 59, 17], "children": []}, {"type": "pre", "content": "", "style": "margin: 0; padding: 0", "bbox": [284, 980, 712, 75], "children": [{"type": "pre", "content": "___       __  ____      \n|      /  /  \\    / |    \n|__   /   | _   _/  |    \n|    /_|_ |  |    \\ |    \n|___   |  \\__/ ___/ |___", "style": "margin: 0; padding: 0", "bbox": [284, 980, 712, 75], "children": []}]}, {"type": "input", "content": "", "style": "margin: 0px; padding: 0px;", "bbox": [284, 1073, 173, 19], "children": []}, {"type": "input", "content": "", "style": "margin: 0px; padding: 0px;", "bbox": [284, 1110, 173, 19], "children": []}, {"type": "input", "content": "", "style": "margin: 0px; padding: 0px;", "bbox": [461, 1110, 173, 19], "children": []}]}]}]}, {"type": "div", "content": "", "style": "margin: 0; padding: 0", "bbox": [266, 1165, 748, 12], "children": [{"type": "div", "content": "", "style": "margin: 0; padding: 0; margin: 0; font-size: 0.7em; text-align: center; clear: both; background: #fff; width: 100%", "bbox": [266, 1165, 748, 12], "children": [{"type": "strong", "content": "", "style": "margin: 0; padding: 0", "bbox": [489, 1165, 66, 12], "children": [{"type": "a", "content": "KrISS blog 6", "style": "margin: 0; padding: 0", "bbox": [489, 1165, 66, 12], "children": []}]}, {"type": "span", "content": "- A simple and smart (or stupid) blog", "style": "margin: 0; padding: 0", "bbox": [558, 1165, 179, 12], "children": []}, {"type": "a", "content": "Tontof", "style": "margin: 0; padding: 0", "bbox": [760, 1165, 30, 12], "children": []}]}]}]}]}
<!DOCTYPE html>

<html><head><title>KrISS blog 5 et KrISS feed 4 - Tontof</title></head><body><div id="global"><div id="header"><h1 id="title"><a>Tontof</a></h1><h2 id="subtitle"><a>A simple and smart (or stupid) blog</a></h2></div><div id="nav"><ul class="nav"><li><a>Home</a></li><li><a>RSS</a></li><li><a>KrISS apps</a></li></ul></div><div id="extra"><span class="extratohide">:-y</span><div class="extratoshow"><a>Login</a></div> </div><div id="section"><div class="article"><h3 class="title">KrISS blog 5 et KrISS feed 4</h3><h4 class="subtitle">dimanche 16 septembre 2012 - 10:58</h4><div class="content">
        Enfin quelques nouveautés !<br/><br/><strong>KrISS blog</strong><br/>
En ce qui concernt <a>KrISS blog</a>, j'ai pris en considération la remarque de <a>Fred</a> pour ne plus afficher le captcha après un preview et je me suis inspiré du blog d'<a>Azikan</a> pour faciliter la personnalisation des menus. J'ai également ajouté un flux RSS pour les <a>commentaires</a> (il est global et non spécifique aux articles). Pour finir, j'ai ajouté un lien pour n'afficher que les messages privés afin de faciliter l'édition des articles en cours et un petit footer comme pour KrISS feed.<br/><br/><strong>KrISS feed</strong><br/>
En ce qui concerne <a>KrISS feed</a>, la modification majeure concerne la mise en place d'une page d'édition des flux accessible uniquement en étant connecté. Elle permet de faire des modifications sur plusieurs flux en même temps, comme la suppression de plusieurs flux, l'ajout de plusieurs flux dans un dossier ou nouveau dossier etc.<br/>
J'ai également ajouté la possibilité de récupérer le permalink d'un lien posté avec shaarli ou blogotext (avec l'aide de Timo qui a gentiment modifié sa balise &lt;guid&gt;). C'est plus pratique quand on veut fournir l'origine d'un partage (les fameux via). Je me suis inspiré des icônes en CSS de <a>Lucian Marin</a> pour mettre un lien direct vers le flux RSS. Je vous laisse admirer tout ça sur la <a>démo</a>.<br/><br/>
J'ai aussi corrigé quelques problèmes (comme le fait de ne plus marquer comme lu un article en faisant un previous). Pour le moment ce sera tout, je n'ai malheureusement pas le temps d'en faire plus en ce moment. Le mode reader reste donc un peu moins abouti que le mode show dont je ne peux plus me passer.<br/><br/>
Je n'ai pas encore considéré les problèmes liés à <a>feedburner</a> car il semble que ce soit bientôt <a>la fin de feedburner</a> (via <a>Sebsauvage</a>).        <p class="link"><a>Permalink</a></p></div></div><div id="comments"></div><form id="new_comment"><fieldset><legend>New comment</legend><label>Pseudo</label><br/><input id="pseudo"/><br/><label>Site</label><br/><input id="site"/> <br/><div style="display:none;"><label>Leave empty</label><br/><textarea id="message"></textarea></div><label>Comment</label><br/><textarea id="comment"></textarea><p><button><strong>b</strong></button><button><em>i</em></button><button><span style="text-decoration:underline;">u</span></button><button><del>s</del></button><button>url</button><button>« »</button><button>&lt;&gt;</button></p><br/><label>Captcha</label><br/><pre><pre>
 ___       __  ____      
|      /  /  \    / |    
|__   /   | _   _/  |    
|    /_|_ |  |    \ |    
|___   |  \__/ ___/ |___ 
</pre></pre><br/><input id="captcha"/> <br/><br/><input/><input/></fieldset></form><br/></div><div id="footer"><div id="status"><strong><a>KrISS blog 6</a></strong><span class="nomobile"> - A simple and smart (or stupid) blog</span>. By <a>Tontof</a></div></div></div><style>* {
    margin: 0;
    padding: 0
    }
body {
    font-family: Arial, Helvetica, sans-serif;
    background: #eee;
    color: #000;
    width: 800px;
    margin: auto
    }
#global {
    border: 2px solid #999;
    border-top: none;
    padding: 1em 1.5em 0;
    background: #fff
    }
#title {
    color: #666;
    border-bottom: 1px dotted #999
    }
#subtitle {
    text-align: right;
    font-style: italic;
    margin-bottom: 1em;
    color: #666
    }
#nav {
    border: 1px dashed #999;
    font-size: 0.9em;
    padding: 0.2em;
    color: #666;
    height: 1.3em
    }
.nav {
    list-style-type: none
    }
.nav li {
    float: left;
    margin-right: 12px
    }
#status {
    margin: 0;
    font-size: 0.7em;
    text-align: center;
    clear: both;
    background: #fff;
    width: 100%
    }
#extra {
    background: #eee;
    border-radius: 0 0 9px 9px;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    box-shadow: 0 2px 8px 0 rgba(51, 51, 51, 0.5);
    font-size: 10pt;
    font-weight: bold;
    padding: 1px 20px 3px;
    position: absolute;
    left: 75%;
    top: 0
    }
.extratoshow {
    display: none
    }
.article, .comment {
    border: 1px dotted #999;
    padding: 0.5em;
    margin: 1.5em 0;
    overflow: auto
    }
.subtitle {
    text-align: right;
    font-style: italic;
    color: #666;
    border-bottom: 1px dotted #999;
    margin-bottom: 1em
    }
.content {
    padding: 0.5em
    }
.link {
    font-size: 0.9em;
    float: right;
    border: 1px dotted #999;
    padding: 0.3em
    }
#new_comment button {
    border: 1px solid #000;
    border-radius: 4px;
    margin: 0 0.2em;
    background: #fff;
    height: 32px;
    width: 32px
    }
fieldset {
    padding: 1em
    }
legend {
    font-weight: bold;
    margin: 0 0.42em;
    padding: 0 0.42em
    }
input[type=text], input[type=password], textarea {
    border: 1px solid #000;
    margin: 0.2em 0;
    padding: 0.2em;
    font-size: 1em;
    width: 100%
    }</style></body></html>