kiwix/kiwix-android
1
0
Fork 0
mirror of https://github.com/kiwix/kiwix-android.git synced 2025-08-03 18:56:44 -04:00
Code Issues Packages Projects Releases Wiki Activity

Added first version of Homepage and Help page

Browse Source
This commit is contained in:
renaud gaudin 2013-04-06 03:11:23 +02:00
parent f287856b59
commit 484ddb7da1
13 changed files with 19400 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1109
res/raw/bootstrap/css/bootstrap-responsive.css vendored Normal file
View File

File diff suppressed because it is too large Load Diff

9
res/raw/bootstrap/css/bootstrap-responsive.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

6158
res/raw/bootstrap/css/bootstrap.css vendored Normal file
View File

File diff suppressed because it is too large Load Diff

9
res/raw/bootstrap/css/bootstrap.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

BIN
res/raw/bootstrap/img/glyphicons-halflings-white.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.6 KiB

BIN
res/raw/bootstrap/img/glyphicons-halflings.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

2276
res/raw/bootstrap/js/bootstrap.js vendored Normal file
View File

File diff suppressed because it is too large Load Diff

6
res/raw/bootstrap/js/bootstrap.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

BIN
res/raw/coffee.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

102
res/raw/help.html Normal file
View File

@ -0,0 +1,102 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Welcome to Kiwix!</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
<link href="welcome.css" rel="stylesheet">
</head>
<body class="help" lang="en-US">
<div id="content-wrapper">
<section id="intro">
<h1>Thank you for choosing Kiwix!</h1>
<p>We are glad to have you onboard and would like assure you we are available to assist you in making the best use of this software.</p>
<p>Please leave us a note at <a href="http://kiwix.org">kiwix.org</a>.</p>
</section>
<section id="what-does-kiwix-do">
<h2>What does Kiwix do?</h2>
<p><em>Kiwix</em> is an offline content reader. It acts very much like a browser but instead of accessing <em>online web pages</em>, it reads content from a file named a <em>ZIM file</em>.</p>
<p>While it has been originaly designed to provide Wikipedia offline, it also reads other contents.</p>
</section>
<section id="where-do-i-find-content">
<h2>Where is the content?</h2>
<p>The contents are located on the <a href="http://download.kiwix.org/mobile-download.html">kiwix website</a>.</p>
<p>They are available as ZIM files. There are <strong>a lot</strong> of them:</p>
<ul>
<li>Wikipedia is available separately for each language</li>
<li>Other contents like Wikileaks or Wikisource are also available</li>
</ul>
<p>Carefuly select the one(s) you want and launch the download. Put the resulting files on your SD card then open them with Kiwix.</p>
<p>Depending on the content and your Internet connection on this device, it might be preferable to download from a Desktop computer and transfer to your SD card.</p>
<p>ZIM files containing complete Wikipedia for instance are <strong>several gigabytes large</strong>.</p>
<p><button class="loadFromOnline">Load Content List from Website (requires Internet Access)</button></p>
<div id="contents"></div>
</section>
<section id="how-to-download">
<h2>How do I download?</h2>
</section>
<section id="can-wikipedia">
<h2>Can I download from Wikipedia directly?</h2>
<p>Yes! You can create a <em>book</em> while browsing Wikipedia and add as many article to this <em>book</em>. Once done, you can download the book as an <em>OpenZIM file</em>. This file can be opened by Kiwix.</p>
<p>Please refer to the <a href="http://en.wikipedia.org/wiki/Special:Book">Book Creator</a> documentation on Wikipedia for more infos.</p>
</section>
<section id="invalid-zim">
<h2>Why does Kiwix says <em>“Invalid ZIM file”</em> ?</h2>
<p>If your ZIM file weights more than 2GB, Kiwix will not open it properly. It's a bug on our side which we are investigating. Please split your file following <a href="http://kiwix.org/SplitZIMMobile.html">those instructions</a> and retry.</p>
</section>
</div>
<script src="jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript">
var loaded = false;
function loadcontent() {
$('#contents').empty();
$('#contents').load('http://www.kiwix.org/wiki/Wikipedia #zimtable', function() {
$('#zimtable tr:not(:last-child) th:last-child').remove();
$('#zimtable tr:not(:last-child) td:last-child').remove();
var all_a_elem = $('#zimtable tr:last-child a:last-child');
var all_url = all_a_elem.attr('href');
all_a_elem.attr('href', 'http://www.kiwix.org' + all_url);
// remove md5 link
$('#zimtable a').each(function () {
if ($(this).attr('href').indexOf('.md5') != -1) {
$(this).parent().parent().remove();
}
});
// download bitorrent ; are there torrent clients on android?
$('#zimtable a').each(function () {
if ($(this).attr('href').indexOf('.torrent') != -1) {
$(this).parent().remove();
}
});
});
}
$(".loadFromOnline").click(function() {
if (!loaded) {
loadcontent();
loaded = true;
} else {
loaded = false;
$('#contents').empty();
}
});
</script>
</body>
</html>

9597
res/raw/jquery.js vendored Normal file
View File

File diff suppressed because it is too large Load Diff

97
res/raw/welcome.css Normal file
View File

@ -0,0 +1,97 @@
h1, h2, h3, h4, h5, h6 {
color: #444444;
font-family: "Open Sans";
font-weight: 300;
line-height: 1.15538em;
padding-bottom: 0.273em;
padding-top: 0.273em;
text-rendering: optimizelegibility;
}
body {
font-family: georgia,times new roman,serif;
color: #666666;
font-size: 90%;
background: none repeat scroll 0 0 #EEF8FB;
}
h1, h2 {
color: #555555;
font: italic bold 130% georgia,times new roman,serif;
letter-spacing: -0.09em;
}
h2 span {
font-size: 200%;
margin-right: 0.2em;
}
section {
padding: 0 2% 2% 2%;
border: 1% solid #333333;
border-radius: 5px 5px 5px 5px;
margin:0;
}
a {
color: rgba(0,153,204,1);
text-decoration: none;
font-weight: bold;
border-bottom: 0.1em solid rgba(0,153,204,1);
transition: all 0.2s ease-in-out 0s;
}
body.welcome a {
font-size: 1.3em;
}
a.button, button.loadFromOnline {
border-top: 6px solid transparent;
border-bottom: 0.2em solid rgba(0,153,204,1);
background-color: rgba(255,255,255,0.063);
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
transition: all 0.2s ease-in-out 0s;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);
border-radius: 5px 5px 5px 5px;
background: none repeat scroll 0 0 #536B84;
color: #FFFFFF;
display: block;
margin: 0.5em 0 1em;
padding: 0.4em;
text-align: center;
}
section#step2 {
position: relative;
}
section#step1 p strong {
font-size: 1.2em;
}
section h2 {
clear: both;
}
a.button:hover {
background: none repeat scroll 0 0 #67a727;
color: #FFFFFF;
}
a:hover
{
text-decoration: none;
border-bottom-color: rgba(0,153,204,0.35);
}
img {
width: 30%;
max-width: 100px;
float: right;
}
div.alert {
margin-bottom: 0;
}

46
res/raw/welcome.html
View File

@ -1,15 +1,43 @@
<!DOCTYPE html>
<html>
<head>
<title>Welcome to Kiwix</title>
<meta charset="UTF-8" />
<title>Welcome to Kiwix!</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
<link href="welcome.css" rel="stylesheet">
</head>
<body>
<h1>Welcome to Kiwix</h1>
<body class="welcome" lang="en-US">
Visit <a href="http://www.kiwix.org/landing_for_embedded_kiwix_for_android">Kiwix<img src="kiwix_icon.png"/></a> to find out how
to download zim files, such as the Wikipedia.
<p>
<!-- Note to translator: Link text must match menu_openfile string -->
Use <a href="content://org.kiwix.ui/selectzimfile">Open File</a> to open zim files stored on the device.
<div id="content-wrapper">
</body></html>
<section id="step1">
<h2><span>1.</span> Download a Content</h2>
<p><strong>Kiwix</strong> is an Offline Content Reader, perfectly tailored for Wikipedia. Enjoying Kiwix is just <strong>2 steps</strong> away.</p>
<p>Why don't you try our Wikipedia Demo file?</p>
<a class="button" href="http://download.kiwix.org/zim/0.9/android-demo.zim">Wikipedia-Demo.zim</a>
<p>It's a 2MB ZIM containing <em>all world countries</em>'pages from the English Wikipedia.</p>
<div class="alert alert-info"><strong>Warning!</strong> This download will take place in your browser. Don't forget to come back to Kiwix once download is complete!</div>
</section>
<section id="step2">
<h2><span>2.</span> Take a drink break!</h2>
<img class="media-object" data-src="holder.js/64x64" src="coffee.png">
<p>Downloads can take a long time, go mind your regular business and come back once done.</p>
</section>
<section id="step3">
<h2><span>3.</span> Open the file up-here!</h2>
<p>Click the <span><a href="content://org.kiwix.ui/selectzimfile">Open File</a></span> button in the toolbar up there and select the ZIM file you downloaded. <strong>That's It!</strong></p>
<p>Now, Enjoy your content, and take a look at the <a href="help.html">Help Page</a> once bored.</p>
</section>
</div>
<script src="jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>