{% extends 'main_template.html.twig' %}

{% block stylesheets %}
{{ parent() }}	
	
	<style>
	
#homepage_layout
{
	display:flex;
	flex-direction: row;
}

#menu
{
	flex:1;
	border:inset;
}

#homepage_content
{
	flex:4;
	border:solid;
}
		
	</style>

{% endblock %}

{% block main_content %}

<div id="homepage_layout">       
    <nav id="menu">           			
    	<ul>menu
        	<li><a href="">jobs</a></li>
          	<li><a href="{{ path('projects') }}">projects</a></li>
          	<li><a href="{{ path('playbooks') }}">playbooks</a></li>
          	<li><a href="">workflow</a></li>	
          	<li><a href="">inventory</a></li>
          	<li><a href="">administration</a></li>
          </ul>
    </nav>
    
    
    <div id="homepage_content">
    
        {% block homepage_content %}
        	content
        {% endblock %}
        
    </div>
    
    
</div>    
            			
{% endblock %}