aac90a9c9e
[TWIG][UI] Header completed
63 lines
2.5 KiB
Twig
63 lines
2.5 KiB
Twig
{% extends 'base.html.twig' %}
|
|
|
|
{% block meta %}{% endblock %}
|
|
|
|
{% block title %}{% endblock %}
|
|
|
|
{% block stylesheets %}
|
|
<link rel='stylesheet' type='text/css' href="{{ asset('assets/css/faq/base.css') }}">
|
|
{% endblock %}
|
|
|
|
{% block body %}
|
|
<div id='header'>
|
|
<nav class='drop-down' id='menu'>
|
|
<ul>
|
|
<li>
|
|
<a href="#" class='hover-effect'>
|
|
<svg class="icon icon-menu"><use xlink:href="#icon-menu"></use></svg>
|
|
</a>
|
|
<ul>
|
|
<li><a>Bookmarks</a></li>
|
|
<li><a>Messages</a></li>
|
|
<li><a>Settings</a></li>
|
|
<li><a>Logout</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<nav class='drop-down' id='instance'>
|
|
<ul>
|
|
<li>
|
|
<a href="#" class='hover-effect'>
|
|
<svg class="icon icon-logo"><use xlink:href="#icon-logo"></use></svg>
|
|
<b id='instance-name'>GNU social</b>
|
|
<svg class="icon icon-drop"><use xlink:href="#icon-drop"></use></svg>
|
|
</a>
|
|
<ul>
|
|
<li><a>Main Page</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<div class='flex-item' id='search'>
|
|
<svg class="icon icon-search"><use xlink:href="#icon-search"></use></svg>
|
|
</div>
|
|
<div id='profile'>
|
|
<div id='nick'>
|
|
<svg class="icon icon-avatar"><use xlink:href="#icon-avatar"></use></svg>
|
|
<b id='name'>someone</b>
|
|
</div>
|
|
<div id='tags'>
|
|
<i>coffee addict</i>
|
|
<i>lazy</i>
|
|
</div>
|
|
<div id='stats'>
|
|
<b>1337</b> Followers
|
|
<b>42</b> Following
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block javascripts %}{% endblock %}
|