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.
67 lines
1.8 KiB
Twig
67 lines
1.8 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>
|
|
<div id="main-content" class="main-container">
|
|
<section id="dash-index-content">
|
|
{% if status %}
|
|
<header id="header">
|
|
<div id="wrapper">
|
|
{% apply spaceless %}
|
|
<div id="left">
|
|
<a href="/dashboard"><img id="the-logo" src="/assets/images/global/fipamo-logo.svg"/></a>
|
|
</div>
|
|
<div id="right">
|
|
{% if status %}
|
|
{% apply spaceless %}
|
|
{{ include("dash/partials/navigation.twig") }}
|
|
{% endapply %}
|
|
{% endif %}
|
|
</div>
|
|
{% endapply %}
|
|
</div>
|
|
|
|
</header>
|
|
{% endif %}
|
|
{% apply spaceless %}
|
|
{% block mainContent %}{% endblock %}
|
|
{% endapply %}
|
|
|
|
</section>
|
|
|
|
|
|
</div>
|
|
|
|
<footer></footer>
|
|
{% block javascripts %}{% endblock %}
|
|
</body>
|
|
</html>
|