{% extends 'base.html' %}

{% block head %}
	<!-- LAOD MAIN CSS FILE  -->
	<link href="{{ url_for('static', filename='css/style.css')}}" rel="stylesheet" media="screen">
        <style>#bottom_nav{display:none}</style>

{% endblock %}

{% block nav %}
{% include 'menu.html'%}
{% endblock nav %}

{% block content %}

<a id="button">haut de page <b>&#8593;</b></a>

<div class='article_gallery'>
	{% for img_w in img_web %}
		<div class="printBg"style='background : rgb( 255,127,95) ; position:fixed ; width:{{ range(2, 5) | random }}%;left:{{ range(-11, 105) | random }}%; top:{{ range(1, 100) | random }}vh; z-index : -1;' ><img class='home_picture' style="mix-blend-mode: screen; filter:grayscale(100%) brightness(0.7) contrast(2); "src={{'/static/md_files/home/'+img_w}} /></div>
		{% endfor %}
</div>


<div id="vert_bar" class="left"></div>
<div class="content_wrapper">
	<article class="{{page.category}}">
	    {{ page }}
	</article>
</div>



{% endblock %}