1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
|
<?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');
//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"><a class="small"><i class="icon-home"> </i> Welcome</a></li>
<!--<button href="#tab-2" class="btn btn-mini"><i class="icon-user"> </i> $newbie_howto</button>-->
<li href="#tab-3"><a class=""><i class="icon-picture"> </i> $didyouknow</a></li>
<li href="#tab-4"><a class=""><i class="icon-list-alt"> </i> $rpm_install</a></li>
<li href="#tab-5"><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 class="col_12">
<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"><img src="img/new.png"> New Features</a><br />
<a href="https://wiki.mageia.org/en/Mageia_3_Release_Notes" class="weblink"><img src="img/info.png"> Release Notes</a><br />
<a href="https://wiki.mageia.org/en/Mageia_3_Errata" class="weblink"><img src="img/warning.png"> Errata</a><br />
<a href="https://wiki.mageia.org/en/Newcomers_start_here" class="weblink"><img src="img/warning.png"> Newcomers HowTo</a>
</div>
<div class="mgalinks col_4">
<h5>Support</h5>
<a href="https://forums.mageia.org/en/" class="weblink"><img src="img/question.png"> Forums</a><br />
<a href="https://wiki.mageia.org/en/Category:Howtos" class="weblink"><img src="img/man.png"> Wiki</a><br />
<a href="irc" class="weblink"><img src="img/xchat.png"> Chat Room</a><br />
</div>
<div class="mgalinks col_4">
<h5> Community</h5>
<a href="https://www.mageia.org/en/community/" class="weblink"><img src="img/system-users.png"> Community Center</a><br />
<a href="https://www.mageia.org/en/community/" class="weblink"><img src="img/message.png"> Get involved</a><br />
<a href="https://www.mageia.org/en/contribute/" class="weblink"><img src="img/man.png"> Contribute</a><br />
<a href="https://www.mageia.org/en/donate/" class="weblink"><img src="img/portrait.png"> Donations</a><br />
</div>
</div>
</div>
<!-- NEWBIE
<div id="tab-2" class="tab">
</div>
<!-- DID You Know? -->
<div id="tab-3" class="tab">
<h4 class="col_6" id="firststeps">First steps in Mageia</h4>
<div id="slide-pager">
<ol>
<li><a data-slide-index="0" href="">Mageia Control Center</a></li>
<li><a data-slide-index="1" href="">Configure media sources and update system</a></li>
<li><a data-slide-index="2" href="">Install and remove software</a></li>
<li><a data-slide-index="3" href="">More...</a></li>
</ol>
</div>
<!-- Slideshow -->
<ul class="slides">
<li>
<div class="col_12"><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>
<button href="http://doc.mageia.org/mcc/3/en/content/index.html" class="small 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="col_12"><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="col_12">
<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="small 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="small 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><h5>More?</h5></li>
</ul>
</div>
<!-- RPMY -->
<div id="tab-4" 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-5" 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="small green inset weblink"><i class="icon-external-link"> </i>Feature:MageiaWelcome</button></p>
Planning<br />
- Include it in Alpha2 isos - 2013/09/06<br />
- Discuss, decide about links, features , write "welcome message" and other texts (I need help here from dev, doc teams)<br />
- Make it ready for translations - Alpha 3 - 2013/10/02<br />
- Import to Mageias git<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 contact me: napcok at gmail.com
</div>
<div class="col_2"></div>
</div>
</section>
</body>
</html>
|
