fix the language box
[opensuse:software-o-o.git] / 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</title>
5   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
6
7   <link href="http://static.opensuse.org/hosts/software.o.o/css/download.css" rel="stylesheet" type="text/css"/>
8   <link href="/css/local/download2.css" rel="stylesheet" type="text/css"/>
9   <link href="http://static.opensuse.org/hosts/software.o.o/images/favicon.ico" rel="shortcut icon" />
10   <!--[if lte IE 7]>
11   <link href="http://static.opensuse.org/common-yaml2/css/explorer/iehacks_2col_left.css" rel="stylesheet" type="text/css"/>
12   <link href="http://static.opensuse.org/common-yaml2/css/explorer/iehacks_opensuse.css" rel="stylesheet" type="text/css"/>
13   <link href="http://static.opensuse.org/hosts/software.o.o/css/explorer/iehacks_obs_search.css" rel="stylesheet" type="text/css"/>
14
15   <![endif]-->
16   <%= javascript_include_tag :defaults %>
17   <script language="JavaScript" type="text/javascript" src="http://static.opensuse.org/c/javascript/common/langsel.js"></script>
18  </head>
19  <body>
20   <div id="page_margins" style="width: 1008px; margin: 0 auto;">
21    <div id="page" class="hold_floats">
22     <!-- Begin 2 column main part -->
23     <div id="main">
24      <!-- Begin left column -->
25      <div id="col1">
26       <div id="col1_content" class="clearfix">
27        <!-- Begin Logo -->
28        <div class="grey_box" id="logo">
29         <div class="box_content_row">
30          <div class="box_content" id="logo_content">
31           <a href="/"><img src="http://static.opensuse.org/c/images/common/geeko.jpg" alt="openSUSE" /></a>
32          </div>
33         </div>
34         <div class="box_bottom_row">
35          <div class="box_left"></div>
36          <div class="box_right"></div>
37         </div>
38        </div>
39        <!-- End Logo -->
40        <!-- Begin openSUSE navigation -->
41        <div class="grey_box">
42         <div class="box_top_row">
43          <div class="box_left"></div>
44          <div class="box_right"></div>
45         </div>
46         <div class="box_title_row">
47          <div class="box_title">
48           openSUSE
49          </div>
50         </div>
51         <div class="box_content">
52         <ul class="navlist">
53           <li style="list-style-image: url(http://static.opensuse.org/c/css/common/images/liDot_download.png)"><a href="http://software.opensuse.org/"><%=_("Get Software")%></a></li>
54           <li style="list-style-image: url(http://static.opensuse.org/c/css/common/images/liDot_wiki.png)"><a href="http://en.opensuse.org/"><%=_("Wiki")%></a></li>
55           <li style="list-style-image: url(http://static.opensuse.org/c/css/common/images/liDot_build.png)"><a href="http://build.opensuse.org/"><%=_("Build Software")%></a></li>
56           <li style="list-style-image: url(http://static.opensuse.org/c/css/common/images/liDot_community.png)"><a href="http://users.opensuse.org/"><%=_("User Directory")%></a></li>  
57           <li style="list-style-image: url(http://static.opensuse.org/c/css/common/images/liDot_wiki.png)"><a href="http://features.opensuse.org/"><%=_("Features")%></a></li>
58           <li style="list-style-image: url(http://static.opensuse.org/c/css/common/images/liDot_wiki.png)"><a href="http://news.opensuse.org/"><%=_("News")%></a></li>
59           <li style="list-style-image: url(http://static.opensuse.org/c/css/common/images/liDot_wiki.png)"><a href="http://forums.opensuse.org"><%=_("Forums")%></a></li>
60           <li style="list-style-image: url(http://static.opensuse.org/c/css/common/images/liDot_wiki.png)"><a href="http://shop.opensuse.org/"><%=_("Shop")%></a></li>
61          </ul>
62         </div>
63         <div class="box_bottom_row">
64          <div class="box_left"></div>
65          <div class="box_right"></div>
66         </div>
67        </div>
68        <br />
69        <!-- End openSUSE navigation -->
70        <!-- Begin custom navigation -->
71        <div class="orange_box">
72         <div class="box_top_row">
73          <div class="box_left"></div>
74          <div class="box_right"></div>
75         </div>
76         <div class="box_title_row">
77          <div class="box_title">
78           <%=_("Getting Help")%>
79          </div>
80         </div>
81         <div class="box_content">
82          <ul class="navlist">
83           <li><a href="http://en.opensuse.org/Download_Help"><%=_("Download Help")%></a></li>
84           <li><a href="http://en.opensuse.org/Download_Help#Burn_the_ISO_Image.28s.29"><%=_("Burn CD/DVD Image(s)")%></a></li>
85           <li><a href="http://en.opensuse.org/Installation"><%=_("Installation Guides")%></a></li>
86           <li><a href="http://www.novell.com/documentation/opensuse111/"><%=_("Official Manuals")%></a></li>
87          </ul>
88         </div>
89         <div class="box_bottom_row">
90          <div class="box_left"></div>
91          <div class="box_right"></div>
92         </div>
93        </div>
94        <br />
95        <div class="orange_box">
96         <div class="box_top_row">
97          <div class="box_left"></div>
98          <div class="box_right"></div>
99         </div>
100         <div class="box_title_row">
101          <div class="box_title">
102           <%=_("Software")%>
103          </div>
104         </div>
105         <div class="box_content">
106          <ul class="navlist">
107           <li><%= link_to _('Software Search'), {:controller => "search", :action => "index"} %></li>
108           <li><a href="http://en.opensuse.org/Additional_YaST_Package_Repositories"><%=_("Package Repositories")%></a></li>
109           <li><a href="http://download.opensuse.org/update/"><%=_("Update Repositories")%></a></li>
110           <li><a href="http://download.opensuse.org/source/distribution/11.2/"><%=_("Source Repository")%></a></li>
111         </ul>
112         </div>
113         <div class="box_bottom_row">
114          <div class="box_left"></div>
115          <div class="box_right"></div>
116         </div>
117        </div>
118        <br />
119        <div class="orange_box">
120         <div class="box_top_row">
121          <div class="box_left"></div>
122          <div class="box_right"></div>
123         </div>
124         <div class="box_title_row">
125          <div class="box_title">
126           <%=_("Other Options")%>
127          </div>
128         </div>
129         <div class="box_content">
130          <ul class="navlist">
131           <li><a href="http://en.opensuse.org/Mirror_Selection"><%=_("Mirrors")%></a></li>
132           <% if @release != "developer" %>
133              <li><%= link_to _('Development Version'), {:controller => "main", :action => "developer", :lang => @lang } %></li>
134           <% else %>
135              <li><%= link_to _('Released Version'), {:controller => "main", :action => "index", :lang => @lang } %></li>
136           <% end %>
137          </ul>
138         </div>
139         <div class="box_bottom_row">
140          <div class="box_left"></div>
141          <div class="box_right"></div>
142         </div>
143        </div>
144        <br />
145        <!-- End custom navigation -->
146
147        <div class="orange_box" id="p-lang">
148         <div class="box_top_row">
149          <div class="box_left"></div>
150          <div class="box_right"></div>
151         </div>
152
153         <div class="box_title_row">
154          <div class="box_title">
155           <%= _("In other languages") %>
156          </div>
157         </div>
158
159         <div class="box_content">
160          <ul class="navlist">
161           <li><%= link_to 'Deutsch', :action => :index, :lang => 'de' %></li>
162           <li><%= link_to "English", :action => :index, :lang => 'en' %></li>
163           <li><%= link_to 'Fran├žais', :action => :index, :lang => 'fr' %></li>
164          </ul>
165         </div>
166         <div class="box_bottom_row">
167          <div class="box_left"></div>
168          <div class="box_right"></div>
169         </div>
170        </div>
171        <br />
172
173       </div>
174      </div>
175      <!-- End left column -->
176      <!-- Begin right cloumn -->
177      <div id="col3">
178       <div id="col3_content" class="clearfix">
179        <div class="orange_box_double" id="banner_orange">
180         <div class="box_content_row">
181          <div class="box_content" id="banner_content">
182           <div id="slogan">
183      <img src="http://static.opensuse.org/hosts/software.o.o/images/get.png" alt="><%=_("Get it")%>" />
184           </div>
185          </div>
186         </div>
187         <div class="box_bottom_row">
188          <div class="box_left"></div>
189          <div class="box_right"></div>
190         </div>
191        </div>
192        <br style="clear: right;" />
193        <div id="contentarea">
194         <div>
195          <div class="subcolumns">
196           <div class="c75l">
197            <div class="subcl">
198             <div class="grey_box_double" style="float:left; width: 100%">
199              <div class="box_top_row">
200               <div class="box_left"></div>
201               <div class="box_right"></div>
202              </div>
203              <div class="box_title_row">
204               <div class="box_title">
205 <!-- temporary disabled until translations exist
206                <div id="langsel" class="hide">
207                 <form action="" name="langsel">
208                  <select name="lang" onchange="langRedirect()">
209                   <option value="">In other languages</option>
210                   <option value="">Deutsch</option>
211                   <option value="">Fran├žais</option>
212                  </select>
213                 </form>
214                </div>
215 -->
216                <div id="page_actions">
217                 <b style="font-size:120%"><%=@page_title%></b>
218                </div>
219               </div>
220              </div>
221              <div class="box_content" id="bodyContent">
222                <!-- Begin Content area-->
223                <%= @content_for_layout %>
224                <!-- End Content area -->
225              </div>
226              <div class="box_footer_row">
227               <div id="page_footer" class="box_footer">
228                <!-- Begin Footer -->
229                This site uses the <a href="http://www.yaml.de">YAML</a> CSS framework.
230                <br />
231                <a href="http://en.opensuse.org/openSUSE:About">About openSUSE</a> | 
232                <a href="http://en.opensuse.org/openSUSE:General_disclaimer">Legal information</a> | 
233                <a href="mailto:webmaster@opensuse.org">Feedback</a>
234                <br />
235                <br />
236                <a href="http://www.novell.com/linux/"><img src="http://static.opensuse.org/c/images/common/founded_novell.gif" alt="Founded by Novell" /></a>
237                <!-- End Footer -->
238               </div>
239              </div>
240              <div class="box_bottom_row">
241               <div class="box_left"></div>
242               <div class="box_right"></div>
243              </div>
244             </div>
245            </div>
246           </div>
247           <!-- Begin right content column -->
248           <div class="c25r">
249            <div class="subcr">
250              <% if @right_box == :search -%>
251              <div class="orange_box">
252                <div class="box_top_row">
253                  <div class="box_left"></div>
254                  <div class="box_right"></div>
255                </div>
256                <div class="box_title_row">
257                  <div class="box_title">
258                    <%=_("Package Search")%>
259                  </div>
260                </div>
261              <div class="box_content" id="search_os">
262              <div id="get_software">
263                     <%= link_to "", {:controller => 'search'}, {:class => 'search_form', :style => 'display: block; width: 100%; height: 100px;', :title => _("Search Build Service")}  %>
264                     <%=_("Search for and install additional software packages from the openSUSE Build Service.")%>
265              </div>
266            </div>
267            <div class="box_bottom_row">
268              <div class="box_left"></div>
269              <div class="box_right"></div>
270            </div>
271            </div>
272                 <br />
273                 <% else -%>
274
275            <div class="orange_box">
276         <div class="box_top_row">
277           <div class="box_left"></div>
278           <div class="box_right"></div>
279         </div>
280         <div class="box_title_row">
281           <div class="box_title">
282              <%=_("Get openSUSE")%>
283           </div>
284          </div>
285          <div class="box_content" id="get_os">
286             <div id="download_os">
287                     <%= link_to "", {:controller => 'main', :action => :index}, {:class => 'download_os_link', :style => 'display: block; width: 100%; height: 100px;'}  %>
288       </div>
289     </div>
290     <div class="box_bottom_row">
291       <div class="box_left"></div>
292           <div class="box_right"></div>
293         </div>
294       </div>
295             <br />
296             <% end -%>
297             <div class="orange_box">
298              <div class="box_top_row">
299               <div class="box_left"></div>
300               <div class="box_right"></div>
301              </div>
302              <div class="box_title_row">
303               <div class="box_title">
304               <%=_("Sponsored by")%>
305               </div>
306              </div>
307              <div class="box_content" id="platin_sponsor">
308               <div style="text-align: center; padding: 7px 0; overflow: hidden;">
309                 
310                 <p style="color: #ccc; font-size: 0.8em;"><%=_("Gold Sponsor")%></p>
311                 <p>
312                   <a href="http://en.opensuse.org/Sponsors"><img src="http://static.opensuse.org/c/images/common/Amd.png" title="<%=_("Sponsored by AMD")%>" alt="<%=_("Sponsored by AMD")%>"/></a>
313                   <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>
314                 </p>
315                 <p style="color: #ccc; font-size: 0.8em;"><%=_("Silver Sponsor")%></p>
316                 <p>
317                   <a class="external text" rel="nofollow" title="http://en.opensuse.org/Sponsors" href="http://en.opensuse.org/Sponsors"><img alt="B1-systems.jpg" src="http://static.opensuse.org/c/images/common/B1-systems-1.jpg"/></a>
318                 </p>
319               </div>
320              </div>
321              <div class="box_bottom_row">
322               <div class="box_left"></div>
323               <div class="box_right"></div>
324              </div>
325             </div>
326             <br />
327
328             <div class="orange_box">
329              <div class="box_top_row">
330               <div class="box_left"></div>
331               <div class="box_right"></div>
332              </div>
333              <div class="box_title_row">
334               <div class="box_title">
335                <%=_("Buy openSUSE")%>
336               </div>
337              </div>
338              <div class="box_content" id="buy">
339                <div style="text-align: center; padding: 15px 0;">
340                  <a href="<%= _("http://en.opensuse.org/Buy_openSUSE") %>"><img src="http://static.opensuse.org/c/images/common/openSUSE11.2_Box.jpg" title="<%=_("Buy openSUSE 11.2")%>" alt="<%=_("Buy openSUSE 11.2")%>"/></a>
341                </div>
342                <p style="text-align: center">
343                 <a href="<%= _("http://en.opensuse.org/Buy_openSUSE") %>" title="Buy openSUSE" style="text-decoration: none; font-weight: bold"><%=_("Buy openSUSE 11.2!")%></a>
344                </p>
345              </div>
346              <div class="box_bottom_row">
347               <div class="box_left"></div>
348               <div class="box_right"></div>
349              </div>
350             </div>
351             <br />
352
353            </div>
354           </div>
355           <!-- End right content column -->
356          </div>
357         </div>
358        </div>
359       </div>
360       <!-- IE Column Clearing -->
361       <div id="ie_clearing">&nbsp;</div>
362       <!-- Ende: IE Column Clearing -->
363      </div>
364      <!-- End middle column -->
365     </div>
366     <!-- End 2 cloumn main part -->
367    </div>
368   </div>
369   <script type="text/javascript" src="http://www.novell.com/inc/superstats.js"></script>
370   <noscript><img src="https://novellcom.112.2O7.net/b/ss/novellcom/1/G.6--NS/0" height="1" width="1" alt="" /></noscript>
371   <% if @right_box == :search -%>
372   <!--[if lte IE 7]>
373     <script type="text/javascript">
374      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.")
375     </script>
376   <![endif]-->
377   <% end -%>
378
379  </body>
380 </html>