switched box-order to 11.2
[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.1/"><%=_("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           <li><a href="http://download.opensuse.org/distribution/11.1/iso/"><%=_("Metalinks")%></a></li>
133           <% if @release != "developer" %>
134              <li><%= link_to _('Development Version'), {:controller => "main", :action => "developer", :lang => @lang } %></li>
135           <% else %>
136              <li><%= link_to _('Released Version'), {:controller => "main", :action => "index", :lang => @lang } %></li>
137           <% end %>
138          </ul>
139         </div>
140         <div class="box_bottom_row">
141          <div class="box_left"></div>
142          <div class="box_right"></div>
143         </div>
144        </div>
145        <br />
146        <!-- End custom navigation -->
147        <!-- Begin Language navigation noscript -->
148        <noscript>
149        <div class="orange_box" id="p-lang">
150         <div class="box_top_row">
151          <div class="box_left"></div>
152          <div class="box_right"></div>
153         </div>
154 <!-- temporary disabled until translations exist
155         <div class="box_title_row">
156          <div class="box_title">
157           In other languages 
158          </div>
159         </div>
160 -->
161         <div class="box_content">
162          <ul class="navlist">
163           <li><a href="#">Deutsch</a></li>
164           <li><a href="#">Français</a></li>
165          </ul>
166         </div>
167         <div class="box_bottom_row">
168          <div class="box_left"></div>
169          <div class="box_right"></div>
170         </div>
171        </div>
172        <br />
173        </noscript>
174        <!-- End Language navigation noscript -->
175       </div>
176      </div>
177      <!-- End left column -->
178      <!-- Begin right cloumn -->
179      <div id="col3">
180       <div id="col3_content" class="clearfix">
181        <div class="orange_box_double" id="banner_orange">
182         <div class="box_content_row">
183          <div class="box_content" id="banner_content">
184           <div id="slogan">
185      <img src="http://static.opensuse.org/hosts/software.o.o/images/get.png" alt="><%=_("Get it")%>" />
186           </div>
187          </div>
188         </div>
189         <div class="box_bottom_row">
190          <div class="box_left"></div>
191          <div class="box_right"></div>
192         </div>
193        </div>
194        <br style="clear: right;" />
195        <div id="contentarea">
196         <div>
197          <div class="subcolumns">
198           <div class="c75l">
199            <div class="subcl">
200             <div class="grey_box_double" style="float:left; width: 100%">
201              <div class="box_top_row">
202               <div class="box_left"></div>
203               <div class="box_right"></div>
204              </div>
205              <div class="box_title_row">
206               <div class="box_title">
207 <!-- temporary disabled until translations exist
208                <div id="langsel" class="hide">
209                 <form action="" name="langsel">
210                  <select name="lang" onchange="langRedirect()">
211                   <option value="">In other languages</option>
212                   <option value="">Deutsch</option>
213                   <option value="">Français</option>
214                  </select>
215                 </form>
216                </div>
217 -->
218                <div id="page_actions">
219                 <b style="font-size:120%"><%=@page_title%></b>
220                </div>
221               </div>
222              </div>
223              <div class="box_content" id="bodyContent">
224                <!-- Begin Content area-->
225                <%= @content_for_layout %>
226                <!-- End Content area -->
227              </div>
228              <div class="box_footer_row">
229               <div id="page_footer" class="box_footer">
230                <!-- Begin Footer -->
231                This site uses the <a href="http://www.yaml.de">YAML</a> CSS framework.
232                <br />
233                <a href="http://en.opensuse.org/openSUSE:About">About openSUSE</a> | 
234                <a href="http://en.opensuse.org/openSUSE:General_disclaimer">Legal information</a> | 
235                <a href="mailto:webmaster@opensuse.org">Feedback</a>
236                <br />
237                <br />
238                <a href="http://www.novell.com/linux/"><img src="http://static.opensuse.org/c/images/common/founded_novell.gif" alt="Founded by Novell" /></a>
239                <!-- End Footer -->
240               </div>
241              </div>
242              <div class="box_bottom_row">
243               <div class="box_left"></div>
244               <div class="box_right"></div>
245              </div>
246             </div>
247            </div>
248           </div>
249           <!-- Begin right content column -->
250           <div class="c25r">
251            <div class="subcr">
252              <% if @right_box == :search -%>
253              <div class="orange_box">
254                <div class="box_top_row">
255                  <div class="box_left"></div>
256                  <div class="box_right"></div>
257                </div>
258                <div class="box_title_row">
259                  <div class="box_title">
260                    <%=_("Package Search")%>
261                  </div>
262                </div>
263              <div class="box_content" id="search_os">
264              <div id="get_software">
265                     <%= link_to "", {:controller => 'search'}, {:class => 'search_form', :style => 'display: block; width: 100%; height: 100px;', :title => _("Search Build Service")}  %>
266                     <%=_("Search for and install additional software packages from the openSUSE Build Service.")%>
267              </div>
268            </div>
269            <div class="box_bottom_row">
270              <div class="box_left"></div>
271              <div class="box_right"></div>
272            </div>
273            </div>
274                 <br />
275                 <% else -%>
276
277            <div class="orange_box">
278         <div class="box_top_row">
279           <div class="box_left"></div>
280           <div class="box_right"></div>
281         </div>
282         <div class="box_title_row">
283           <div class="box_title">
284              <%=_("Get openSUSE")%>
285           </div>
286          </div>
287          <div class="box_content" id="get_os">
288             <div id="download_os">
289                     <%= link_to "", {:controller => 'main', :action => :index}, {:class => 'download_os_link', :style => 'display: block; width: 100%; height: 100px;'}  %>
290       </div>
291     </div>
292     <div class="box_bottom_row">
293       <div class="box_left"></div>
294           <div class="box_right"></div>
295         </div>
296       </div>
297             <br />
298             <% end -%>
299             <div class="orange_box">
300              <div class="box_top_row">
301               <div class="box_left"></div>
302               <div class="box_right"></div>
303              </div>
304              <div class="box_title_row">
305               <div class="box_title">
306               <%=_("Sponsored by")%>
307               </div>
308              </div>
309              <div class="box_content" id="platin_sponsor">
310               <div style="text-align: center; padding: 7px 0; overflow: hidden;">
311                 
312                 <p style="color: #ccc; font-size: 0.8em;"><%=_("Gold Sponsor")%></p>
313                 <p>
314                   <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>
315                   <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>
316                 </p>
317                 <p style="color: #ccc; font-size: 0.8em;"><%=_("Silver Sponsor")%></p>
318                 <p>
319                   <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>
320                 </p>
321               </div>
322              </div>
323              <div class="box_bottom_row">
324               <div class="box_left"></div>
325               <div class="box_right"></div>
326              </div>
327             </div>
328             <br />
329
330             <div class="orange_box">
331              <div class="box_top_row">
332               <div class="box_left"></div>
333               <div class="box_right"></div>
334              </div>
335              <div class="box_title_row">
336               <div class="box_title">
337                <%=_("Buy openSUSE")%>
338               </div>
339              </div>
340              <div class="box_content" id="buy">
341                <div style="text-align: center; padding: 15px 0;">
342                  <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>
343                </div>
344                <p>
345                  <strong><a href="http://en.opensuse.org/Buy_openSUSE" title="Buy openSUSE" style="text-decoration: none;"><%=_("Buy openSUSE 11.2!<br /> ")%></a></strong>
346                  <span style="font-size: 11px;"><%= _("Only available for german speaking countries.") %></span>
347                </p>
348                <%=_("For users new to Linux, the supported version of openSUSE may be the best choice&mdash;you'll get complete end-user documentation, installable media for 32 Bit and 64 Bit systems, plus 90 days of end-user installation support.")%>
349                <%=_("openSUSE 11.2 is available at several <a href=\"http://en.opensuse.org/Buy_openSUSE\">online</a> shops or at local resellers.")%>
350              </div>
351              <div class="box_bottom_row">
352               <div class="box_left"></div>
353               <div class="box_right"></div>
354              </div>
355             </div>
356             <br />
357
358            </div>
359           </div>
360           <!-- End right content column -->
361          </div>
362         </div>
363        </div>
364       </div>
365       <!-- IE Column Clearing -->
366       <div id="ie_clearing">&nbsp;</div>
367       <!-- Ende: IE Column Clearing -->
368      </div>
369      <!-- End middle column -->
370     </div>
371     <!-- End 2 cloumn main part -->
372    </div>
373   </div>
374   <script type="text/javascript" src="http://www.novell.com/inc/superstats.js"></script>
375   <noscript><img src="https://novellcom.112.2O7.net/b/ss/novellcom/1/G.6--NS/0" height="1" width="1" alt="" /></noscript>
376   <% if @right_box == :search -%>
377   <!--[if lte IE 7]>
378     <script type="text/javascript">
379      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.")
380     </script>
381   <![endif]-->
382   <% end -%>
383
384  </body>
385 </html>