Skip to content
Snippets Groups Projects
Commit bae3f698 authored by Moreau Elise's avatar Moreau Elise
Browse files

use grid to structure website

parent fd4ddff9
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
templates/common/layout.twig
+ 60
− 57
View file @ bae3f698
...@@ -10,69 +10,72 @@ ...@@ -10,69 +10,72 @@
</head> </head>
<body> <body>
<div class="container-wrapper"> <div class="main-wrapper">
{% block navbar %} <div class="container-wrapper">
<div class="ui inverted menu header" id="header-content"> {% block navbar %}
<img src="/assets/img/covid-logo.png" class="ui huge spaced icon"> <div class="ui inverted menu header" id="header-content">
<a href="/" class="active item">Home</a> <img src="/assets/img/covid-logo.png" class="ui huge spaced icon">
<div class="right menu"> <a href="/" class="active item">Home</a>
{% if session.userId %} <div class="right menu">
<div class="item"> {% if session.userId %}
<a href="/account"><i class="user circle icon"></i>Profile</a> <div class="item">
</div> <a href="/account"><i class="user circle icon"></i>Profile</a>
<div class="item"> </div>
<a href="/logout">Log out</a> <div class="item">
</div> <a href="/logout">Log out</a>
{% else %} </div>
<div class="item"> {% else %}
<a href="/login">Log in</a> <div class="item">
</div> <a href="/login">Log in</a>
<div class="item"> </div>
<a href="/signup">Sign up</a> <div class="item">
</div> <a href="/signup">Sign up</a>
{% endif %} </div>
<div class="ui dropdown item"> {% endif %}
Categories <i class="dropdown icon"></i> <div class="ui dropdown item">
<div class="menu"> Categories <i class="dropdown icon"></i>
<a href="/users" class="item">Users</a> <div class="menu">
<a href="/map" class="item">Map</a> <a href="/users" class="item">Users</a>
<a href="/groups" class="item">Groups</a> <a href="/map" class="item">Map</a>
<a href="/groups" class="item">Groups</a>
</div>
</div>
<div class="item">
<form role="search" action="/search" method="post">
<div class="ui icon input">
<input type="text" id="search" name="search" placeholder="Search...">
<button type="submit" class="ui circular icon button large "><i class="search link icon"></i></button>
</div>
</form>
</div>
</div> </div>
</div> </div>
<div class="item"> {% endblock %}
<form role="search" action="/search" method="post">
<div class="ui icon input"> <div class="content" id="content">
<input type="text" id="search" name="search" placeholder="Search..."> {% if message %}
<button type="submit" class="ui circular icon button large "><i class="search link icon"></i></button> <div class="ui message">
</div> {{message}}
</form> </div>
{% endif %}
{% block content %} {% endblock %}
</div> </div>
</div>
</div> {% block footer %}
{% endblock %} <!-- Footer -->
<div class="content"> <div class="ui center aligned inverted vertical footer-content segment" id='footer-content'>
{% if message %} <div class="ui container">
<div class="ui message"> <div class="ui inverted section divider"></div>
{{message}} <p>Copyright : moreau96u | elise.moreau9@univ-lorraine.com</p>
</div> </div>
{% endif %}
{% block content %} {% endblock %}
</div>
{% block footer %}
<!-- Footer -->
<div class="ui center aligned inverted vertical footer-content segment" id='footer-content'>
<div class="ui container">
<div class="ui inverted section divider"></div>
<p> Copyright : moreau96u | elise.moreau9@univ-lorraine.com </p>
</div> </div>
{% endblock %}
</div> </div>
</div> </div>
</div>
{% endblock %}
</div>
<script type="text/javascript" src="/assets/js/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="/assets/semantic-ui/semantic.min.js"></script>
<script type="text/javascript" src="/assets/js/general.js"></script>
<script type="text/javascript" src="/assets/js/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="/assets/semantic-ui/semantic.min.js"></script>
<script type="text/javascript" src="/assets/js/general.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment