Update blog.soutade.fr
This commit is contained in:
		@@ -5,6 +5,7 @@
 | 
			
		||||
    <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"/>
 | 
			
		||||
    <meta name="viewport" content="width=width, initial-scale=1"/>
 | 
			
		||||
    <title>Blog de Grégory Soutadé</title>
 | 
			
		||||
    <link rel="icon" type="image/png" href="/images/favicon.png" />
 | 
			
		||||
    <link href="/rss.xml" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
 | 
			
		||||
@@ -14,9 +15,9 @@
 | 
			
		||||
    <dyn:block name="head"/>
 | 
			
		||||
  </head>
 | 
			
		||||
  <body>
 | 
			
		||||
    <div class="content">
 | 
			
		||||
    <div class="content" id="content">
 | 
			
		||||
      <header>
 | 
			
		||||
	<a href="/"><img id="logo" src="/images/tux_final2.png"/></a>
 | 
			
		||||
	<a href="/"><img id="logo" alt="Logo Tux" src="/images/tux_final2.png"/></a>
 | 
			
		||||
	<div id="header">
 | 
			
		||||
	  <h2 id="title"><a href="/">Blog de Grégory Soutadé</a></h2>
 | 
			
		||||
	</div>
 | 
			
		||||
@@ -29,10 +30,15 @@
 | 
			
		||||
	</div>
 | 
			
		||||
      </footer>
 | 
			
		||||
    </div>
 | 
			
		||||
    <div class="menu">
 | 
			
		||||
    <div class="hamburger" id="hamburger">
 | 
			
		||||
      <a href="#" onclick="switchMenu();return false;">
 | 
			
		||||
	<img id="hamburger_logo" alt="Menu" src="/images/hamburger.png"/>
 | 
			
		||||
      </a>
 | 
			
		||||
    </div>
 | 
			
		||||
    <div class="menu" id="menu">
 | 
			
		||||
      <div class="menu_content">
 | 
			
		||||
	<div class="menu_content_header">Recherche</div>
 | 
			
		||||
	<div id="menu_main">
 | 
			
		||||
	<div class="menu_main">
 | 
			
		||||
	  <dyn:replace div_name="form" id="search_form" method="POST" action="/search/dyn:blog_id">
 | 
			
		||||
	    <input type="text" name="text" id="search_text" onkeypress="handleKeyPress(event,this.form)"/>
 | 
			
		||||
	  </dyn:replace>
 | 
			
		||||
@@ -41,7 +47,7 @@
 | 
			
		||||
      <nav>
 | 
			
		||||
	<div class="menu_content">
 | 
			
		||||
	  <div class="menu_content_header">Menu principal</div>
 | 
			
		||||
	  <div id="menu_main">
 | 
			
		||||
	  <div class="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="/all_posts.html">Tous les articles</a></div>
 | 
			
		||||
 
 | 
			
		||||
@@ -7,6 +7,7 @@
 | 
			
		||||
    <dyn:meta name="title"/>
 | 
			
		||||
    <dyn:meta name="author"/>
 | 
			
		||||
    <meta content="Dynastie" name="generator"/>
 | 
			
		||||
    <meta name="viewport" content="width=width, initial-scale=1"/>
 | 
			
		||||
    <title>Blog de Grégory Soutadé</title>
 | 
			
		||||
    <link rel="icon" type="image/png" href="/images/favicon.png" />
 | 
			
		||||
    <link href="/rss.xml" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
 | 
			
		||||
@@ -15,9 +16,9 @@
 | 
			
		||||
    <script type="text/javascript" src="/js/blog.js"> </script>
 | 
			
		||||
  </head>
 | 
			
		||||
  <body onLoad="javascript:init();">
 | 
			
		||||
    <div class="content">
 | 
			
		||||
    <div class="content" id="content">
 | 
			
		||||
      <header>
 | 
			
		||||
	<a href="/"><img id="logo" src="/images/tux_final2.png"/></a>
 | 
			
		||||
	<a href="/"><img id="logo" alt="Logo Tux" src="/images/tux_final2.png"/></a>
 | 
			
		||||
	<div id="header">
 | 
			
		||||
	  <h2 id="title"><a href="/">Blog de Grégory Soutadé</a></h2>
 | 
			
		||||
	</div>
 | 
			
		||||
@@ -30,10 +31,15 @@
 | 
			
		||||
	</div>
 | 
			
		||||
      </footer>
 | 
			
		||||
    </div>
 | 
			
		||||
    <div class="menu">
 | 
			
		||||
    <div class="hamburger" id="hamburger">
 | 
			
		||||
      <a href="#" onclick="switchMenu();return false;">
 | 
			
		||||
	<img id="hamburger_logo" alt="Menu" src="/images/hamburger.png"/>
 | 
			
		||||
      </a>
 | 
			
		||||
    </div>
 | 
			
		||||
    <div class="menu" id="menu">
 | 
			
		||||
      <div class="menu_content">
 | 
			
		||||
	<div class="menu_content_header">Recherche</div>
 | 
			
		||||
	<div id="menu_main">
 | 
			
		||||
	<div class="menu_main">
 | 
			
		||||
	  <dyn:replace div_name="form" id="search_form" method="POST" action="/search/dyn:blog_id">
 | 
			
		||||
	    <input type="text" name="text" id="search_text" onkeypress="handleKeyPress(event,this.form)"/>
 | 
			
		||||
	  </dyn:replace>
 | 
			
		||||
@@ -42,7 +48,7 @@
 | 
			
		||||
      <nav>
 | 
			
		||||
	<div class="menu_content">
 | 
			
		||||
	  <div class="menu_content_header">Menu principal</div>
 | 
			
		||||
	  <div id="menu_main">
 | 
			
		||||
	  <div class="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="/all_posts.html">Tous les articles</a></div>
 | 
			
		||||
@@ -93,7 +99,7 @@
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
	<div class="feed">
 | 
			
		||||
	  <a href="/rss.xml"><img src="/images/rss.png" alt="RSS feeds"></img> RSS</a><a href="/atom.xml"><img src="/images/atom.png" alt="Atom feeds"></img> Atom</a>
 | 
			
		||||
	  <a href="/rss.xml"><img src="/images/rss.png" alt="RSS feeds"/> RSS</a><a href="/atom.xml"><img src="/images/atom.png" alt="Atom feeds"/> Atom</a>
 | 
			
		||||
	</div>
 | 
			
		||||
      </nav>
 | 
			
		||||
      <p style="text-align:center">Généré avec <a href="http://indefero.soutade.fr/p/dynastie">Dynastie</a></p>
 | 
			
		||||
 
 | 
			
		||||
@@ -27,9 +27,9 @@
 | 
			
		||||
    </script>
 | 
			
		||||
  </head>
 | 
			
		||||
  <body onLoad="decryptBase64();">
 | 
			
		||||
    <div class="content">
 | 
			
		||||
    <div class="content" id="content">
 | 
			
		||||
      <header>
 | 
			
		||||
	<a href="/"><img id="logo" src="/images/tux_final2.png"/></a>
 | 
			
		||||
	<a href="/"><img id="logo" alt="Logo Tux" src="/images/tux_final2.png"/></a>
 | 
			
		||||
	<div id="header">
 | 
			
		||||
	  <h2 id="title"><a href="/">Blog de Grégory Soutadé</a></h2>
 | 
			
		||||
	</div>
 | 
			
		||||
@@ -52,10 +52,15 @@
 | 
			
		||||
	</div>
 | 
			
		||||
      </footer>
 | 
			
		||||
    </div>
 | 
			
		||||
    <div class="hamburger" id="hamburger">
 | 
			
		||||
      <a href="#" onclick="switchMenu();return false;">
 | 
			
		||||
	<img id="hamburger_logo" alt="Menu" src="/images/hamburger.png"/>
 | 
			
		||||
      </a>
 | 
			
		||||
    </div>
 | 
			
		||||
    <div class="menu">
 | 
			
		||||
      <div class="menu_content">
 | 
			
		||||
	<div class="menu_content_header">Recherche</div>
 | 
			
		||||
	<div id="menu_main">
 | 
			
		||||
	<div class="menu_main">
 | 
			
		||||
	  <form action="/search/1" id="search_form" method="POST">
 | 
			
		||||
	    <input id="search_text" name="text" onkeypress="handleKeyPress(event,this.form)" type="text"/>
 | 
			
		||||
	  </form>
 | 
			
		||||
@@ -64,7 +69,7 @@
 | 
			
		||||
      <nav>
 | 
			
		||||
	<div class="menu_content">
 | 
			
		||||
	  <div class="menu_content_header">Menu principal</div>
 | 
			
		||||
	  <div id="menu_main">
 | 
			
		||||
	  <div class="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="/all_posts.html">Tous les articles</a></div>
 | 
			
		||||
 
 | 
			
		||||
@@ -44,7 +44,7 @@ div.content
 | 
			
		||||
    padding-left:2em;
 | 
			
		||||
    padding-right:2em;
 | 
			
		||||
    margin-bottom:15em;
 | 
			
		||||
    width:75em;
 | 
			
		||||
    margin-right:35em;
 | 
			
		||||
    background-color:white;
 | 
			
		||||
    border-style:solid;
 | 
			
		||||
    border-color:black;
 | 
			
		||||
@@ -64,10 +64,10 @@ div.menu
 | 
			
		||||
    width:15em;
 | 
			
		||||
    position:absolute;
 | 
			
		||||
    top:20em;
 | 
			
		||||
    left:94em;
 | 
			
		||||
    right:5em;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#menu_main
 | 
			
		||||
.menu_main
 | 
			
		||||
{
 | 
			
		||||
    padding:0.5em;
 | 
			
		||||
}
 | 
			
		||||
@@ -223,7 +223,6 @@ div.post  div.post_content
 | 
			
		||||
    font-family: 'Latin Modern Roman', Georgia, 'Times New Roman', Times, serif;
 | 
			
		||||
    font-size: 1.1em;
 | 
			
		||||
    color: #171811;
 | 
			
		||||
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
footer.post_footer
 | 
			
		||||
@@ -509,3 +508,71 @@ div.all_posts div.post
 | 
			
		||||
{
 | 
			
		||||
    display:inline;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.hamburger
 | 
			
		||||
{
 | 
			
		||||
    display:none;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media only screen and (max-width:1080px) {
 | 
			
		||||
 | 
			
		||||
    #header
 | 
			
		||||
    {
 | 
			
		||||
	padding-bottom:1em;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    #title a
 | 
			
		||||
    {
 | 
			
		||||
    	font-size: 1.5em;
 | 
			
		||||
    	padding-left:1em;
 | 
			
		||||
	padding-right:1em;
 | 
			
		||||
	margin-right:0em;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    div.menu
 | 
			
		||||
    {
 | 
			
		||||
	display:none;
 | 
			
		||||
	left:10%;
 | 
			
		||||
	top:2em;
 | 
			
		||||
	margin-bottom:2em;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    div.content
 | 
			
		||||
    {
 | 
			
		||||
	top:1em;
 | 
			
		||||
	left:1em;
 | 
			
		||||
	margin-right:2em;
 | 
			
		||||
	padding-left:0.5em;
 | 
			
		||||
	padding-right:0.5em;
 | 
			
		||||
	margin-bottom:3em;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    .hamburger
 | 
			
		||||
    {
 | 
			
		||||
	display:block;
 | 
			
		||||
	z-index:999;
 | 
			
		||||
	position:fixed;
 | 
			
		||||
	top:2em;
 | 
			
		||||
	right:-5em;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    img
 | 
			
		||||
    {
 | 
			
		||||
	width: 70%;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    #hamburger_logo
 | 
			
		||||
    {
 | 
			
		||||
	width:30%;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    #logo
 | 
			
		||||
    {
 | 
			
		||||
	display:none;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    .feed img
 | 
			
		||||
    {
 | 
			
		||||
	width:10%;
 | 
			
		||||
    }
 | 
			
		||||
}*/
 | 
			
		||||
 
 | 
			
		||||
@@ -98,4 +98,22 @@ function handleKeyPress(e){
 | 
			
		||||
	f = document.getElementById("search_form");
 | 
			
		||||
	f.submit();
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
function switchMenu()
 | 
			
		||||
{
 | 
			
		||||
    var menu = document.getElementById("menu");
 | 
			
		||||
    var content = document.getElementById("content");
 | 
			
		||||
 | 
			
		||||
    if (menu.style.display == "none" ||
 | 
			
		||||
	menu.style.display == "")
 | 
			
		||||
    {
 | 
			
		||||
	menu.style.display = "block";
 | 
			
		||||
	content.style.display = "none";
 | 
			
		||||
    }
 | 
			
		||||
    else
 | 
			
		||||
    {
 | 
			
		||||
	menu.style.display = "none";
 | 
			
		||||
	content.style.display = "block";
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user