changed snippet
[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)">
55             <% wikilang = 'en'
56                wikilang = @lang if ['de', 'cs', 'es', 'fr', 'it', 'el', 'pl', 'ja', 'vi'].include? @lang %>
57             <a href="http://<%= wikilang %>.opensuse.org/"><%=_("Wiki")%></a>
58           </li>
59           <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>
60           <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>  
61           <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>
62           <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>
63           <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>
64           <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>
65          </ul>
66         </div>
67         <div class="box_bottom_row">
68          <div class="box_left"></div>
69          <div class="box_right"></div>
70         </div>
71        </div>
72        <br />
73        <!-- End openSUSE navigation -->
74        <!-- Begin custom navigation -->
75        <div class="orange_box">
76         <div class="box_top_row">
77          <div class="box_left"></div>
78          <div class="box_right"></div>
79         </div>
80         <div class="box_title_row">
81          <div class="box_title">
82           <%=_("Getting Help")%>
83          </div>
84         </div>
85         <div class="box_content">
86          <ul class="navlist">
87           <li><a href="http://en.opensuse.org/Download_Help"><%=_("Download Help")%></a></li>
88           <li><a href="http://en.opensuse.org/Download_Help#Burn_the_ISO_Image.28s.29"><%=_("Burn CD/DVD Image(s)")%></a></li>
89           <li><a href="http://en.opensuse.org/Installation"><%=_("Installation Guides")%></a></li>
90           <li><a href="http://www.novell.com/documentation/opensuse112/"><%=_("Official Manuals")%></a></li>
91          </ul>
92         </div>
93         <div class="box_bottom_row">
94          <div class="box_left"></div>
95          <div class="box_right"></div>
96         </div>
97        </div>
98        <br />
99        <div class="orange_box">
100         <div class="box_top_row">
101          <div class="box_left"></div>
102          <div class="box_right"></div>
103         </div>
104         <div class="box_title_row">
105          <div class="box_title">
106           <%=_("Software")%>
107          </div>
108         </div>
109         <div class="box_content">
110          <ul class="navlist">
111           <li><%= link_to _('Software Search'), {:controller => "search", :action => "index"} %></li>
112           <li><a href="http://en.opensuse.org/Additional_YaST_Package_Repositories"><%=_("Package Repositories")%></a></li>
113           <li><a href="http://download.opensuse.org/update/"><%=_("Update Repositories")%></a></li>
114           <li><a href="http://download.opensuse.org/source/distribution/11.2/"><%=_("Source Repository")%></a></li>
115         </ul>
116         </div>
117         <div class="box_bottom_row">
118          <div class="box_left"></div>
119          <div class="box_right"></div>
120         </div>
121        </div>
122        <br />
123        <div class="orange_box">
124         <div class="box_top_row">
125          <div class="box_left"></div>
126          <div class="box_right"></div>
127         </div>
128         <div class="box_title_row">
129          <div class="box_title">
130           <%=_("Other Options")%>
131          </div>
132         </div>
133         <div class="box_content">
134          <ul class="navlist">
135           <li><a href="http://en.opensuse.org/Mirror_Selection"><%=_("Mirrors")%></a></li>
136           <% if @release != "developer" %>
137              <li><%= link_to _('Development Version'), {:controller => "main", :action => "developer", :lang => @lang } %></li>
138           <% else %>
139              <li><%= link_to _('Released Version'), {:controller => "main", :action => "index", :lang => @lang } %></li>
140           <% end %>
141          </ul>
142         </div>
143         <div class="box_bottom_row">
144          <div class="box_left"></div>
145          <div class="box_right"></div>
146         </div>
147        </div>
148        <br />
149        <!-- End custom navigation -->
150
151        <div class="orange_box" id="p-lang">
152         <div class="box_top_row">
153          <div class="box_left"></div>
154          <div class="box_right"></div>
155         </div>
156
157         <div class="box_title_row">
158          <div class="box_title">
159           <%= _("In other languages") %>
160          </div>
161         </div>
162
163         <div class="box_content">
164          <ul class="navlist">
165           <li><%= link_to 'Deutsch', :action => :index, :lang => 'de' %></li>
166           <li><%= link_to "English", :action => :index, :lang => 'en' %></li>
167           <li><%= link_to 'Français', :action => :index, :lang => 'fr' %></li>
168          </ul>
169         </div>
170         <div class="box_bottom_row">
171          <div class="box_left"></div>
172          <div class="box_right"></div>
173         </div>
174        </div>
175        <br />
176
177       </div>
178      </div>
179      <!-- End left column -->
180      <!-- Begin right cloumn -->
181      <div id="col3">
182       <div id="col3_content" class="clearfix">
183        <div class="orange_box_double" id="banner_orange">
184         <div class="box_content_row">
185          <div class="box_content" id="banner_content">
186           <div id="slogan">
187      <img src="http://static.opensuse.org/hosts/software.o.o/images/get.png" alt="><%=_("Get it")%>" />
188           </div>
189          </div>
190         </div>
191         <div class="box_bottom_row">
192          <div class="box_left"></div>
193          <div class="box_right"></div>
194         </div>
195        </div>
196        <br style="clear: right;" />
197        <div id="contentarea">
198         <div>
199          <div class="subcolumns">
200           <div class="c75l">
201            <div class="subcl">
202             <div class="grey_box_double" style="float:left; width: 100%">
203              <div class="box_top_row">
204               <div class="box_left"></div>
205               <div class="box_right"></div>
206              </div>
207              <div class="box_title_row">
208               <div class="box_title">
209 <!-- temporary disabled until translations exist
210                <div id="langsel" class="hide">
211                 <form action="" name="langsel">
212                  <select name="lang" onchange="langRedirect()">
213                   <option value="">In other languages</option>
214                   <option value="">Deutsch</option>
215                   <option value="">Français</option>
216                  </select>
217                 </form>
218                </div>
219 -->
220                <div id="page_actions">
221                 <b style="font-size:120%"><%=@page_title%></b>
222                </div>
223               </div>
224              </div>
225              <div class="box_content" id="bodyContent">
226                <!-- Begin Content area-->
227                <%= @content_for_layout %>
228                <!-- End Content area -->
229              </div>
230              <div class="box_footer_row">
231               <div id="page_footer" class="box_footer">
232                <!-- Begin Footer -->
233                This site uses the <a href="http://www.yaml.de">YAML</a> CSS framework.
234                <br />
235                <a href="http://en.opensuse.org/openSUSE:About">About openSUSE</a> | 
236                <a href="http://en.opensuse.org/openSUSE:General_disclaimer">Legal information</a> | 
237                <a href="mailto:webmaster@opensuse.org">Feedback</a>
238                <br />
239                <br />
240                <a href="http://www.novell.com/linux/"><img src="http://static.opensuse.org/c/images/common/founded_novell.gif" alt="Founded by Novell" /></a>
241                <!-- End Footer -->
242               </div>
243              </div>
244              <div class="box_bottom_row">
245               <div class="box_left"></div>
246               <div class="box_right"></div>
247              </div>
248             </div>
249            </div>
250           </div>
251           <!-- Begin right content column -->
252           <div class="c25r">
253            <div class="subcr">
254              <% if @right_box == :search -%>
255              <div class="orange_box">
256                <div class="box_top_row">
257                  <div class="box_left"></div>
258                  <div class="box_right"></div>
259                </div>
260                <div class="box_title_row">
261                  <div class="box_title">
262                    <%=_("Package Search")%>
263                  </div>
264                </div>
265              <div class="box_content" id="search_os">
266              <div id="get_software">
267                     <%= link_to "", {:controller => 'search'}, {:class => 'search_form', :style => 'display: block; width: 100%; height: 100px;', :title => _("Search Build Service")}  %>
268                     <%=_("Search for and install additional software packages from the openSUSE Build Service.")%>
269              </div>
270            </div>
271            <div class="box_bottom_row">
272              <div class="box_left"></div>
273              <div class="box_right"></div>
274            </div>
275            </div>
276                 <br />
277                 <% else -%>
278
279            <div class="orange_box">
280         <div class="box_top_row">
281           <div class="box_left"></div>
282           <div class="box_right"></div>
283         </div>
284         <div class="box_title_row">
285           <div class="box_title">
286              <%=_("Get openSUSE")%>
287           </div>
288          </div>
289          <div class="box_content" id="get_os">
290             <div id="download_os">
291                     <%= link_to "", {:controller => 'main', :action => :index}, {:class => 'download_os_link', :style => 'display: block; width: 100%; height: 100px;'}  %>
292       </div>
293     </div>
294     <div class="box_bottom_row">
295       <div class="box_left"></div>
296           <div class="box_right"></div>
297         </div>
298       </div>
299             <br />
300             <% end -%>
301             <div class="orange_box">
302              <div class="box_top_row">
303               <div class="box_left"></div>
304               <div class="box_right"></div>
305              </div>
306              <div class="box_title_row">
307               <div class="box_title">
308               <%=_("Sponsored by")%>
309               </div>
310              </div>
311              <div class="box_content" id="platin_sponsor">
312               <div style="text-align: center; padding: 7px 0; overflow: hidden;">
313                 
314                 <p style="color: #ccc; font-size: 0.8em;"><%=_("Gold Sponsor")%></p>
315                 <p>
316                   <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>
317                   <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>
318                 </p>
319                 <p style="color: #ccc; font-size: 0.8em;"><%=_("Silver Sponsor")%></p>
320                 <p>
321                   <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>
322                 </p>
323               </div>
324              </div>
325              <div class="box_bottom_row">
326               <div class="box_left"></div>
327               <div class="box_right"></div>
328              </div>
329             </div>
330             <br />
331
332             <div class="orange_box">
333              <div class="box_top_row">
334               <div class="box_left"></div>
335               <div class="box_right"></div>
336              </div>
337              <div class="box_title_row">
338               <div class="box_title">
339                <%=_("Buy openSUSE")%>
340               </div>
341              </div>
342              <div class="box_content" id="buy">
343                <div style="text-align: center; padding: 15px 0;">
344                  <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>
345                </div>
346                <p style="text-align: center">
347                 <a href="<%= _("http://en.opensuse.org/Buy_openSUSE") %>" title="Buy openSUSE" style="text-decoration: none; font-weight: bold"><%=_("Buy openSUSE 11.2!")%></a>
348                </p>
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   
374   <script type="text/javascript">
375   //<![CDATA[
376   var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
377   document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
378   //]]>
379   </script>
380   <script type="text/javascript">
381   <![CDATA[
382   try {
383   var pageTracker = _gat._getTracker("UA-3367212-3");
384   pageTracker._setDomainName(".opensuse.org");
385   pageTracker._trackPageview();
386   } catch(err) {}
387   //]]>
388   </script>
389   
390   <% if @right_box == :search -%>
391   <!--[if lte IE 7]>
392     <script type="text/javascript">
393      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.")
394     </script>
395   <![endif]-->
396   <% end -%>
397
398  </body>
399 </html>