From 354f89fe0a85920c98bb9ecc5813c89c05de200c Mon Sep 17 00:00:00 2001 From: mossroy Date: Fri, 26 Jul 2013 20:18:57 +0200 Subject: [PATCH] Changes in the layout. Add a few CSS styles to give a better look Slight modifications in the behavior, so that the configuration zone appears when necessary (on desktop), and can be toggled by a button. Tha about section is now bound to the corresponding button + small fix on the back/forward buttons behavior --- css/app.css | 32 +++++++++-- index.html | 151 +++++++++++++++++++++++++++++----------------------- js/app.js | 31 ++++++++--- 3 files changed, 136 insertions(+), 78 deletions(-) diff --git a/css/app.css b/css/app.css index 2c8c8356..46277e2f 100644 --- a/css/app.css +++ b/css/app.css @@ -1,6 +1,30 @@ /* Main CSS of the application */ -body { - /* Remove spacing to avoid losing borders around the screen*/ - margin: 0; -} + +[role=region] { + top: 0; right: 0; bottom: 0; left: 0; + + position: fixed; + overflow-x: hidden; +} +[role=region] > header { + margin: .5rem 0 1rem 0; + text-align: center; +} +[role=region] > header > h1 { + margin: 0; + text-shadow: 0px 1px 1px rgba(0,0,0,.4); +} +[role=region] > .view-content { + margin: 0 1rem 4rem 1rem; +} +[role=region] > footer { + background: rgba(0,0,0,.2); + right: 0; bottom: 0; left: 0; + position: fixed; + text-align: center; +} +[role=region] > footer > menu[role=toolbar] { + margin: 0; + padding: 0; +} \ No newline at end of file diff --git a/index.html b/index.html index fd473937..966196a8 100644 --- a/index.html +++ b/index.html @@ -33,76 +33,93 @@ --> - + - -

Evopedia

- - - - - -
- - - -
- -
 
-
- + +
+
+

Evopedia

+
+ +
+
+
+

About

+ This is a preliminary work on the port of Evopedia (offline wikipedia reader) in HTML5/Javascript, with Firefox OS as the primary target +
+ The original application is at http://www.evopedia.info/ +
+
+ To use it, you have to first download locally a dump from http://dumpathome.evopedia.info/dumps/finished (with a Bittorrent client). +
+
    +
  • On desktops, it works on recent Firefox and Chrome, and maybe on other browsers. In this case, you have to select manually some files from your dump (see below)
    • +
  • On the Firefos OS simulator, you have to put the archive files in a "fake-sdcard" folder of your firefox profile (ex : ~/.mozilla/firefox/xxxx.default/extensions/r2d2b2g@mozilla.org/profile/fake-sdcard). It looks for file titles.idx in it. You need to install the application from the dashboard of the simulator (due to security restrictions in Firefox OS : only certified webapps can access the sdcard)
    • +
  • On a real Firefox OS device, you simply have to put the archive files anywhere in your sdcard, so that it finds titles.idx on it. For now, the application has to be installed manually (use the push feature of the Firefos OS Simulator)
    • +
+
+ It's still a beta version : there are many many ways this could be enhanced (suggestions and patches are welcome : the source code is on github). In particular : +
    +
  • The User Interface is very young and has to be improved
    • +
  • In some rare cases, the links inside an article do not work, or do not lead to the right article
    • +
  • It is not easy to use on the Peak device from Geeksphone because the buttons and inputs are too small
    • +
  • Some features of the original application still have to be implemented : in particular geolocation of articles
    • +
+ The bugtracker is on github too. +
+
+ +
+

Configuration

+ + + +
+
+ + +
    +
+
+ +
 
+
+
+
+ +
+