]> git.openstreetmap.org Git - rails.git/blob - app/views/layouts/site.html.erb
Another version of the media-queries CSS stuff. Works better for more pages now.
[rails.git] / app / views / layouts / site.html.erb
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<%= I18n.locale %>" lang="<%= I18n.locale %>" dir="<%= t'html.dir' %>">
3   <head>
4     <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"/>
5     <%= javascript_strings %>
6     <%= javascript_include_tag 'prototype' %>
7     <%= javascript_include_tag 'site' %>
8     <!--[if lt IE 7]><%= javascript_include_tag 'pngfix' %><![endif]--> <!-- thanks, microsoft! -->
9     <%= stylesheet_link_tag 'common' %>
10     <!--[if IE]><%= stylesheet_link_tag 'site', :media => "screen" %><![endif]--> <!-- IE is totally broken with CSS media queries -->
11     <%= stylesheet_link_tag 'site-sml', :media => "only screen and (max-width: 481px)" %>
12     <%= stylesheet_link_tag 'site', :media => "screen and (min-width: 482px)" %> 
13     <%= stylesheet_link_tag 'print', :media => "print" %>
14     <%= tag("link", { :rel => "search", :type => "application/opensearchdescription+xml", :title => "OpenStreetMap Search", :href => "/opensearch/osm.xml" }) %>
15     <%= tag("meta", { :name => "description", :content => "OpenStreetMap is the free wiki world map." }) %>
16     <%= yield :head %>
17     <title><%= t 'layouts.project_name.title' %><%= ' | '+ h(@title) if @title %></title>
18   </head>
19   <body>
20     <div id="content">
21       <% if @notice || flash[:notice] %>
22         <div id="notice"><%= @notice || flash[:notice] %></div>
23       <% end %>
24
25       <%= yield %>
26     </div>
27
28     <span id="greeting">
29       <% if @user and @user.id %>
30         <span id="full-greeting"><%= t 'layouts.welcome_user', :user_link => (link_to h(@user.display_name), {:controller => 'user', :action => 'view', :display_name => @user.display_name}, :title => t('layouts.welcome_user_link_tooltip')) %></span> 
31         <span id="small-greeting"><%= link_to t('layouts.welcome_user_link_tooltip'), {:controller => 'user', :action => 'view', :display_name => @user.display_name} %></span> | 
32         <%= yield :greeting %>
33         <%
34         inbox_attributes = {}
35         inbox_attributes[:class] = 'greeting-bar-unread' if @user.new_messages.size > 0
36         inbox_attributes[:title] = t 'layouts.inbox_tooltip', :count => @user.new_messages.size
37         %>
38         <%= link_to t('layouts.inbox', :count => @user.new_messages.size), {:controller => 'message', :action => 'inbox', :display_name => @user.display_name}, inbox_attributes %> |
39         <%= link_to t('layouts.logout'), {:controller => 'user', :action => 'logout', :referer => request.request_uri}, {:id => 'logoutanchor', :title => t('layouts.logout_tooltip')}%>
40       <% else %>
41         <%= link_to t('layouts.log_in'), {:controller => 'user', :action => 'login', :referer => request.request_uri}, {:id => 'loginanchor', :title => t('layouts.log_in_tooltip')} %> |
42         <%= link_to t('layouts.sign_up'), {:controller => 'user', :action => 'new'}, {:id => 'registeranchor', :title => t('layouts.sign_up_tooltip')} %>
43       <% end %>
44     </span>
45
46     <div>
47       <ul id="tabnav">
48         <%
49         viewclass = ''
50         editclass = ''
51         historyclass = ''
52         exportclass = ''
53         traceclass = ''
54         viewclass = 'active' if params['controller'] == 'site' and params['action'] == 'index' 
55         editclass = 'active' if params['controller'] == 'site' and params['action'] == 'edit' 
56         historyclass = 'active' if params['controller'] == 'changeset' and params['action'] == 'list' 
57         exportclass = 'active' if params['controller'] == 'site' and params['action'] == 'export'
58         traceclass = 'active' if params['controller'] == 'trace'
59         diaryclass = 'active' if params['controller'] == 'diary_entry'
60         %>
61         <li><%= link_to t('layouts.view'), {:controller => 'site', :action => 'index'}, {:id => 'viewanchor', :title => t('layouts.view_tooltip'), :class => viewclass} %></li>
62         <li><%= link_to t('layouts.edit'), {:controller => 'site', :action => 'edit'}, {:id => 'editanchor', :title => t('layouts.edit_tooltip'), :class => editclass} %></li>
63         <li><%= link_to t('layouts.history'), {:controller => 'changeset', :action => 'list' }, {:id => 'historyanchor', :title => t('layouts.history_tooltip'), :class => historyclass} %></li>
64         <% if params['controller'] == 'site' and (params['action'] == 'index' or params['action'] == 'export') %>
65         <li><%= link_to_remote t('layouts.export'), {:url => {:controller => 'export', :action => 'start'}}, {:id => 'exportanchor', :title => t('layouts.export_tooltip'), :class => exportclass, :href => url_for(:controller => 'site', :action => 'export')} %></li>
66         <% else %>
67         <li><%= link_to t('layouts.export'), {:controller => 'site', :action => 'export'}, {:id => 'exportanchor', :title => t('layouts.export_tooltip'), :class => exportclass} %></li>
68         <% end %>
69         <li><%= link_to t('layouts.gps_traces'), {:controller => 'trace', :action => 'list'}, {:id => 'traceanchor', :title => t('layouts.gps_traces_tooltip'), :class => traceclass} %></li>
70         <li><%= link_to t('layouts.user_diaries'), {:controller => 'diary_entry', :action => 'list', :display_name => nil}, {:id => 'diaryanchor', :title => t('layouts.user_diaries_tooltip'), :class => diaryclass} %></li>
71       </ul>
72     </div>
73
74     <div id="left">
75
76       <div id="logo">
77         <center>
78           <h1><%= t 'layouts.project_name.h1' %></h1>
79           <%= link_to(image_tag("osm_logo.png", :size => "120x120", :border => 0, :alt => t('layouts.logo.alt_text')), :controller => 'site', :action => 'index') %><br/>
80           <h2 class="nowrap"><%= t('layouts.tag_line') %></h2>
81         </center>
82       </div>
83
84       <% unless @user %>
85       <div id="intro">
86         <p>
87           <%= t 'layouts.intro_1' %>
88         </p>
89         <p>
90           <%= t 'layouts.intro_2' %>
91         </p>
92         <p>
93         <%= t 'layouts.intro_3', 
94               :ucl => link_to(t('layouts.intro_3_ucl'), "http://www.vr.ucl.ac.uk"), 
95               :bytemark => link_to(t('layouts.intro_3_bytemark'), "http://www.bytemark.co.uk") %>
96         </p>
97       </div>
98       <% end %>
99
100       <% if OSM_STATUS == :database_offline or OSM_STATUS == :api_offline %>
101       <div id="alert">
102         <%= t 'layouts.osm_offline' %>
103       </div>
104       <% elsif OSM_STATUS == :database_readonly or OSM_STATUS == :api_readonly %>
105       <div id="alert">
106         <%= t 'layouts.osm_read_only' %>
107       </div>
108       <% end %>
109
110       <% if false %>
111       <div id="donate" class="notice">
112         <%= t 'layouts.donate', :link => "<a href=\"http://donate.openstreetmap.org/\">#{t('layouts.donate_link_text')}</a>" %>
113       </div>
114       <% end %>
115
116       <div id="left_menu" class="left_menu">
117         <a href="<%= t 'layouts.help_wiki_url' %>" title="<%= t 'layouts.help_wiki_tooltip' %>"><%= t 'layouts.help_wiki' %></a><br />
118         <a href="http://www.opengeodata.org" title="<%= t 'layouts.news_blog_tooltip' %>"><%= t 'layouts.news_blog' %></a><br />
119         <a href="<%= t 'layouts.shop_url' %>" title="<%= t 'layouts.shop_tooltip' %>"><%= t 'layouts.shop' %></a><br />
120         <%= yield :left_menu %>
121       </div>
122
123       <%= yield :optionals %>
124
125       <center>
126         <div class="donate">
127           <a href="http://donate.openstreetmap.org/" title="<%= h(t('layouts.make_a_donation.title')) %>"><%= h(t('layouts.make_a_donation.text')) %></a>
128         </div>
129
130         <div id="cclogo" class="button" style="width: 88px">
131           <%= link_to(
132                   image_tag("cc_button.png",
133                       :alt => t('layouts.license.alt'),
134                       :border => 0,
135                       :width => 88,
136                       :height => 31,
137                       :title => t('layouts.license.title')),
138                   "http://creativecommons.org/licenses/by-sa/2.0/",
139                   { :rel => "license" }) %>
140         </div>
141       </center>
142     </div>
143   </body>
144 </html>