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%; | ||||
|     } | ||||
| }*/ | ||||
|   | ||||
| @@ -99,3 +99,21 @@ function handleKeyPress(e){ | ||||
| 	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