mirror of
https://gitlab.com/Chill-Projet/chill-bundles.git
synced 2025-06-07 18:44:08 +00:00
layout for scratch css
This commit is contained in:
Marc Ducobu
parent
109e11d960
commit
842f26e2ed
@ -38,128 +38,102 @@
|
|||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
{# class for multicolumn in gumpy #}
|
<header class="navigation container">
|
||||||
<div class="row">
|
<div class="nav grid-2">
|
||||||
<nav id="header" class="navbar pretty" >
|
<ul id="navigation-menu">
|
||||||
|
<li class="nav-link title"><a href="javascript:void(0)">Chill</a>
|
||||||
|
|
||||||
<!--
|
|
||||||
<div id="logo" class="six columns logo">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
-->
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<ul id="nav_list" class="six columns">
|
|
||||||
<li><a href="#">Bonjour app.user.username </a></li>
|
|
||||||
<li><a href="#"><i class="icon-users"></i></a></li>
|
|
||||||
<li><a href="#"><i class="icon-export"></i></a></li>
|
|
||||||
<li><a href="{{ path('chill_main_admin_central') }}"><i class="icon-gauge"></i></a></li>
|
|
||||||
<li><a href="#">Se déconnecter <i class="icon-logout"></i></a></li>
|
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</nav>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="grid-4 navigation-search">
|
||||||
|
<input type="search" placeholder="Enter Search" />
|
||||||
<div class="row">
|
<button class="button white border"><i class="fa fa-search"></i></button>
|
||||||
<div id="usefulbar" gumby-fixed="top" class="">
|
|
||||||
|
|
||||||
<ul class="">
|
|
||||||
|
|
||||||
<li id="search_element" class="">
|
|
||||||
<div id="search_form" class="">
|
|
||||||
<div class="field append">
|
|
||||||
<form method="GET" action="#">
|
|
||||||
<input type="search" name="q"
|
|
||||||
class="wide search input" placeholder="Rechercher">
|
|
||||||
<button type="submit" class="medium primary btn">Go</button>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
<div class="nav grid-6 text-right">
|
||||||
|
<ul id="navigation-menu">
|
||||||
<li class="" >
|
<li class="nav-link more"><a href="javascript:void(0)">Sections</a>
|
||||||
<a href="#"><i class="icon-user-add menu"></i></a>
|
<ul class="submenu">
|
||||||
</li>
|
<li><a href="javascript:void(0)"><i class="fa fa-user"></i> Person</a></li>
|
||||||
|
<li><a href="javascript:void(0)"><i class="fa fa-calendar-o"></i>Report</a></li>
|
||||||
|
<li><a href="javascript:void(0)"><i class="fa fa-gears"></i> Admin</a></li>
|
||||||
|
<li><a href="javascript:void(0)"><i class="fa fa-upload"></i> Export</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-link more"><a href="javascript:void(0)">app.user.username</a>
|
||||||
|
<ul class="submenu">
|
||||||
|
<li><a href="javascript:void(0)"><i class="fa fa-gear"></i> Mon profil</a></li>
|
||||||
|
<li><a href="javascript:void(0)"><i class="fa fa-power-off"></i> Se déconnecter</a></li>
|
||||||
|
<li><a href="javascript:void(0)"><i class="fa fa-question"></i> Aide</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-link more"><a href="javascript:void(0)">FR</a>
|
||||||
|
<ul class="submenu">
|
||||||
|
<li><a href="javascript:void(0)">FR</a></li>
|
||||||
|
<li><a href="javascript:void(0)">NL</a></li>
|
||||||
|
<li><a href="javascript:void(0)">EN</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="grid-8 centered">
|
||||||
|
<input name="person" type="text" placeholder="Rechercher une personne">
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{# Flash messages !
|
{# Flash messages !
|
||||||
|
|
||||||
{% if (app.session.flashbag.get('success').length > 0
|
{% if (app.session.flashbag.get('success').length > 0
|
||||||
OR app.session.flashbag.get('danger').length > 0
|
OR app.session.flashbag.get('danger').length > 0
|
||||||
OR app.session.flashbag.get('info').length > 0 ) %}#}
|
OR app.session.flashbag.get('info').length > 0 ) %}#}
|
||||||
<div class="row">
|
<div class="container">
|
||||||
|
|
||||||
<div id="flashMessages" class="push_three six columns">
|
|
||||||
{% for flashMessage in app.session.flashbag.get('success') %}
|
{% for flashMessage in app.session.flashbag.get('success') %}
|
||||||
<div class="flash-notice success alert">
|
<div class="grid-8 centered success">
|
||||||
|
<span>
|
||||||
{{ flashMessage|raw }}
|
{{ flashMessage|raw }}
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
||||||
{% for flashMessage in app.session.flashbag.get('danger') %}
|
{% for flashMessage in app.session.flashbag.get('danger') %}
|
||||||
<div class="flash-notice danger alert">
|
<div class="grid-8 centered error">
|
||||||
|
<span>
|
||||||
{{ flashMessage|raw }}
|
{{ flashMessage|raw }}
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
||||||
{% for flashMessage in app.session.flashbag.get('info') %}
|
{% for flashMessage in app.session.flashbag.get('info') %}
|
||||||
<div class="flash-notice info alert">
|
<div class="grid-8 centered notice">
|
||||||
|
<span>
|
||||||
{{ flashMessage|raw }}
|
{{ flashMessage|raw }}
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
{# {% endif %} #}
|
{# {% endif %} #}
|
||||||
|
|
||||||
<div class="row">
|
<div class="container">
|
||||||
<div id="wrapper" style="min-height: 1500px;">
|
<div id="wrapper" style="min-height: 1500px;">
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
|
||||||
|
|
||||||
<h1>Title</h1>
|
<h1>Title</h1>
|
||||||
<p> Hello ! </p>
|
<p> Hello ! </p>
|
||||||
|
|
||||||
<div class="medium primary btn">
|
<div class="medium primary btn">
|
||||||
<a href="#">Primary</a>
|
<a href="#">Primary</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<p>License AGPL</p>
|
||||||
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
Loading…
x
Reference in New Issue
Block a user