forked from projects/fipamo
61ae73a9e5
First pass for CSS refactor for the dashboard, including the login and index templates. Still rough but the basic structure is in place for both as well as the re-worked css that will be added to the repo later once all the pages have been updated. Lots to do still but a good start.
63 lines
1.7 KiB
Twig
63 lines
1.7 KiB
Twig
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="theme-color" content="#FFFFFF"/>
|
|
<title>
|
|
{% block title %}
|
|
{{ title }}
|
|
{% endblock %}
|
|
</title>
|
|
{% block stylesheets %}{% endblock %}
|
|
</head>
|
|
<body>
|
|
<div id="notifications" class="notifications">
|
|
<div id="notify-message" class="notify-message">
|
|
<div id="notify-good" class="notify-icon">
|
|
<svg viewbox="0 0 20 20" class="icons"><use xlink:href="/assets/images/global/sprite.svg#entypo-emoji-flirt"/></svg>
|
|
</div>
|
|
<div id="notify-lame" class="notify-icon">
|
|
<svg viewbox="0 0 20 20" class="icons"><use xlink:href="/assets/images/global/sprite.svg#entypo-emoji-sad"/></svg>
|
|
</div>
|
|
<div id="notify-working" class="notify-icon">
|
|
<svg id="notify-working-icon" viewbox="0 0 20 20" class="icons"><use xlink:href="/assets/images/global/sprite.svg#entypo-cog"/></svg>
|
|
</div>
|
|
|
|
<div id="notify-text">
|
|
<div id="notify-progress"></div>
|
|
<p id="message-text">MESSAGE TEXT</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
{% if status %}
|
|
<header>
|
|
{% apply spaceless %}
|
|
<nav>
|
|
<div role="nav-left">
|
|
<a href="/dashboard"><img id="the-logo" src="/assets/images/global/fipamo-logo.svg"/></a>
|
|
</div>
|
|
<div>
|
|
NOTIFICATIONS
|
|
</div>
|
|
<div role="nav-right">
|
|
{% if status %}
|
|
{% apply spaceless %}
|
|
{{ include("dash/partials/navigation.twig") }}
|
|
{% endapply %}
|
|
{% endif %}
|
|
</div>
|
|
</nav>
|
|
{% endapply %}
|
|
{% endif %}
|
|
</header>
|
|
<main>
|
|
{% apply spaceless %}
|
|
{% block mainContent %}{% endblock %}
|
|
{% endapply %}
|
|
</main>
|
|
<footer></footer>
|
|
{% block javascripts %}{% endblock %}
|
|
</body>
|
|
</html>
|