app/views/layouts/application.rhtml

   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="en" lang="en">
   3   <head>
   4     <title><%= "software.opensuse.org: #{@page_title}" %></title>
   5     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
   6     <meta http-equiv="Content-Script-Type" content="text/javascript"/>
   7     <meta http-equiv="Content-Style-Type" content="text/css"/>
   8
   9     <link rel="search" type="application/opensearchdescription+xml" title="openSUSE Software" href="/search_software.xml" />
  10
  11     <%= stylesheet_link_tag "/css/ui.dialog.css", "/themes/bento/css/style.css", "/css/software.css" %>
  12     <link href="http://static.opensuse.org/themes/bento/images/favicon.png" rel="shortcut icon" />
  13     <%= javascript_include_tag "http://static.opensuse.org/themes/bento/js/jquery.js", "jquery-ui-1.7.2.js", "jrails.js", "application.js"  %>
  14     <%= javascript_include_tag "http://static.opensuse.org/c/javascript/common/langsel.js" %>
  15     <%= javascript_include_tag "/themes/bento/js/l10n/global-navigation-data-#{@lang}.js", "/themes/bento/js/global-navigation.js" %>
  16
  17     <%= yield :content_for_head %>
  18
  19     <script type="text/javascript">
  20       /* <![CDATA[ */
  21 <%= yield :head_javascript %>
  22   $(function() {
  23 <%= yield :ready_function %>
  24
  25     var flip = 0;
  26     $(".options_link").click(function () {
  27       $("#search_options").toggle( flip++ % 2 == 0 );
  28     });
  29   });
  30   /* ]]> */
  31     </script>
  32
  33   </head>
  34   <body>
  35
  36     <div id="header">
  37       <div id="header-content" class="container_12">
  38         <a id="header-logo" href="/">
  39           <%= image_tag '/themes/bento/images/header-logo.png', :width => 46, :height => 26, :alt => _("Header Logo") %>
  40         </a>
  41         <ul id="global-navigation">
  42           <li id="item-downloads"><a href="http://en.opensuse.org/openSUSE:Browse#downloads"><%= _("Downloads") %></a></li>
  43           <li id="item-support"><a href="http://en.opensuse.org/openSUSE:Browse#support"><%= _("Support") %></a></li>
  44           <li id="item-community"><a href="http://en.opensuse.org/openSUSE:Browse#community"><%= _("Community") %></a></li>
  45           <li id="item-development"><a href="http://en.opensuse.org/openSUSE:Browse#development"><%= _("Development") %></a></li>
  46         </ul>
  47       </div>
  48     </div>
  49
  50     <% unless flash.empty? %>
  51       <div id="flash-messages" class="container_16" >
  52         <% if flash[:success] or flash[:note] %>
  53           <div class="grid_16 alpha omega">
  54             <div class="ui-state-highlight ui-corner-all">
  55               <p>
  56                 <span class="ui-icon ui-icon-info"/>
  57                 <%=h flash[:success] %><%=h flash[:note] %>
  58               </p>
  59             </div>
  60           </div>
  61         <% end %>
  62
  63         <% if flash[:warn] or flash[:error] %>
  64           <div class="grid_16 alpha omega">
  65             <div class="ui-state-error ui-corner-all">
  66               <p>
  67                 <span class="ui-icon ui-icon-alert" />
  68                 <%=h flash[:warn] %><%=h flash[:error] %>
  69               </p>
  70             </div>
  71           </div>
  72         <% end %>
  73       </div>
  74     <% end %>
  75
  76     <div id="content" class="container_12 content-wrapper">
  77       <div class="grid_9 alpha">
  78
  79         <%= render :partial => 'search/search_box' %>
  80
  81         <div class="box box-shadow">
  82           <h2 class="box-header">
  83             <span class="alignleft"><%= @box_title || @page_title -%></span>
  84             <% if @right_box == :search -%>
  85               <span class="alignright" style="padding-right: 10px">
  86                 <% if !@release.blank? and @release != "developer" -%>
  87                   <%= _('switch to') -%> <%= link_to _('Development Version'), {:controller => "main", :action => "developer", :lang => @lang } -%>
  88                 <% elsif !@release.blank? -%>
  89                   <%= _('switch to') -%> <%= link_to _('Released Version'), {:controller => "main", :action => "index", :lang => @lang } -%>
  90                 <% end -%>
  91               </span>
  92             <% end -%>
  93           </h2>
  94           <div>
  95             <%= @content_for_layout %>
  96           </div>
  97         </div>
  98
  99       </div>
 100       <div class="grid_3 omega">
 101
 102         <div class="box box-shadow">
 103           <h2 class="box-header centered"><%= _("Popular Software") %></h2>
 104
 105           <p>
 106             <% top = top_downloads
 107             if !top.blank?
 108               top1=top[0][:count]
 109               top10=top[-1][:count]
 110               top.each do |query| -%>
 111                 <% queryclass=((Float(query[:count] - top10) / (top1 - top10)) * 5).round %>
 112                 <a class='<%= "nowrap query query_#{queryclass}"%>'><%= query[:query] %></a>
 113               <% end
 114             end -%>
 115           </p>
 116         </div>
 117
 118         <div class="box box-shadow">
 119           <h2 class="box-header centered"><%=_("Getting Help")%></h2>
 120           <ul class="navigation">
 121             <li><a href="http://en.opensuse.org/SDB:Download_help"><%=_("Download Help")%></a></li>
 122             <li><a href="http://en.opensuse.org/SDB:Download_help#Burn_the_ISO_image.28s.29"><%=_("Burn CD/DVD Image(s)")%></a></li>
 123             <li><a href="http://en.opensuse.org/SDB:Installation"><%=_("Installation Guides")%></a></li>
 124             <li><a href="http://doc.opensuse.org/"><%=_("Official Manuals")%></a></li>
 125             <li><a href="http://en.opensuse.org/Package_repositories"><%=_("Package Repositories")%></a></li>
 126             <li><a href="http://en.opensuse.org/openSUSE:Submitting_bug_reports"><%=_("Reporting Bugs")%></a></li>
 127           </ul>
 128         </div>
 129
 130         <div class="box box-shadow">
 131           <img src="http://counter.opensuse.org/conf/2010/small.png" alt="openSUSE Conference 2010 Counter" class="aligncenter"/>
 132         </div>
 133
 134         <div class="box box-shadow">
 135
 136           <!-- <h2 class="box-header"><%=_("openSUSE 11.3 Counter")%></h2>
 137           <div class="centered">
 138             <img src="http://counter.opensuse.org/11.3/small" title="<%=_("openSUSE 11.3 Counter")%>" alt="<%=_("openSUSE 11.3 Counter")%>"/>
 139           </div> -->
 140
 141           <h2 class="box-header aligncenter"><%=_("Buy openSUSE")%></h2>
 142           <div class="centered">
 143             <a href="<%= _("http://en.opensuse.org/Buy_openSUSE") %>"><img src="http://en.opensuse.org/images/4/4c/OpenSUSE11.3_Box.png" title="<%=_("Buy openSUSE 11.3")%>" alt="<%=_("Buy openSUSE 11.3")%>"/></a>
 144           </div>
 145           <p class="centered">
 146             <a href="<%= _("http://en.opensuse.org/Buy_openSUSE") %>" title="Buy openSUSE" style="text-decoration: none; font-weight: bold"><%=_("Buy openSUSE 11.3!")%></a>
 147           </p>
 148         </div>
 149
 150         <div class="box box-shadow">
 151           <h2 class="box-header centered"><%=_("Sponsored by")%></h2>
 152           <!--<p class="centered" style="color: #ccc; font-size: 0.8em"><%=_("Platinum Sponsor")%></p>-->
 153           <p class="centered" style="color: #ccc; font-size: 0.8em;"><%=_("Gold Sponsor")%></p>
 154           <p class="centered">
 155             <a href="http://en.opensuse.org/Sponsors"><img title="<%=_("Sponsored by AMD")%>" alt="<%=_("Sponsored by AMD")%>" src="http://static.opensuse.org/c/images/common/Amd.png"/></a>
 156             <a href="http://en.opensuse.org/Sponsors"><img title="<%=_("Sponsored by: IP Exchange")%>" alt="<%=_("Sponsored by: IP Exchange")%>" src="http://static.opensuse.org/c/images/common/Ip-exchange.gif"/></a>
 157           </p>
 158           <p class="centered" style="color: #ccc; font-size: 0.8em;"><%=_("Silver Sponsor")%></p>
 159           <p class="centered">
 160             <a href="http://en.opensuse.org/Sponsors"><img title="<%=_("Sponsored by: B1 Systems")%>" alt="<%=_("Sponsored by: B1 Systems")%>" src="http://static.opensuse.org/c/images/common/B1-systems-1.jpg"/></a>
 161           </p>
 162           <!--<p class="centered" style="color: #ccc; font-size: 0.8em"><%=_("Bronze Sponsor")%></p>-->
 163         </div>
 164
 165       </div>
 166
 167     </div>
 168
 169     <div id="footer" class="container_12">
 170       <div id="footer-content" class="grid_12">
 171       </div>
 172       <div id="footer-legal" class="border-top grid_12">
 173         <a href="http://en.opensuse.org/Portal:Project">About openSUSE</a> |
 174         <a href="http://en.opensuse.org/Terms_of_site">Legal information</a> |
 175         <a href="mailto:admin@opensuse.org">Feedback</a>
 176         <br/><br/>
 177         <a href="http://www.novell.com/linux/"><img src="http://static.opensuse.org/c/images/common/founded_novell.gif" alt="Founded by Novell" /></a>
 178       </div>
 179     </div>
 180
 181     <% if @right_box == :search -%>
 182       <!--[if lte IE 7]>
 183           <script type="text/javascript">
 184            alert("Please note that the Internet Explorer (all versions) is not capable of handling\nfiles larger than 4 GB.\n\nThis means that you will not be able to download the DVD images using IE.\n\nPlease use a different browser or a downloadmanager.")
 185           </script>
 186         <![endif]-->
 187     <% end -%>
 188
 189     <script type="text/javascript">
 190       var _gaq = _gaq || [];
 191       _gaq.push(
 192       ['_setAccount', 'UA-3367212-3'],
 193       ['_setDomainName', '.opensuse.org'],
 194       ['_gat._anonymizeIp'],
 195       ['_trackPageview']);
 196       (function() {
 197         var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 198         ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 199         var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 200       })();
 201     </script>
 202
 203   </body>
 204 </html>