Add blog.soutade.fr as example
This commit is contained in:
Gregory Soutade
Grégory Soutadé
parent
fb76a53aa0
commit
6e292d9e2d
|
|
@ -0,0 +1,13 @@
|
|||
<dyn:base file="_base.html" block="content" xmlns:dyn="http://indefero.soutade.fr/p/dynastie">
|
||||
<div id="archive_year">Archives <dyn:archive year="1"/></div>
|
||||
<dyn:posts limit="5">
|
||||
<div class="post_header">
|
||||
<dyn:title/>
|
||||
<div class="post_sub_header">
|
||||
<dyn:date/> | <div class="author_icon"> Écrit par <dyn:author/> </div>
|
||||
</div>
|
||||
</div>
|
||||
<dyn:post_content/>
|
||||
</dyn:posts>
|
||||
<dyn:navigation/>
|
||||
</dyn:base>
|
||||
|
|
@ -0,0 +1,67 @@
|
|||
<html xmlns:dyn="http://indefero.soutade.fr/p/dynastie" xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta content="text/html; charset=UTF-8" http-equiv="content-type"/>
|
||||
<meta content="index, follow" name="robots"/>
|
||||
<meta content="blog, gregory, soutade, grégory, soutadé, Grégory, Soutadé" name="keywords"/>
|
||||
<meta content="Blog de Grégory Soutadé" name="description"/>
|
||||
<meta content="Dynastie" name="generator"/>
|
||||
<title>Blog de Grégory Soutadé</title>
|
||||
<link href="/rss.xml" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
|
||||
<link href="/atom.xml" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
|
||||
<link href="/css/blog.css" rel="stylesheet" type="text/css"/>
|
||||
</head>
|
||||
<body>
|
||||
<img id="logo" src="/images/tux_final.png"/>
|
||||
<div class="body">
|
||||
<div class="table-row">
|
||||
<div class="table-cell" id="header">
|
||||
<h2 id="title"><a href="/">Blog de Grégory Soutadé</a></h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-row">
|
||||
<div class="content">
|
||||
<dyn:block name="content"/>
|
||||
</div>
|
||||
<div class="menu">
|
||||
<!-- <div class="menu_content"> -->
|
||||
<!-- <div class="menu_content_header">Search</div> -->
|
||||
<!-- <div class="menu_content_content">La recherche</div> -->
|
||||
<!-- </div> -->
|
||||
<div class="menu_content">
|
||||
<div class="menu_content_header">Menu principal</div>
|
||||
<div id="menu_main">
|
||||
<div class="menu_content_content"><a href="/">Première page</a></div>
|
||||
<div class="menu_content_content"><a href="/about.html">À propos</a></div>
|
||||
<div class="menu_content_content"><a href="http://indefero.soutade.fr">Projets personnels</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menu_content">
|
||||
<div class="menu_content_header">Catégories</div>
|
||||
<div class="menu_content_content">
|
||||
<ul>
|
||||
<li><a href="/category/cinema">Cinéma</a></li>
|
||||
<li><a href="/category/articles">Articles</a></li>
|
||||
<li><a href="/category/musique">Musique</a></li>
|
||||
<li><a href="/category/configurations-pc">Configurations PC</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menu_content">
|
||||
<div class="menu_content_header">Archives</div>
|
||||
<div class="menu_content_content">
|
||||
<ul>
|
||||
<li><a href="/archive/2011">2011</a></li>
|
||||
<li><a href="/archive/2010">2010</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<p style="text-align:center">Généré avec <a href="http://indefero.soutade.fr/p/dynastie">Dynastie</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
Copyright © 2010-2012 Grégory Soutadé.<br/>
|
||||
All Rights Reserved.
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,70 @@
|
|||
<html xmlns:dyn="http://indefero.soutade.fr/p/dynastie" xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta content="text/html; charset=UTF-8" http-equiv="content-type"/>
|
||||
<meta content="index, follow" name="robots"/>
|
||||
<dyn:meta name="description"/>
|
||||
<dyn:meta name="keywords"/>
|
||||
<dyn:meta name="title"/>
|
||||
<dyn:meta name="author"/>
|
||||
<meta content="Dynastie" name="generator"/>
|
||||
<title>Blog de Grégory Soutadé</title>
|
||||
<link href="/rss.xml" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
|
||||
<link href="/atom.xml" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
|
||||
<link href="/css/blog.css" rel="stylesheet" type="text/css"/>
|
||||
<script type="text/javascript" src="/js/blog.js"> </script>
|
||||
</head>
|
||||
<body onLoad="javascript:init();">
|
||||
<img id="logo" src="/images/tux_final.png"/>
|
||||
<div class="body">
|
||||
<div class="table-row">
|
||||
<div class="table-cell" id="header">
|
||||
<h2 id="title"><a href="/">Blog de Grégory Soutadé</a></h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-row">
|
||||
<div class="content">
|
||||
<dyn:block name="content"/>
|
||||
</div>
|
||||
<div class="menu">
|
||||
<!-- <div class="menu_content"> -->
|
||||
<!-- <div class="menu_content_header">Search</div> -->
|
||||
<!-- <div class="menu_content_content">La recherche</div> -->
|
||||
<!-- </div> -->
|
||||
<div class="menu_content">
|
||||
<div class="menu_content_header">Menu principal</div>
|
||||
<div id="menu_main">
|
||||
<div class="menu_content_content"><a href="/">Première page</a></div>
|
||||
<div class="menu_content_content"><a href="/about.html">À propos</a></div>
|
||||
<div class="menu_content_content"><a href="http://indefero.soutade.fr">Projets personnels</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menu_content">
|
||||
<div class="menu_content_header">Catégories</div>
|
||||
<div class="menu_content_content">
|
||||
<ul>
|
||||
<li><a href="/category/cinema">Cinéma</a></li>
|
||||
<li><a href="/category/articles">Articles</a></li>
|
||||
<li><a href="/category/musique">Musique</a></li>
|
||||
<li><a href="/category/configurations-pc">Configurations PC</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menu_content">
|
||||
<div class="menu_content_header">Archives</div>
|
||||
<div class="menu_content_content">
|
||||
<ul>
|
||||
<li><a href="/archive/2011">2011</a></li>
|
||||
<li><a href="/archive/2010">2010</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<p style="text-align:center">Généré avec <a href="http://indefero.soutade.fr/p/dynastie">Dynastie</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
Copyright © 2010-2012 Grégory Soutadé.<br/>
|
||||
All Rights Reserved.
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
<dyn:base file="_base.html" block="content" xmlns:dyn="http://indefero.soutade.fr/p/dynastie">
|
||||
<div id="category_name"><dyn:category name="1"/></div>
|
||||
<dyn:posts limit="5">
|
||||
<div class="post_header">
|
||||
<dyn:title/>
|
||||
<div class="post_sub_header">
|
||||
<dyn:date/> | <div class="author_icon"> Écrit par <dyn:author/> </div>
|
||||
</div>
|
||||
</div>
|
||||
<dyn:post_content/>
|
||||
</dyn:posts>
|
||||
<dyn:navigation/>
|
||||
</dyn:base>
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
<dyn:base file="_base.html" block="content" xmlns:dyn="http://indefero.soutade.fr/p/dynastie">
|
||||
<dyn:posts limit="5">
|
||||
<div class="post_header">
|
||||
<dyn:title/>
|
||||
<div class="post_sub_header">
|
||||
<dyn:date/> | <div class="author_icon"> Écrit par <dyn:author/> </div>
|
||||
</div>
|
||||
</div>
|
||||
<dyn:post_content/>
|
||||
</dyn:posts>
|
||||
<dyn:recents>
|
||||
<span id="recents_title">More posts...</span>
|
||||
</dyn:recents>
|
||||
<dyn:navigation/>
|
||||
</dyn:base>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<dyn:base file="_base_post.html" block="content" xmlns:dyn="http://indefero.soutade.fr/p/dynastie">
|
||||
<dyn:post>
|
||||
<div class="post">
|
||||
<div class="post_header">
|
||||
<dyn:title link="0"/>
|
||||
<div class="post_sub_header">
|
||||
<dyn:date/> | <div class="author_icon"> Écrit par <dyn:author/> </div>
|
||||
</div>
|
||||
</div>
|
||||
<dyn:post_content> </dyn:post_content>
|
||||
<dyn:comments>
|
||||
<dyn:replace div_name="div" id="comment_dyn:comment_index"> </dyn:replace>
|
||||
<div class="comment_header">#<dyn:comment_index/> De<dyn:comment_author/>, le<dyn:comment_date/></div>
|
||||
<dyn:comment_content/>
|
||||
<dyn:replace div_name="a" href="javascript:void(0);" onClick="javascript:display('response_dyn:comment_index');">Répondre</dyn:replace><br/>
|
||||
<dyn:replace div_name="form" id="response_dyn:comment_index" class="response" method="POST" action="http://localhost:8000/comment/add/dyn:post_id/dyn:comment_id" onsubmit="return validateComment(response_dyn:comment_index');">
|
||||
Auteur :<br/><input type="text" name="author"/><br/><br/>
|
||||
e-mail* :<br/><input type="text" name="email"/><br/><br/>
|
||||
Le commentaire :<br/><textarea name="the_comment" cols="80" rows="10"> </textarea><br/><br/>
|
||||
<input type="submit" value="Commenter"/>
|
||||
</dyn:replace>
|
||||
</dyn:comments>
|
||||
<dyn:replace div_name="form" id="response_0" method="POST" action="http://dynastie.soutade.fr/comment/add/dyn:post_id/0" onsubmit="return validateComment(response_0');">
|
||||
Auteur :<br/><input type="text" name="author"/><br/><br/>
|
||||
e-mail* :<br/><input type="text" name="email"/><br/><br/>
|
||||
Le commentaire :<br/><textarea name="the_comment" cols="80" rows="10"> </textarea><br/><br/>
|
||||
<input type="submit" value="Commenter"/><br/><br/>
|
||||
* Seulement pour être notifié d'une réponse à cet article
|
||||
</dyn:replace>
|
||||
</div>
|
||||
</dyn:post>
|
||||
</dyn:base>
|
||||
|
|
@ -0,0 +1,86 @@
|
|||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta content="text/html; charset=UTF-8" http-equiv="content-type"/>
|
||||
<meta content="index, follow" name="robots"/>
|
||||
<meta content="blog, gregory, soutade, grégory, soutadé, Grégory, Soutadé" name="keywords"/>
|
||||
<meta content="Blog de Grégory Soutadé" name="description"/>
|
||||
<meta content="Dynastie" name="generator"/>
|
||||
<title>Blog de Grégory Soutadé</title>
|
||||
<link href="/rss.xml" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
|
||||
<link href="/atom.xml" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
|
||||
<link href="/css/blog.css" rel="stylesheet" type="text/css"/>
|
||||
<script language="javascript" src="/js/base64.js"></script>
|
||||
<script language="javascript" type="text/javascript" >
|
||||
<!--
|
||||
function decryptBase64()
|
||||
{
|
||||
var elements = document.getElementsByClassName("decode64");
|
||||
for(var i=0; i<elements.length; i++)
|
||||
{
|
||||
content = elements[i].innerHTML;
|
||||
decoded = Base64.decode(content);
|
||||
elements[i].innerHTML = decoded;
|
||||
}
|
||||
}
|
||||
-->
|
||||
</script>
|
||||
</head>
|
||||
<body onLoad="decryptBase64();">
|
||||
<img id="logo" src="/images/tux_final.png"/>
|
||||
<div class="body">
|
||||
<div class="table-row">
|
||||
<div class="table-cell" id="header">
|
||||
<h2 id="title"><a href="/">Blog de Grégory Soutadé</a></h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-row">
|
||||
<div class="content">
|
||||
Bonjour, je m'appelle Grégory Soutadé. Ingénieur en informatique (logiciel embarqué). Actuellement en poste chez Neotion (dans nos beaux locaux de Sophia-Antipolis).<br/><br/>
|
||||
Pour me contatcter :<br/>
|
||||
<ul>
|
||||
<li class="decode64">PGEgaHJlZj0ibWFpbHRvOmdyZWdvcnlAc291dGFkZS5mciI+Z3JlZ29yeUBzb3V0YWRlLmZyPC9hPg==</li>
|
||||
<li><a href="http://www.facebook.com/gregory.soutade">Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="menu">
|
||||
<!-- <div class="menu_content"> -->
|
||||
<!-- <div class="menu_content_header">Search</div> -->
|
||||
<!-- <div class="menu_content_content">La recherche</div> -->
|
||||
<!-- </div> -->
|
||||
<div class="menu_content">
|
||||
<div class="menu_content_header">Menu principal</div>
|
||||
<div id="menu_main">
|
||||
<div class="menu_content_content"><a href="/">Première page</a></div>
|
||||
<div class="menu_content_content"><a href="/about.html">À propos</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menu_content">
|
||||
<div class="menu_content_header">Catégories</div>
|
||||
<div class="menu_content_content">
|
||||
<ul>
|
||||
<li><a href="/category/cinema">Cinéma</a></li>
|
||||
<li><a href="/category/posts">Articles</a></li>
|
||||
<li><a href="/category/musique">Musique</a></li>
|
||||
<li><a href="/category/configurations-pc">Configurations PC</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menu_content">
|
||||
<div class="menu_content_header">Archives</div>
|
||||
<div class="menu_content_content">
|
||||
<ul>
|
||||
<li><a href="/archive/2011">2011</a></li>
|
||||
<li><a href="/archive/2010">2010</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<p style="align:text-center">Généré avec <a href="http://indefero.soutade.fr/p/dynastie">Dynastie</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
Copyright © 2010-2012 Grégory Soutadé.<br/>
|
||||
All Rights Reserved.
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,366 @@
|
|||
html
|
||||
{
|
||||
height:100%;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
/* margin: 0 auto; */
|
||||
padding: 0;
|
||||
background-color: #ffffe2;
|
||||
margin-left: 20%;
|
||||
margin-right: 20%;
|
||||
height:100%;
|
||||
}
|
||||
|
||||
div.body
|
||||
{
|
||||
position:relative;
|
||||
top:-315px;
|
||||
display:table;
|
||||
width:100%;
|
||||
height:100%;
|
||||
background-color:white;
|
||||
border-style:solid;
|
||||
border-color:black;
|
||||
border-width:3px;
|
||||
margin-top:150px;
|
||||
}
|
||||
|
||||
#logo
|
||||
{
|
||||
z-index:2;
|
||||
display:inline;
|
||||
position:relative;
|
||||
/* top:-135px; */
|
||||
top: 33px;
|
||||
left:-27px;
|
||||
}
|
||||
|
||||
#title a
|
||||
{
|
||||
z-index:12;
|
||||
display:inline;
|
||||
color:black;
|
||||
font-family: Verdana,Geneva,Arial,Helvetica,Sans-Serif;
|
||||
font-size: 50px;
|
||||
padding-left:180px;
|
||||
}
|
||||
|
||||
#header
|
||||
{
|
||||
padding-top:50px;
|
||||
padding-bottom:50px;
|
||||
}
|
||||
|
||||
#recents_title
|
||||
{
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
div.table {display:table;}
|
||||
div.table-row {display:table-row;}
|
||||
div.table-cell {display:table-cell;}
|
||||
|
||||
div.content
|
||||
{
|
||||
display:table-cell;
|
||||
padding-left:3%;
|
||||
padding-right:2%;
|
||||
/* margin-top:2%; */
|
||||
width:75%;
|
||||
}
|
||||
|
||||
div.menu
|
||||
{
|
||||
display:table-cell;
|
||||
width:20%;
|
||||
margin:8px;
|
||||
}
|
||||
|
||||
#menu_main
|
||||
{
|
||||
padding:10px;
|
||||
}
|
||||
|
||||
div.menu > div.menu_content
|
||||
{
|
||||
background-color: #edeee7;
|
||||
border-style : solid ridge ridge solid;
|
||||
border-color:#d4d6c6;
|
||||
border-width:2px;
|
||||
border-bottom-width:4px;
|
||||
border-right-width:4px;
|
||||
padding:6px;
|
||||
margin :10px;
|
||||
}
|
||||
|
||||
div.menu > div.menu_content > div.menu_content_header
|
||||
{
|
||||
font-family: Tahoma,Arial,Helvetica,Sans-Serif;
|
||||
font-size: 17px;
|
||||
background-image: url("/images/BlockHeaderIcon.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
padding-left: 18px;
|
||||
color: #475028;
|
||||
}
|
||||
|
||||
div.menu > div.menu_content > div.menu_content_content
|
||||
{
|
||||
color: #5e6a34;
|
||||
}
|
||||
|
||||
div.menu_content_content a
|
||||
{
|
||||
font-family: Tahoma,Arial,Helvetica,Sans-Serif;
|
||||
color: #5e6a34;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
div.menu > div.menu_content > div.menu_content_content a:link
|
||||
{
|
||||
font-family: Tahoma,Arial,Helvetica,Sans-Serif;
|
||||
color: #5e6a34;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
div.menu > div.menu_content > div.menu_content_content a:hover
|
||||
{
|
||||
font-family: Tahoma,Arial,Helvetica,Sans-Serif;
|
||||
color: #5e6a34;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
div.menu > div.menu_content > div.menu_content_content ul
|
||||
{
|
||||
padding-left:20px;
|
||||
}
|
||||
|
||||
div.menu > div.menu_content > div.menu_content_content li
|
||||
{
|
||||
list-style-image: url("/images/BlockContentBullets.png");
|
||||
}
|
||||
|
||||
div.footer
|
||||
{
|
||||
width:100%;
|
||||
display:block;
|
||||
text-align:center;
|
||||
padding:15px;
|
||||
}
|
||||
|
||||
div.post
|
||||
{
|
||||
display:block;
|
||||
margin-bottom:100px;
|
||||
}
|
||||
|
||||
div.post > div.post_header
|
||||
{
|
||||
display:block;
|
||||
font-family: Tahoma,Arial,Helvetica,Sans-Serif;
|
||||
color: #3c3e2d;
|
||||
padding-bottom:5px;
|
||||
}
|
||||
|
||||
div.post > div.post_header > div.title > a
|
||||
{
|
||||
display:block;
|
||||
text-decoration:none;
|
||||
margin: 0.2em 0;
|
||||
padding: 0;
|
||||
font-weight:normal;
|
||||
font-style:normal;
|
||||
letter-spacing:normal;
|
||||
word-spacing:normal;
|
||||
font-variant:normal;
|
||||
text-decoration:none;
|
||||
font-variant:normal;
|
||||
text-transform:none;
|
||||
text-align:left;
|
||||
text-indent:0;
|
||||
line-height:inherit;
|
||||
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
|
||||
font-size: 26px;
|
||||
color: #181B0D;
|
||||
}
|
||||
|
||||
div.post > div.post_header > div.title > a:hover
|
||||
{
|
||||
display:block;
|
||||
text-decoration:none;
|
||||
margin: 0.2em 0;
|
||||
padding: 0;
|
||||
font-weight:normal;
|
||||
font-style:normal;
|
||||
letter-spacing:normal;
|
||||
word-spacing:normal;
|
||||
font-variant:normal;
|
||||
text-decoration:none;
|
||||
font-variant:normal;
|
||||
text-transform:none;
|
||||
text-align:left;
|
||||
text-indent:0;
|
||||
line-height:inherit;
|
||||
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
|
||||
font-size: 26px;
|
||||
color: #181B0D;
|
||||
}
|
||||
|
||||
div.post > div.post_header > div.post_sub_header
|
||||
{
|
||||
display:block;
|
||||
background-color: #edeee7;
|
||||
/* margin-left : 10px; */
|
||||
padding : 3px;
|
||||
}
|
||||
|
||||
div.post > div.post_header > div.post_sub_header > div.author_icon
|
||||
{
|
||||
display:inline;
|
||||
background-image: url('/images/authoricon.png');
|
||||
background-repeat: no-repeat;
|
||||
background-position: center left;
|
||||
padding-left: 18px;
|
||||
}
|
||||
|
||||
div.post > div.post_header > div.post_sub_header > div.author_icon > div.author
|
||||
{
|
||||
display:inline;
|
||||
}
|
||||
|
||||
div.post > div.post_header > div.post_sub_header > div.date
|
||||
{
|
||||
display:inline;
|
||||
font-family: Tahoma,Arial,Helvetica,Sans-Serif;
|
||||
background-image: url('/images/dateicon.png');
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
padding-left: 18px;
|
||||
}
|
||||
|
||||
div.post > div.post_content
|
||||
{
|
||||
display:block;
|
||||
margin-top:1%;
|
||||
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
|
||||
color: #171811;
|
||||
|
||||
}
|
||||
|
||||
div.recents
|
||||
{
|
||||
margin-left:20px;
|
||||
}
|
||||
|
||||
#archive_year, #category_name
|
||||
{
|
||||
font-size:50;
|
||||
padding-bottom:20px;
|
||||
}
|
||||
|
||||
div.navigation
|
||||
{
|
||||
margin:5px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
a, a:link, a:hover
|
||||
{
|
||||
font-family: Tahoma,Arial,Helvetica,Sans-Serif;
|
||||
color: #818f00;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
|
||||
{
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
|
||||
{
|
||||
font-family: Verdana,Geneva,Arial,Helvetica,Sans-Serif;
|
||||
font-size: 26px;
|
||||
color: #8c9d4d;
|
||||
}
|
||||
|
||||
h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
|
||||
{
|
||||
font-family: Verdana,Geneva,Arial,Helvetica,Sans-Serif;
|
||||
font-size: 21px;
|
||||
color: #65684b;
|
||||
}
|
||||
|
||||
h4
|
||||
{
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
ul li
|
||||
{
|
||||
list-style-image: url("/images/bullet.png");
|
||||
}
|
||||
|
||||
.comments
|
||||
{
|
||||
padding-left:1%;
|
||||
padding-top:1%;
|
||||
padding-bottom:1%;
|
||||
margin-bottom:5%;
|
||||
}
|
||||
|
||||
.comment
|
||||
{
|
||||
background-color: #edeceb;
|
||||
border-style:solid;
|
||||
border-radius: 10px;
|
||||
border-color: #8e785b;
|
||||
/* margin-bottom:3%; */
|
||||
padding:5px;
|
||||
margin:15px
|
||||
}
|
||||
|
||||
.comment .comment
|
||||
{
|
||||
/* padding-top:15px; */
|
||||
/* padding-left:15px; */
|
||||
/* margin-bottom:2px; */
|
||||
margin-top:15px;
|
||||
margin-left:15px;
|
||||
margin-bottom:1px;
|
||||
margin-right:1px;
|
||||
}
|
||||
|
||||
.comment_content
|
||||
{
|
||||
padding-top:5px;
|
||||
padding-left:5px;
|
||||
margin-bottom:5px;
|
||||
}
|
||||
|
||||
.comment_index, .comment_author, .comment_date
|
||||
{
|
||||
display: inline
|
||||
}
|
||||
|
||||
.comment_author, .comment_date
|
||||
{
|
||||
margin-left:5px;
|
||||
margin-right:5px;
|
||||
}
|
||||
|
||||
.comment_author
|
||||
{
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.response
|
||||
{
|
||||
display:none;
|
||||
padding:5px;
|
||||
}
|
||||
|
|
@ -0,0 +1,142 @@
|
|||
/**
|
||||
*
|
||||
* Base64 encode / decode
|
||||
* http://www.webtoolkit.info/
|
||||
*
|
||||
**/
|
||||
|
||||
var Base64 = {
|
||||
|
||||
// private property
|
||||
_keyStr : "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",
|
||||
|
||||
// public method for encoding
|
||||
encode : function (input) {
|
||||
var output = "";
|
||||
var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
|
||||
var i = 0;
|
||||
|
||||
input = Base64._utf8_encode(input);
|
||||
|
||||
while (i < input.length) {
|
||||
|
||||
chr1 = input.charCodeAt(i++);
|
||||
chr2 = input.charCodeAt(i++);
|
||||
chr3 = input.charCodeAt(i++);
|
||||
|
||||
enc1 = chr1 >> 2;
|
||||
enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
|
||||
enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
|
||||
enc4 = chr3 & 63;
|
||||
|
||||
if (isNaN(chr2)) {
|
||||
enc3 = enc4 = 64;
|
||||
} else if (isNaN(chr3)) {
|
||||
enc4 = 64;
|
||||
}
|
||||
|
||||
output = output +
|
||||
this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) +
|
||||
this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4);
|
||||
|
||||
}
|
||||
|
||||
return output;
|
||||
},
|
||||
|
||||
// public method for decoding
|
||||
decode : function (input) {
|
||||
var output = "";
|
||||
var chr1, chr2, chr3;
|
||||
var enc1, enc2, enc3, enc4;
|
||||
var i = 0;
|
||||
|
||||
input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
|
||||
|
||||
while (i < input.length) {
|
||||
|
||||
enc1 = this._keyStr.indexOf(input.charAt(i++));
|
||||
enc2 = this._keyStr.indexOf(input.charAt(i++));
|
||||
enc3 = this._keyStr.indexOf(input.charAt(i++));
|
||||
enc4 = this._keyStr.indexOf(input.charAt(i++));
|
||||
|
||||
chr1 = (enc1 << 2) | (enc2 >> 4);
|
||||
chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
|
||||
chr3 = ((enc3 & 3) << 6) | enc4;
|
||||
|
||||
output = output + String.fromCharCode(chr1);
|
||||
|
||||
if (enc3 != 64) {
|
||||
output = output + String.fromCharCode(chr2);
|
||||
}
|
||||
if (enc4 != 64) {
|
||||
output = output + String.fromCharCode(chr3);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
output = Base64._utf8_decode(output);
|
||||
|
||||
return output;
|
||||
|
||||
},
|
||||
|
||||
// private method for UTF-8 encoding
|
||||
_utf8_encode : function (string) {
|
||||
string = string.replace(/\r\n/g,"\n");
|
||||
var utftext = "";
|
||||
|
||||
for (var n = 0; n < string.length; n++) {
|
||||
|
||||
var c = string.charCodeAt(n);
|
||||
|
||||
if (c < 128) {
|
||||
utftext += String.fromCharCode(c);
|
||||
}
|
||||
else if((c > 127) && (c < 2048)) {
|
||||
utftext += String.fromCharCode((c >> 6) | 192);
|
||||
utftext += String.fromCharCode((c & 63) | 128);
|
||||
}
|
||||
else {
|
||||
utftext += String.fromCharCode((c >> 12) | 224);
|
||||
utftext += String.fromCharCode(((c >> 6) & 63) | 128);
|
||||
utftext += String.fromCharCode((c & 63) | 128);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
return utftext;
|
||||
},
|
||||
|
||||
// private method for UTF-8 decoding
|
||||
_utf8_decode : function (utftext) {
|
||||
var string = "";
|
||||
var i = 0;
|
||||
var c = c1 = c2 = 0;
|
||||
|
||||
while ( i < utftext.length ) {
|
||||
|
||||
c = utftext.charCodeAt(i);
|
||||
|
||||
if (c < 128) {
|
||||
string += String.fromCharCode(c);
|
||||
i++;
|
||||
}
|
||||
else if((c > 191) && (c < 224)) {
|
||||
c2 = utftext.charCodeAt(i+1);
|
||||
string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
|
||||
i += 2;
|
||||
}
|
||||
else {
|
||||
c2 = utftext.charCodeAt(i+1);
|
||||
c3 = utftext.charCodeAt(i+2);
|
||||
string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
|
||||
i += 3;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
return string;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -0,0 +1,93 @@
|
|||
|
||||
// http://www.quirksmode.org/js/cookies.html
|
||||
function readCookie(name) {
|
||||
var nameEQ = name + "=";
|
||||
var ca = document.cookie.split(';');
|
||||
for(var i=0;i < ca.length;i++) {
|
||||
var c = ca[i];
|
||||
while (c.charAt(0)==' ') c = c.substring(1,c.length);
|
||||
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
function init()
|
||||
{
|
||||
var i=0;
|
||||
|
||||
var author = readCookie("author");
|
||||
var email = readCookie("email");
|
||||
|
||||
for (i=0;;i++)
|
||||
{
|
||||
id = "response_"+i;
|
||||
var div = document.getElementById(id);
|
||||
|
||||
if (div == null) break;
|
||||
|
||||
var inputs = div.getElementsByTagName("input");
|
||||
for(a=0; a<inputs.length; a++)
|
||||
{
|
||||
if (author != null && inputs[a].getAttribute("name") == "author")
|
||||
inputs[a].value = author;
|
||||
if (email != null && inputs[a].getAttribute("name") == "email")
|
||||
inputs[a].value = email;
|
||||
}
|
||||
|
||||
// Remove space from textarea
|
||||
var textareas = div.getElementsByTagName("textarea");
|
||||
for(a=0; a<textareas.length; a++)
|
||||
{
|
||||
textareas[a].value = "";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function display(id)
|
||||
{
|
||||
div = document.getElementById(id);
|
||||
|
||||
if (div == null) return 0;
|
||||
|
||||
if (div.style.display == 'none' || div.style.display == '')
|
||||
div.style.display = 'block';
|
||||
else
|
||||
div.style.display = 'none';
|
||||
|
||||
return 0;
|
||||
}
|
||||
|
||||
function validateComment(id)
|
||||
{
|
||||
div = document.getElementById(id);
|
||||
|
||||
if (div == null) return false;
|
||||
|
||||
var inputs = div.getElementsByTagName("input");
|
||||
for(a=0; a<inputs.length; a++)
|
||||
{
|
||||
if (inputs[a].getAttribute("name") == "author")
|
||||
{
|
||||
if (inputs[a].value == '')
|
||||
{
|
||||
alert("Vous devez entrer un pseudo");
|
||||
return false;
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
// Remove space from textarea
|
||||
var textareas = div.getElementsByTagName("textarea");
|
||||
for(a=0; a<textareas.length; a++)
|
||||
{
|
||||
if (textareas[a].value == "")
|
||||
{
|
||||
alert("Vous devez rentrer un commentaire");
|
||||
return false;
|
||||
}
|
||||
break;
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
Loading…
Reference in New Issue