ported from prototype to jrails
[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="http://static.opensuse.org/hosts/software.o.o/images/favicon.ico" rel="shortcut icon" />
9   <!--[if lte IE 7]>
10   <link href="http://static.opensuse.org/common-yaml2/css/explorer/iehacks_2col_left.css" rel="stylesheet" type="text/css"/>
11   <link href="http://static.opensuse.org/common-yaml2/css/explorer/iehacks_opensuse.css" rel="stylesheet" type="text/css"/>
12   <link href="http://static.opensuse.org/hosts/software.o.o/css/explorer/iehacks_obs_search.css" rel="stylesheet" type="text/css"/>
13
14   <![endif]-->
15   <%= javascript_include_tag :defaults %>
16   <script language="JavaScript" type="text/javascript" src="http://static.opensuse.org/c/javascript/common/langsel.js"></script>
17  </head>
18  <body>
19   <div id="page_margins">
20    <div id="page" class="hold_floats">
21     <!-- Begin 2 column main part -->
22     <div id="main">
23      <!-- Begin left column -->
24      <div id="col1">
25       <div id="col1_content" class="clearfix">
26        <!-- Begin Logo -->
27        <div class="grey_box" id="logo">
28         <div class="box_content_row">
29          <div class="box_content" id="logo_content">
30           <a href="/"><img src="http://static.opensuse.org/c/images/common/geeko.jpg" alt="openSUSE" /></a>
31          </div>
32         </div>
33         <div class="box_bottom_row">
34          <div class="box_left"></div>
35          <div class="box_right"></div>
36         </div>
37        </div>
38        <!-- End Logo -->
39        <!-- Begin openSUSE navigation -->
40        <div class="grey_box">
41         <div class="box_top_row">
42          <div class="box_left"></div>
43          <div class="box_right"></div>
44         </div>
45         <div class="box_title_row">
46          <div class="box_title">
47           openSUSE
48          </div>
49         </div>
50         <div class="box_content">
51         <ul class="navlist">
52           <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>
53           <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>
54           <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>
55           <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>  
56           <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>
57           <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>
58           <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>
59           <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>
60          </ul>
61         </div>
62         <div class="box_bottom_row">
63          <div class="box_left"></div>
64          <div class="box_right"></div>
65         </div>
66        </div>
67        <br />
68        <!-- End openSUSE navigation -->
69        <!-- Begin custom navigation -->
70        <div class="orange_box">
71         <div class="box_top_row">
72          <div class="box_left"></div>
73          <div class="box_right"></div>
74         </div>
75         <div class="box_title_row">
76          <div class="box_title">
77           Getting Help
78          </div>
79         </div>
80         <div class="box_content">
81          <ul class="navlist">
82           <li><a href="http://en.opensuse.org/Download_Help">Download Help</a></li>
83           <li><a href="http://en.opensuse.org/Download_Help#Burn_the_ISO_Image.28s.29">Burn CD/DVD Image(s)</a></li>
84           <li><a href="http://en.opensuse.org/Installation">Installation Guides</a></li>
85           <li><a href="http://www.novell.com/documentation/opensuse111/">Official Manuals</a></li>
86          </ul>
87         </div>
88         <div class="box_bottom_row">
89          <div class="box_left"></div>
90          <div class="box_right"></div>
91         </div>
92        </div>
93        <br />
94        <div class="orange_box">
95         <div class="box_top_row">
96          <div class="box_left"></div>
97          <div class="box_right"></div>
98         </div>
99         <div class="box_title_row">
100          <div class="box_title">
101           Software
102          </div>
103         </div>
104         <div class="box_content">
105          <ul class="navlist">
106           <li><%= link_to 'Software Search', {:controller => "search", :action => "index"} %></li>
107           <li><a href="http://en.opensuse.org/Additional_YaST_Package_Repositories">Package Repositories</a></li>
108           <li><a href="http://download.opensuse.org/update/">Update Repositories</a></li>
109           <li><a href="http://download.opensuse.org/source/distribution/11.1/">Source Repository</a></li>
110         </ul>
111         </div>
112         <div class="box_bottom_row">
113          <div class="box_left"></div>
114          <div class="box_right"></div>
115         </div>
116        </div>
117        <br />
118        <div class="orange_box">
119         <div class="box_top_row">
120          <div class="box_left"></div>
121          <div class="box_right"></div>
122         </div>
123         <div class="box_title_row">
124          <div class="box_title">
125           Other Options
126          </div>
127         </div>
128         <div class="box_content">
129          <ul class="navlist">
130           <li><a href="http://en.opensuse.org/Mirror_Selection">Mirrors</a></li>
131           <li><a href="http://download.opensuse.org/distribution/11.1/iso/">Metalinks</a></li>
132           <li><%= link_to 'Latest Development Version', {:controller => "main", :action => "developer"} %></li>
133           <li><a href="/old/11.0">openSUSE 11.0</a></li>
134           <li><a href="/old/10.3">openSUSE 10.3</a></li>
135           <li><a href="/expert.html">Expert view</a></li>
136          </ul>
137         </div>
138         <div class="box_bottom_row">
139          <div class="box_left"></div>
140          <div class="box_right"></div>
141         </div>
142        </div>
143        <br />
144        <!-- End custom navigation -->
145        <!-- Begin Language navigation noscript -->
146        <noscript>
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 <!-- temporary disabled until translations exist
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><a href="#">Deutsch</a></li>
162           <li><a href="#">Français</a></li>
163          </ul>
164         </div>
165         <div class="box_bottom_row">
166          <div class="box_left"></div>
167          <div class="box_right"></div>
168         </div>
169        </div>
170        <br />
171        </noscript>
172        <!-- End Language navigation noscript -->
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.1_Box.jpg" title="Buy openSUSE 11.1" alt="Buy openSUSE 11.1"/></a>
341                </div>
342                <p>
343                  <strong><a href="http://en.opensuse.org/Buy_openSUSE" title="Buy openSUSE" style="text-decoration: none;">Buy openSUSE 11.1!</a></strong>
344                  <!-- <br />
345                  <strong style="color: #690;">Receive free shipment for USA till Jan 5!</strong>-->
346                </p>
347                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.
348                openSUSE 11.1 is available at several <a href="http://en.opensuse.org/Buy_openSUSE">online</a> shops or at local resellers.
349              </div>
350              <div class="box_bottom_row">
351               <div class="box_left"></div>
352               <div class="box_right"></div>
353              </div>
354             </div>
355             <br />
356
357            </div>
358           </div>
359           <!-- End right content column -->
360          </div>
361         </div>
362        </div>
363       </div>
364       <!-- IE Column Clearing -->
365       <div id="ie_clearing">&nbsp;</div>
366       <!-- Ende: IE Column Clearing -->
367      </div>
368      <!-- End middle column -->
369     </div>
370     <!-- End 2 cloumn main part -->
371    </div>
372   </div>
373   <script type="text/javascript" src="http://www.novell.com/inc/superstats.js"></script>
374   <noscript><img src="https://novellcom.112.2O7.net/b/ss/novellcom/1/G.6--NS/0" height="1" width="1" alt="" /></noscript>
375   <% if @right_box == :search -%>
376   <!--[if lte IE 7]>
377     <script type="text/javascript">
378      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.")
379     </script>
380   <![endif]-->
381   <% end -%>
382
383  </body>
384 </html>