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