Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-06-07 18:44:08 +00:00
Code Issues Actions Projects Releases Wiki Activity

layout for scratch css

Browse Source
This commit is contained in:
Marc Ducobu 2014-11-05 11:25:30 +01:00
parent 8a732a0dff
commit fab0104c68
1 changed files with 72 additions and 98 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

130
Resources/views/layout.html.twig
View File

@ -38,128 +38,102 @@
</head>
<body>
{# class for multicolumn in gumpy #}
<div class="row">
<nav id="header" class="navbar pretty" >
<!--
<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>
<header class="navigation container">
<div class="nav grid-2">
<ul id="navigation-menu">
<li class="nav-link title"><a href="javascript:void(0)">Chill</a>
</ul>
</nav>
</div>
<div class="row">
<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 class="grid-4 navigation-search">
<input type="search" placeholder="Enter Search" />
<button class="button white border"><i class="fa fa-search"></i></button>
</div>
</li>
<li class="" >
<a href="#"><i class="icon-user-add menu"></i></a>
</li>
<div class="nav grid-6 text-right">
<ul id="navigation-menu">
<li class="nav-link more"><a href="javascript:void(0)">Sections</a>
<ul class="submenu">
<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>
</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>
{# Flash messages !
{% if (app.session.flashbag.get('success').length > 0
OR app.session.flashbag.get('danger').length > 0
OR app.session.flashbag.get('info').length > 0 ) %}#}
<div class="row">
<div id="flashMessages" class="push_three six columns">
<div class="container">
{% for flashMessage in app.session.flashbag.get('success') %}
<div class="flash-notice success alert">
<div class="grid-8 centered success">
<span>
{{ flashMessage|raw }}
</span>
</div>
{% endfor %}
{% for flashMessage in app.session.flashbag.get('danger') %}
<div class="flash-notice danger alert">
<div class="grid-8 centered error">
<span>
{{ flashMessage|raw }}
</span>
</div>
{% endfor %}
{% for flashMessage in app.session.flashbag.get('info') %}
<div class="flash-notice info alert">
<div class="grid-8 centered notice">
<span>
{{ flashMessage|raw }}
</span>
</div>
{% endfor %}
</div>
</div>
{# {% endif %} #}
<div class="row">
<div class="container">
<div id="wrapper" style="min-height: 1500px;">
{% block content %}
<h1>Title</h1>
<p> Hello ! </p>
<div class="medium primary btn">
<a href="#">Primary</a>
</div>
{% endblock %}
</div>
</div>
</div>
<footer class="footer">
<p>License AGPL</p>
</footer>
</body>
</html>