diff options
author | Alexandr Danilov <bitbucket@modos189.ru> | 2015-08-04 17:18:15 +0300 |
---|---|---|
committer | Alexandr Danilov <bitbucket@modos189.ru> | 2015-08-04 17:18:15 +0300 |
commit | 53e121881b78bad3475aa92f2f33be231b441c2f (patch) | |
tree | a19caa2976c8de5b4c744fc3883e3af112881623 /src/Wallabag/CoreBundle/Resources/views/themes/material/base.html.twig | |
parent | 7e63b892f9682e62f6758bb51c6912499f5bd8d1 (diff) | |
download | wallabag-53e121881b78bad3475aa92f2f33be231b441c2f.tar.gz wallabag-53e121881b78bad3475aa92f2f33be231b441c2f.tar.zst wallabag-53e121881b78bad3475aa92f2f33be231b441c2f.zip |
Added Material theme
Diffstat (limited to 'src/Wallabag/CoreBundle/Resources/views/themes/material/base.html.twig')
-rw-r--r-- | src/Wallabag/CoreBundle/Resources/views/themes/material/base.html.twig | 153 |
1 files changed, 153 insertions, 0 deletions
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/base.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/material/base.html.twig new file mode 100644 index 00000000..73dc60e7 --- /dev/null +++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/base.html.twig | |||
@@ -0,0 +1,153 @@ | |||
1 | <!DOCTYPE html> | ||
2 | <!--[if lte IE 6]><html class="no-js ie6 ie67 ie678" lang="en"><![endif]--> | ||
3 | <!--[if lte IE 7]><html class="no-js ie7 ie67 ie678" lang="en"><![endif]--> | ||
4 | <!--[if IE 8]><html class="no-js ie8 ie678" lang="en"><![endif]--> | ||
5 | <!--[if gt IE 8]><html class="no-js" lang="en"><![endif]--> | ||
6 | <html lang="fr"> | ||
7 | <head> | ||
8 | {% block head %} | ||
9 | <meta name="viewport" content="initial-scale=1.0"> | ||
10 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
11 | <!--[if IE]> | ||
12 | <meta http-equiv="X-UA-Compatible" content="IE=10"> | ||
13 | <![endif]--> | ||
14 | |||
15 | <link rel="apple-touch-icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon-152.png') }}" sizes="152x152"> | ||
16 | <link rel="icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon-152.png') }}" sizes="152x152"> | ||
17 | |||
18 | <link rel="apple-touch-icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon-144.png') }}" sizes="144x144"> | ||
19 | <link rel="icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon-144.png') }}" sizes="144x144"> | ||
20 | |||
21 | <link rel="apple-touch-icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon-120.png') }}" sizes="120x120"> | ||
22 | <link rel="icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon-120.png') }}" sizes="120x120"> | ||
23 | |||
24 | <link rel="apple-touch-icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon-114.png') }}" sizes="114x114"> | ||
25 | <link rel="icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon-114.png') }}" sizes="114x114"> | ||
26 | |||
27 | <link rel="apple-touch-icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon-76.png') }}" sizes="76x76"> | ||
28 | <link rel="icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon-76.png') }}" sizes="76x76"> | ||
29 | |||
30 | <link rel="apple-touch-icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon-72.png') }}" sizes="72x72"> | ||
31 | <link rel="icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon-72.png') }}" sizes="72x72"> | ||
32 | |||
33 | <link rel="apple-touch-icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon-57.png') }}" sizes="57x57"> | ||
34 | <link rel="icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon-57.png') }}" sizes="57x57"> | ||
35 | |||
36 | <link rel="apple-touch-icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon.png') }}"> | ||
37 | <link rel="icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon.png') }}"> | ||
38 | |||
39 | <link rel="shortcut icon" type="image/x-icon" href="{{ asset('themes/_global/img/appicon/favicon.ico') }}"> | ||
40 | |||
41 | {% block css %}{% endblock %} | ||
42 | {% block scripts %} | ||
43 | <script src="{{ asset('themes/_global/js/jquery-2.0.3.min.js') }}"></script> | ||
44 | <script src="{{ asset('themes/_global/js/autoClose.js') }}"></script> | ||
45 | <script src="{{ asset('themes/_global/js/saveLink.js') }}"></script> | ||
46 | <script src="{{ asset('themes/_global/js/popupForm.js') }}"></script> | ||
47 | <script src="{{ asset('themes/_global/js/jquery.cookie.js') }}"></script> | ||
48 | <script src="{{ asset('themes/_global/js/bookmarklet.js') }}"></script> | ||
49 | <script src="{{ asset('themes/_global/js/closeMessage.js') }}"></script> | ||
50 | {% endblock %} | ||
51 | |||
52 | <title>{% block title %}{% endblock %} - wallabag</title> | ||
53 | {% endblock %} | ||
54 | </head> | ||
55 | |||
56 | <body class="{% block body_class %}{% endblock %}"> | ||
57 | {% block header %} | ||
58 | {% endblock %} | ||
59 | |||
60 | <div id="main"> | ||
61 | {% block menu %} | ||
62 | <nav class="cyan darken-1"> | ||
63 | <ul style="width: 240px; left: 0px;" id="slide-out" class="side-nav fixed"> | ||
64 | {% block logo %} | ||
65 | <li class="logo border-bottom"> | ||
66 | <a class="waves-effect" href="{{ path('unread') }}"> | ||
67 | <img src="{{ asset('themes/baggy/img/logo-other_themes.png') }}" alt="wallabag logo" /> | ||
68 | </a> | ||
69 | </li> | ||
70 | {% endblock %} | ||
71 | <li class="bold"><a class="waves-effect" href="{{ path('unread') }}">{% trans %}unread{% endtrans %}</a></li> | ||
72 | <li class="bold"><a class="waves-effect" href="{{ path('starred') }}">{% trans %}favorites{% endtrans %}</a></li> | ||
73 | <li class="bold"><a class="waves-effect" href="{{ path('archive') }}"}>{% trans %}archive{% endtrans %}</a></li> | ||
74 | <li class="bold border-bottom"><a class="waves-effect" href="?view=tags">{% trans %}tags{% endtrans %}</a></li> | ||
75 | <li class="bold"><a class="waves-effect" href="{{ path('config') }}">{% trans %}config{% endtrans %}</a></li> | ||
76 | <li class="bold"><a class="waves-effect" class="icon icon-power" href="{{ path('logout') }}" title="{% trans %}logout{% endtrans %}">{% trans %}logout{% endtrans %}</a></li> | ||
77 | </ul> | ||
78 | <div class="nav-wrapper nav-panels"> | ||
79 | <div class="input-field nav-panel-buttom"> | ||
80 | <ul> | ||
81 | <li class="bold"><a class="waves-effect" href="{{ path('new_entry') }}" id="nav-btn-add"><i class="mdi-content-add"></i></a></li> | ||
82 | <li style="position: relative;"><a class="waves-effect" href="javascript: void(null);" id="nav-btn-search"><i class="mdi-action-search"></i></a> | ||
83 | </ul> | ||
84 | </div> | ||
85 | <form method="get" action="index.php"> | ||
86 | <div class="input-field nav-panel-search" style="display: none"> | ||
87 | <input name="search" id="searchfield" type="search" required placeholder="{% trans %}Enter your search here{% endtrans %}"> | ||
88 | <label for="search"><i class="mdi-action-search"></i></label> | ||
89 | <i class="mdi-navigation-close"></i> | ||
90 | </div> | ||
91 | </form> | ||
92 | <!--<form name="entry" method="post" action="{{ path('new_entry') }}"> | ||
93 | <div class="input-field nav-panel-add" style="display: none"> | ||
94 | <input id="add entry_url" name="entry[url]" type="search" required placeholder="{% trans %}Enter your link here{% endtrans %}"> | ||
95 | <label for="add"><i class="mdi-content-add"></i></label> | ||
96 | <i class="mdi-navigation-close"></i> | ||
97 | </div> | ||
98 | </form>--> | ||
99 | </div> | ||
100 | </nav> | ||
101 | |||
102 | <script> | ||
103 | $(document).ready(function() { | ||
104 | //$('#nav-btn-add').click(function(){ | ||
105 | // $(".nav-panel-buttom").hide(100); | ||
106 | // $(".nav-panel-add").show(100); | ||
107 | // $(".input-field #search").trigger('click'); | ||
108 | // return false; | ||
109 | //}); | ||
110 | $('#nav-btn-search').click(function(){ | ||
111 | $(".nav-panel-buttom").hide(100); | ||
112 | $(".nav-panel-search").show(100); | ||
113 | $(".input-field #add").trigger('click'); | ||
114 | return false; | ||
115 | }); | ||
116 | $('.mdi-navigation-close').click(function(){ | ||
117 | $(".nav-panel-add").hide(100); | ||
118 | $(".nav-panel-search").hide(100); | ||
119 | $(".nav-panel-buttom").show(100); | ||
120 | return false; | ||
121 | }); | ||
122 | }); | ||
123 | </script> | ||
124 | |||
125 | {% endblock %} | ||
126 | |||
127 | <main> | ||
128 | |||
129 | {% block precontent %}{% endblock %} | ||
130 | |||
131 | {% block messages %} | ||
132 | {% for flashMessage in app.session.flashbag.get('notice') %} | ||
133 | <div class="messages success"> | ||
134 | <a href="#" class="closeMessage">×</a> | ||
135 | <p>{{ flashMessage }}</p> | ||
136 | </div> | ||
137 | {% endfor %} | ||
138 | {% endblock %} | ||
139 | |||
140 | <div id="content" class="w600p"> | ||
141 | {% block content %}{% endblock %} | ||
142 | </div> | ||
143 | |||
144 | </main> | ||
145 | </div> | ||
146 | |||
147 | {% block footer %} | ||
148 | <footer class="w600p center mt3 mb3 smaller txtright"> | ||
149 | <p>{% trans %}powered by{% endtrans %} <a href="http://wallabag.org">wallabag</a></p> | ||
150 | </footer> | ||
151 | {% endblock %} | ||
152 | </body> | ||
153 | </html> | ||