diff options
Diffstat (limited to 'usr/share/mageiawelcome/index.html')
-rw-r--r-- | usr/share/mageiawelcome/index.html | 260 |
1 files changed, 260 insertions, 0 deletions
diff --git a/usr/share/mageiawelcome/index.html b/usr/share/mageiawelcome/index.html new file mode 100644 index 0000000..c7efc76 --- /dev/null +++ b/usr/share/mageiawelcome/index.html @@ -0,0 +1,260 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!DOCTYPE html +PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" +"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink"> + <head> + <title></title> + <link rel="stylesheet" type="text/css" href="css/kickstart.css" /> + <link rel="stylesheet" type="text/css" href="css/style.css" /> + + <script src="js/ipc.js" type="text/javascript"></script> + <script src="js/jquery-2.0.3.min.js" type="text/javascript"></script> + <script src="js/jquery-json-2.4.min.js" type="text/javascript"></script> + <script src="js/kickstart.js" type="text/javascript"></script> + <script type="text/javascript"> + // <![CDATA[ + $(document).ready(function() { + + $('.slides').bxSlider({ + pagerCustom: '#slide-pager' + + }); + //NAVIGATION + $('.taby').each(function() { + var $div = $(this); + var $btn = $div.children('li'); + $btn.each(function() { + var $trescTaba = $($(this).attr('href')); + if ($(this).hasClass('active')) { + $trescTaba.show(); + } else { + $trescTaba.hide(); + } + }); + + $btn.click(function(e) { + e.preventDefault(); + $btn.removeClass('active'); + $btn.each(function() { + $($(this).attr('href')).hide(); + }); + $(this).addClass('active'); + $($(this).attr('href')).show(); + //$($(this).attr('href')).fadeIn(300); + return false; + }); + }); + //APPLIST + $('.filtr').click(function() { + var cat = this.id; + $(this).addClass('current'); + $(this).siblings().removeClass('current'); + $('ul#lista_applikacji li').hide(); + $('ul#lista_applikacji li[class~='+ cat +']').fadeIn(300); + + }); + + $('#filter-none').click(function() { + $(this).addClass('current'); + $(this).siblings().removeClass('current'); + $('ul#lista_applikacji li').fadeIn(300); + }); + + $('li#featured').trigger('click'); + $('li#home').click(function(){$('#welcome').trigger('click')}); + + //SIGNALS + // STARTUP CHECKBOX + $("#startup").change(function() { + if(this.checked) { + send('"checkbox checked"'); + } + else { + send('"checkbox unchecked"'); + } + }); + // CLOSE BUTTON + $("#closebtn").click(function(){send('"close"');}); + // WEBLINKS + $(".weblink").click(function(e){ + e.preventDefault(); + var link = $(this).attr('href'); + send('"' + link + '"'); + }); + // RUN DRAKS AND APPLICATIONS + $('.cmd').click(function(){send('"run ' + ($(this).data("run")) + '"');}); + //URPMI FROM APPLIST + $('#lista_applikacji li button').not('.cmd').click(function(){ + var rpm = $(this).data('rpm'); + send('"gurpmi ' + rpm + '"'); + }); + + }); + // ]]> + </script> +</head> +<body class="$bodyclass"> + <header> + <nav> + <ul class="taby button-bar"> + <li href="#tab-1" class="active" id="home"><a class=""><i class="icon-home"> </i> Welcome</a></li> + <li href="#tab-2"><a class=""><i class="icon-list-alt"> </i> $rpm_install</a></li> + <li href="#tab-3"><a class=""><i class="icon-question-sign"> </i> $about</a></li> + </ul> + </nav> + <img src="img/mga_logo.png" id="logo" /> + <div id="hdrinfo"> + $release<br /> + $kernel_l $kernel<br /> + $arch_l $arch<br /> + </div> + </header> + <section> + <div id="close"> + <span><input id="startup" type="checkbox" name="showWindow" $checked> $show <button id="closebtn" type="submit" class="small"><i class="icon-off"> </i> $close</button></span> + </div> + <!-- START --> + <div id="tab-1" class="tab"> + <div id="slide-pager"> + <ol> <li><a data-slide-index="0" href="" id="welcome">Welcome!</a></li> + <li><a data-slide-index="1" href="">Mageia Control Center</a></li> + <li><a data-slide-index="2" href="">Configure media sources and update system</a></li> + <li><a data-slide-index="3" href="">Install and remove software</a></li> + <li><a data-slide-index="4" href="">More...</a></li> + </ol> + </div> + <!-- Slideshow --> + <ul class="slides"> + <li><div class="umenu"></div> + <div class="col_6"> + <h2 id="welcome">$welcome $user!</h2> + <p id="message">$welcome_msg</p> + </div> + <div id="links" class="col_12"> + <div class="mgalinks col_4"> + <h5>Documentation</h5> + <a href="https://wiki.mageia.org/en/Mageia_3_Release_Notes" class="weblink button medium"><i class="icon-bullhorn"> </i> New Features</a><br /> + <a href="https://wiki.mageia.org/en/Mageia_4_Release_Notes" class="weblink button medium"><i class="icon-lightbulb"> </i> Release Notes</a><br /> + <a href="https://wiki.mageia.org/en/Mageia_4_Errata" class="weblink button medium"><i class="icon-bolt"> </i> Errata</a><br /> + <a href="https://wiki.mageia.org/en/Newcomers_start_here" class="weblink button medium"><i class="icon-key"> </i> Newcomers HowTo</a> + </div> + <div class="mgalinks col_4"> + <h5>Support</h5> + <a href="https://forums.mageia.org/en/" class="weblink button medium"><i class="icon-heart"> </i> Forums</a><br /> + <a href="https://wiki.mageia.org/en/Category:Documentation" class="weblink button medium"><i class="icon-globe"> </i> Wiki</a><br /> + <a href="irc" class="weblink button medium"><i class="icon-comments"> </i> Chat Room</a><br /> + <a href="https://bugs.mageia.org/" class="weblink button medium"><i class="icon-ambulance"> </i> Bugzilla</a><br /> + </div> + <div class="mgalinks col_4"> + <h5> Community</h5> + <a href="https://www.mageia.org/en/community/" class="weblink button medium"><i class="icon-group"> </i> Community Center</a><br /> + <a href="https://www.mageia.org/en/contribute/" class="weblink button medium"><i class="icon-beaker"> </i> Contribute</a><br /> + <a href="https://www.mageia.org/en/donate/" class="weblink button medium"><i class="icon-money"> </i> Donations</a><br /> + <a href="https://identity.mageia.org/" class="weblink button medium"><i class="icon-signin"> </i> Join us!</a><br /> + </div> + </div> + </li> + <li><div class="umenu"></div> + <div class="col_6"><h5>Mageia Control Center</h5></div> + <div class="col_7"> + <p>Mageia Control Center (aka drakconf) is a set of tools to help you configure your system</p> + <ul class="icons"> + <li><i class="icon-ok"> </i>Software Management</li> + <li><i class="icon-ok"> </i>Online administration</li> + <li><i class="icon-ok"> </i>Hardware</li> + <li><i class="icon-ok"> </i>Network & Internet</li> + <li><i class="icon-ok"> </i>System</li> + <li><i class="icon-ok"> </i>Network Sharing</li> + <li><i class="icon-ok"> </i>Local Disks</li> + <li><i class="icon-ok"> </i>Security</li> + <li><i class="icon-ok"> </i>Boot</li> + </ul> + <button href="http://doc.mageia.org/mcc/3/en/content/index.html" class="medium blue inset weblink"><i class="icon-external-link"> </i> Documentation</button> + </div> + <div class="col_5 center"><div id="mcc"></div><button class="cmd" data-run="drakconf"><i class="icon-share-alt"> </i> Mageia Control Center</button></div> + </li> + <li><div class="umenu"></div><div class="col_6"><h5>Configure media sources ...</h5> + Mageia official repositories contain:</div> + <div class="clearfix"> + <div class="col_8 column"> + <p><span class="label green">core</span> - the free-open-source packages, i.e. software licensed under a free-open-source license</p> + <p><span class="label red">non-free</span> - some programs which are not free, or closed source. For example this repository includes nVidia and ATI graphics card proprietary drivers, firmware for various WiFi cards, etc</p> + <p><span class="label red">tainted</span> - includes packages released under a free license. However, they may infringe on patents and copyright laws in some countries, e.g. multimedia codecs needed to play various audio/video files; packages needed to play commercial video DVD, etc. </p> + </div> + <div class="col_4 column"> + <div class="notice warning"><i class="icon-warning-sign icon-large"></i> + <strong>Note!</strong> non-free and tainted are not enabled by default. + </div> + <div class="right"><button class="cmd" data-run="drakrpm-edit-media"><i class="icon-share-alt"> </i> Edit software sources</button></div> + </div> + </div> + <div class="col_12"><h5>... and update system</h5> + <div class="right"><button class="cmd" data-run="drakrpm-update"><i class="icon-share-alt"> </i> Check system updates</button> + </div> + </div> + </li> + <li><div class="umenu"></div> + <div class="col_6"> + <h5>Install and remove software</h5> + <h6>GUI - RPMDrake</h6> + </div> + <div class="col_9"> <p><span class="label green">Rpmdrake</span> is a program for installing, uninstalling and updating packages. It is the graphical user interface of <span class="label green">urpmi</span>. + <p><button href="https://wiki.mageia.org/en/Software_management#Install_and_remove_software" class="medium blue inset weblink"><i class="icon-external-link"> </i> read more (wiki)</button> + </p></div> + <div class="col_3"><button class="cmd" data-run="rpmdrake"><i class="icon-share-alt"> </i> Run rpmdrake</button></div> + <h6 class="col_12">URPMI - from command line</h6> + <div class="col_9"> + <p><button href="https://wiki.mageia.org/en/URPMI" class="medium blue inset weblink"><i class="icon-external-link"> </i> read more (wiki)</button></p> + </div> + <div class="col_3"><button class="cmd" data-run="xvt"><i class="icon-share-alt"> </i> Run terminal</button></div> + </li> + <li><div class="umenu"></div><h5>More?</h5></li> + </ul> + </div> + <!-- RPMY --> + <div id="tab-2" class="tab"> + <div id="rpmdrake_info">This is just small selection of popular packages, for more run <button class="cmd small" data-run="rpmdrake"><i class="icon-share-alt"> </i> RPMDrake</button></div> + <div id="applist"> + <ul class="filter"> + <!--<li class="filtr" id="filter-none">All Apps</li>--> + <li class="filtr" id="featured"> Featured</li> + <li class="filtr" id="games"> Games</li> + <li class="filtr" id="internet"> Internet</li> + <li class="filtr" id="video"> Video</li> + <li class="filtr" id="audio"> Audio</li> + <li class="filtr" id="graphics"> Graphics</li> + <li class="filtr" id="system"> System</li> + <li class="filtr" id="programming"> Programming</li> + + </ul> + <ul class="list" id="lista_applikacji"> + $applist + + </ul> + </div><!-- /APP LIST --> + </div> + + <!-- ABOUT --> + <div id="tab-3" class="tab"><br /><br /> + <div style="text-align:center;"> <h1>mageiawelcome</h1></div> + <div class="col_2"></div> <div class="col_8"> + <p><button href="https://wiki.mageia.org/en/Feature:MageiaWelcome" class="medium green inset weblink"><i class="icon-external-link"> </i>Feature:MageiaWelcome</button></p> + Planning<br /> + + - Discuss, decide about links, features , write "welcome message" and other texts (I need help here from dev, doc teams) <br /> + - incude it to Alpha 3 - 2013/10/02 <br /> + - Make it ready for translations<br /> + - New Strings freeze 2013/10/15<br /> + - Ask for translations<br /> + - Ask Artwork Team for help to make it look good <br /><br /><br /><br /> + If you have any suggestions, corrections or you like to help please visit <button href="https://wiki.mageia.org/en/Feature:MageiaWelcome" class="medium green inset weblink"><i class="icon-external-link"> </i>Suggestions for MageiaWelcome</button> + </div> + <div class="col_2"></div> + + </div> + </section> + </body> +</html> |