Update blog.soutade.fr

This commit is contained in:
Gregory Soutade 2020-04-06 10:32:09 +02:00
parent 1805967833
commit b7fb9738a1
5 changed files with 122 additions and 20 deletions

View File

@ -5,6 +5,7 @@
<meta content="blog, gregory, soutade, grégory, soutadé, Grégory, Soutadé" name="keywords"/> <meta content="blog, gregory, soutade, grégory, soutadé, Grégory, Soutadé" name="keywords"/>
<meta content="Blog de Grégory Soutadé" name="description"/> <meta content="Blog de Grégory Soutadé" name="description"/>
<meta content="Dynastie" name="generator"/> <meta content="Dynastie" name="generator"/>
<meta name="viewport" content="width=width, initial-scale=1"/>
<title>Blog de Grégory Soutadé</title> <title>Blog de Grégory Soutadé</title>
<link rel="icon" type="image/png" href="/images/favicon.png" /> <link rel="icon" type="image/png" href="/images/favicon.png" />
<link href="/rss.xml" rel="alternate" type="application/rss+xml" title="RSS 2.0" /> <link href="/rss.xml" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
@ -14,9 +15,9 @@
<dyn:block name="head"/> <dyn:block name="head"/>
</head> </head>
<body> <body>
<div class="content"> <div class="content" id="content">
<header> <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"> <div id="header">
<h2 id="title"><a href="/">Blog de Grégory Soutadé</a></h2> <h2 id="title"><a href="/">Blog de Grégory Soutadé</a></h2>
</div> </div>
@ -29,10 +30,15 @@
</div> </div>
</footer> </footer>
</div> </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">
<div class="menu_content_header">Recherche</div> <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"> <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)"/> <input type="text" name="text" id="search_text" onkeypress="handleKeyPress(event,this.form)"/>
</dyn:replace> </dyn:replace>
@ -41,7 +47,7 @@
<nav> <nav>
<div class="menu_content"> <div class="menu_content">
<div class="menu_content_header">Menu principal</div> <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="/">Première page</a></div>
<div class="menu_content_content"><a href="/about.html">À propos</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> <div class="menu_content_content"><a href="/all_posts.html">Tous les articles</a></div>

View File

@ -7,6 +7,7 @@
<dyn:meta name="title"/> <dyn:meta name="title"/>
<dyn:meta name="author"/> <dyn:meta name="author"/>
<meta content="Dynastie" name="generator"/> <meta content="Dynastie" name="generator"/>
<meta name="viewport" content="width=width, initial-scale=1"/>
<title>Blog de Grégory Soutadé</title> <title>Blog de Grégory Soutadé</title>
<link rel="icon" type="image/png" href="/images/favicon.png" /> <link rel="icon" type="image/png" href="/images/favicon.png" />
<link href="/rss.xml" rel="alternate" type="application/rss+xml" title="RSS 2.0" /> <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> <script type="text/javascript" src="/js/blog.js"> </script>
</head> </head>
<body onLoad="javascript:init();"> <body onLoad="javascript:init();">
<div class="content"> <div class="content" id="content">
<header> <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"> <div id="header">
<h2 id="title"><a href="/">Blog de Grégory Soutadé</a></h2> <h2 id="title"><a href="/">Blog de Grégory Soutadé</a></h2>
</div> </div>
@ -30,10 +31,15 @@
</div> </div>
</footer> </footer>
</div> </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">
<div class="menu_content_header">Recherche</div> <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"> <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)"/> <input type="text" name="text" id="search_text" onkeypress="handleKeyPress(event,this.form)"/>
</dyn:replace> </dyn:replace>
@ -42,7 +48,7 @@
<nav> <nav>
<div class="menu_content"> <div class="menu_content">
<div class="menu_content_header">Menu principal</div> <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="/">Première page</a></div>
<div class="menu_content_content"><a href="/about.html">À propos</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> <div class="menu_content_content"><a href="/all_posts.html">Tous les articles</a></div>
@ -93,7 +99,7 @@
</div> </div>
</div> </div>
<div class="feed"> <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> </div>
</nav> </nav>
<p style="text-align:center">Généré avec <a href="http://indefero.soutade.fr/p/dynastie">Dynastie</a></p> <p style="text-align:center">Généré avec <a href="http://indefero.soutade.fr/p/dynastie">Dynastie</a></p>

View File

@ -27,9 +27,9 @@
</script> </script>
</head> </head>
<body onLoad="decryptBase64();"> <body onLoad="decryptBase64();">
<div class="content"> <div class="content" id="content">
<header> <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"> <div id="header">
<h2 id="title"><a href="/">Blog de Grégory Soutadé</a></h2> <h2 id="title"><a href="/">Blog de Grégory Soutadé</a></h2>
</div> </div>
@ -52,10 +52,15 @@
</div> </div>
</footer> </footer>
</div> </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">
<div class="menu_content"> <div class="menu_content">
<div class="menu_content_header">Recherche</div> <div class="menu_content_header">Recherche</div>
<div id="menu_main"> <div class="menu_main">
<form action="/search/1" id="search_form" method="POST"> <form action="/search/1" id="search_form" method="POST">
<input id="search_text" name="text" onkeypress="handleKeyPress(event,this.form)" type="text"/> <input id="search_text" name="text" onkeypress="handleKeyPress(event,this.form)" type="text"/>
</form> </form>
@ -64,7 +69,7 @@
<nav> <nav>
<div class="menu_content"> <div class="menu_content">
<div class="menu_content_header">Menu principal</div> <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="/">Première page</a></div>
<div class="menu_content_content"><a href="/about.html">À propos</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> <div class="menu_content_content"><a href="/all_posts.html">Tous les articles</a></div>

View File

@ -44,7 +44,7 @@ div.content
padding-left:2em; padding-left:2em;
padding-right:2em; padding-right:2em;
margin-bottom:15em; margin-bottom:15em;
width:75em; margin-right:35em;
background-color:white; background-color:white;
border-style:solid; border-style:solid;
border-color:black; border-color:black;
@ -64,10 +64,10 @@ div.menu
width:15em; width:15em;
position:absolute; position:absolute;
top:20em; top:20em;
left:94em; right:5em;
} }
#menu_main .menu_main
{ {
padding:0.5em; padding:0.5em;
} }
@ -223,7 +223,6 @@ div.post div.post_content
font-family: 'Latin Modern Roman', Georgia, 'Times New Roman', Times, serif; font-family: 'Latin Modern Roman', Georgia, 'Times New Roman', Times, serif;
font-size: 1.1em; font-size: 1.1em;
color: #171811; color: #171811;
} }
footer.post_footer footer.post_footer
@ -509,3 +508,71 @@ div.all_posts div.post
{ {
display:inline; 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%;
}
}*/

View File

@ -99,3 +99,21 @@ function handleKeyPress(e){
f.submit(); 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";
}
}