src/Wallabag/CoreBundle/Resources/views/themes/baggy/layout.html.twig

   1 {% extends "WallabagCoreBundle::base.html.twig" %}
   2
   3 {% block css %}
   4     {{ parent() }}
   5
   6     <link rel="stylesheet" href="{{ asset('themes/baggy/css/ratatouille.css') }}" media="all">
   7     <link rel="stylesheet" href="{{ asset('themes/baggy/css/font.css') }}" media="all">
   8     <link rel="stylesheet" href="{{ asset('themes/baggy/css/main.css') }}" media="all">
   9     <link rel="stylesheet" href="{{ asset('themes/baggy/css/messages.css') }}" media="all">
  10     <link rel="stylesheet" href="{{ asset('themes/baggy/css/print.css') }}" media="print">
  11 {% endblock %}
  12
  13 {% block scripts %}
  14     {{ parent() }}
  15
  16     <script src="{{ asset('themes/baggy/js/init.js') }}"></script>
  17     <script src="{{ asset('themes/baggy/js/closeMessage.js') }}"></script>
  18     <script src="{{ asset('themes/baggy/js/autoClose.js') }}"></script>
  19     <script src="{{ asset('themes/baggy/js/saveLink.js') }}"></script>
  20     <script src="{{ asset('themes/baggy/js/popupForm.js') }}"></script>
  21 {% endblock %}
  22
  23 {% block header %}
  24     <header class="w600p center mbm">
  25         <h1 class="logo">
  26             {% block logo %}
  27                 <img width="100" height="100" src="{{ asset('themes/baggy/img/logo-w.png') }}" alt="wallabag logo" />
  28             {% endblock %}
  29         </h1>
  30     </header>
  31 {% endblock %}
  32
  33 {% block menu %}
  34     <button id="menu" class="icon icon-menu desktopHide"><span>Menu</span></button>
  35     <ul id="links" class="links">
  36         <li><a href="{{ path('unread') }}">{% trans %}unread{% endtrans %}</a></li>
  37         <li><a href="{{ path('starred') }}">{% trans %}favorites{% endtrans %}</a></li>
  38         <li><a href="{{ path('archive') }}"}>{% trans %}archive{% endtrans %}</a></li>
  39         <li><a href="{{ path('all') }}"}>{% trans %}all{% endtrans %}</a></li>
  40         <li><a href="{{ path('tag') }}">{% trans %}tags{% endtrans %}</a></li>
  41         <li><a href="{{ path('new') }}">{% trans %}save a link{% endtrans %}</a></li>
  42         <li style="position: relative;"><a href="javascript: void(null);" id="search">{% trans %}search{% endtrans %}</a>
  43             <div id="search-form" class="messages info popup-form">
  44                 <form method="get" action="index.php">
  45                     <h2>{% trans %}Search{% endtrans %}</h2>
  46                     <a href="javascript: void(null);" id="search-form-close" class="close-button--popup close-button">&times;</a>
  47                     <input type="hidden" name="view" value="search"></input>
  48                     <input required placeholder="{% trans %}Enter your search here{% endtrans %}" type="text" name="search" id="searchfield"><br>
  49                     <input id="submit-search" type="submit" value="{% trans %}Search{% endtrans %}"></input>
  50                 </form>
  51             </div>
  52         </li>
  53         <li><a href="{{ path('config') }}">{% trans %}config{% endtrans %}</a></li>
  54         <li><a href="{{ path('howto') }}">{% trans %}howto{% endtrans %}</a></li>
  55         <li><a href="{{ path('about') }}">{% trans %}about{% endtrans %}</a></li>
  56         <li><a class="icon icon-power" href="{{ path('fos_user_security_logout') }}" title="{% trans %}logout{% endtrans %}">{% trans %}logout{% endtrans %}</a></li>
  57     </ul>
  58 {% endblock %}
  59
  60 {% block messages %}
  61     {% for flashMessage in app.session.flashbag.get('notice') %}
  62         <div class="messages success">
  63             <a href="#" class="closeMessage">×</a>
  64             <p>{{ flashMessage }}</p>
  65         </div>
  66     {% endfor %}
  67 {% endblock %}
  68
  69 {% block footer %}
  70     <footer class="w600p center mt3 mb3 smaller txtright">
  71         <p>{% trans %}powered by{% endtrans %} <a href="http://wallabag.org">wallabag</a></p>
  72     </footer>
  73 {% endblock %}