E-Book Web Reader ~ Rheya ~

info

I had a small coding sprint over the weekend. It would probably be better if I played Minecraft entire weekend but somehow i couldn’t stay still until I put my thoughts into code….

The code is not really representative, I just wanted to check the feeling of using this new Web interface for the books. I have two not fully functional interfaces: desktop and mobile one. I am aware it does not work on Android (the footer), the inner frame do not resize as they should and some buttons do not work. Like I said… just a proof of concept for now. But a proof of concept which has support for keyboard shortcuts and you can change color/text theme. What more do you need?!

mobile_font

But when it is finished… ohhhhh when it is finished! It will work in offline mode, it will support bookmarks, sharing, annotations and many many more things. It can read epub2/epub3 books for now but I will integrate it with Booktype online books when I get some free time.

You can check the code here:
* https://github.com/aerkalov/ebook-web-reader/wiki

Demo books:
* http://www.binarni.net/projects/rheya/metropolis/ (Desktop version)
* http://www.binarni.net/projects/rheya/the-binary-chronicles/ (Desktop version)
* http://www.binarni.net/projects/rheya/metropolis/mobile.html (iPad version)
* http://www.binarni.net/projects/rheya/the-binary-chronicles/mobile.html (iPad version)

Soooo…. what do you think? Would this be a good interface for online/offline books?

Booktype-scrolls: Ubuntu installation

First in a series of screencasts – How to use Booktype-scrolls script to install Booktype on Ubuntu.

Script is smart enough to figure out what needs to be installed on Ubuntu, Debian, CentOS or Mac OS X. You will be informed about every step and nothing will be installed on the system without your confirmation or knowledge. At the moment script works with Sqlite and builtin Python server. That will be changed in next version but for now this is more then enough if you had problems installing it for yourself. You can read more about the script in my previous post – http://www.binarni.net/2012/07/booktype-easy-install/.

For more information check out official installation docs – https://wiki.sourcefabric.org/display/Booktype/Installing.

Najsretniji dan u mom životu ili “Kako je Saša dobio pečat”

macek

Danas je najsretniji dan u mom životu. Danas je dan kad sam postigao nešto. Ja ne znam tko je Saša Maček. U biti, sad znam jer sam ga u međuvremenu zguglao. Kad je najsretniji dan u mom životu tek počinjao ja nisam znao tko je Saša.

Zašto sam tako sretan? Zato što je po prvi put u mom bogatom životu jedan moj “onako usputni” komentar na prvom mjestu! Znam što mislite. Vi kažete – “Ali Aco braco, i nije neki uspjeh na 10 komentara biti prvi.”. Neka.. neka.. to zavist iz vas progovara!

Moj komentar je trenutno najbolje rangiran (zato što je tako prokleto duhovit i orginalan) i ovo je najsretniji dan u mom životu.

Odite pa pogledajte Sašu Mačeka i njegove udaraljke – http://www.youtube.com/watch?v=6OmbYwrLIEk jer sutra možda moj dan neće biti tako sretan.

Danas je najsretniji dan u mom životu.

Binarni.net production intro #1

I said to my self – “Aco, but you can’t start working on your screencasts if you don’t have intro video!”. And you know what… I was right. That is why I started working on one. Not really happy with the final result but I am more then happy to say it is “good enough for now”. Sound effect should be synced with the video and I am not sure this is the best sound for this kind of video. Anyhoo, if you have any suggestions please feel free to send me email – aerkalov@gmail.com.

Fork it

Svjestan sam koliko je ovo grozno i da se krv mogla bolje napraviti, glava bolje odrezati a mozak pametnije narezati ali eto…. Kliktanje po Illustratoru je u zadnje vrijeme postala moja Adobe Joga. Meni to super.

Styling your book on the Web

As you know, you can use Booktype to publish your books into different formats but you can also view them on the web. In this blog post I will try to show how that web view can be customized with simple template modification. By default Booktype comes with predefined templates but they can all be easily customized to your own needs (templates can also be multilingual).

Let us imagine we are publishing shop “Awesome Sun” who is interested in publishing books about solar power. Booktype project has been installed in /var/www/awesomesun/ directory on our web hosting server. We are not so happy with the default look and feel so we decided to change it. Where should our web designers look at? In the case of “Awesome Sun” template files should be placed in /var/www/awesomesun/templates/ directory while all static files (CSS files, JavaScript files, images, …) should be placed in /var/www/awesomesun/static/ directory. Fairly simple for now. Before doing any work it would be wise to check documentation how to work with Django templates. As you could guess, examples in this blog post are oversimplified.

By default, to present books on the web Booktype comes with Django application called “Reader” and we will customize templates for that application. Original templates for this application are placed in $BOOKTYPESOURCE/lib/booki/reader/templates/ directory and our customized templates will be placed in /var/www/awesomesun/templates/reader/ directory. All you have to do is either copy original template files into awesomesun project and modify them or write new templates from scratch.

What kind of modifications are we making? As you can see on the screenshots bellow we want to have very simple book view, we want our “Table of contents” to be always visible while we scroll the page and we want our header to be fixed on top with name of the book and chapter we are currently reading.

To make it work I created new base template called new_base.html and placed it in /var/www/awesomesun/templates/ directory. This is a base template which other templates for “Reader” application should include. This template just includes jQuery library and creates place holders for future content.


{% load i18n messaging_tags booki_tags %}



{% booki_site_favicon %}
{% booki_site_metadata %}

{% block header %}
{% endblock %}

{% block content %}
{% endblock %}



Then I had to create /var/www/awesomesun/templates/reader/book_chapter.html template file. This is where I include additional JavaScript library, CSS file, display “Table of contents” and content of chapter. Besides HTML and CSS there are just two important things to look at. Chapter content is inserted with {% booki_format content %} and “Table of contents” is inside of variable chapters. It all depends how you want to show your “Table of Contents” but here I am using “for” loop to construct unordered list with chapter titles. Everything else is just CSS styling.


{% extends "new_base.html" %}
{% load i18n booki_tags %}

{% block header %}
{% blocktrans with book.title as booktitle %}/book: {{ booktitle }}{% endblocktrans %}

{% endblock %}

{% block content %}

{% booki_format content %}

{% endblock %}

Essentialy this is how you customize Booktype templates. I have compiled all needed files (with CSS and additional JavaScript) from this blog post here. Please download it if you are interested in more details.

Folk Radio One

DJ Aco Pretnja i DJ Edgy Borko imaju novi projekat pod nazivom Folk Radio One. Dva sata čiste folk zabave svakog petka od 10:00 do 12:00. Repriza nedjeljom od 10:00 do 12:00.

Pratite radio na Facebooku – https://www.facebook.com/FolkRadioOne a jinglove pronađite na SoundCloudu – http://soundcloud.com/aerkalov. Džinglovi i naše trkeljanje koje ima muziku u pozadini nije završilo na SondCloudu. Čemu radio pitate se vi? Čist zato da se upoznamo sa radom Airtime softwarea za online radio stanice. Bilo je to lijepo iskustvo učenja rada u Audacity-u, nariktavanja mikrofona, proklinjanja jeke itd… Što smo naučili u svemu? Naučili smo da je dva sata za nas predugačak slot. Prvih sat vremena smo nekako i popunili ali drugih sat vremena smo popunili sa kvalitetnim metalom. Stvarno nismo imali ideja a ove silne mp3-ice su mi se samo nudile za upload.

Za slijedeći put ćemo probati znatno više pričati te se možda okrenuti  formi podcasta sa dodatnom muzikom. Bumo vidli. Uglavnom, danom smo puštali ovo:

Love Will Tear Us Apart by Joy Division
Brkovi by Brkovi
Jaitura (Novogodnyaya kolyada) by Zdob si Zdub
Debaser by Pixies
Enfilade by At the Drive-In
All The THings That I Have Done by The Killers
Don’t Think Lover by A Place To Bury Strangers
Someone Must Get Hurt by She Wants Revenge
Y-Control by Yeah Yeah Yeahs
Ball And Biscuit by The White Stripes
Nice ‘n’ Sleazy by The Stranglers
Someday by The Strokes
Devojka iz grada by Miroslav Ilic
Metal Music by Aco Pretnja
Beat The Bastards by The Exploited
Bleed For Ancient Gods by Amon Amarth
Zimushka by Arkona
The Watchtower by Cult Of Luna
Roman Land by Falkenbach
The Ancient Tale by FALCHION
Skogens Hämnd by Finntroll
Tuli Kokko by Korpiklaani
Oh Fog, Oh Dew by Skyforger
Blod for Blood by Wolfchant
Sahti-Waari by Turisas
Draugs Harg by Thyrfing
Tulkaapa Äijät! by Moonsorrow

Biro je u pogonu

Nakon dosta porođajnih muka biro samo-što-nije u pogonu. Dovoljno smo daleko odmakli da se može opravdati odlazak na gablec osobnim automobilom (donja slika). Stolovi boje javora su tu (gornja slika), igračke za motivaciju su tu (gornja slika), Club Mate je tu (gornja slika), wc kotlić u pogonu (ne vidi se na slikama), …

Nakon ovog slijedi uređenje lounge bara sa projektorom (na slikama u postu iz budućnosti), topla voda i plakati po zidu!