Posts about kde (old posts, page 11)

2007-04-14 23:37

New project: Tobogan

As a result of my playing with mootools and creating powerpoint-style slideshows on webpages from restructured text, I am pretty much decided about turning this into a standalone, real application.

I am doing a PyQt4 frontend, and restructured text addons to generate the slides.

The native file format is restructured text itself, and it supports basic transitions between slides.

It still needs a ton of work, but here is a video showing how it looks after a couple of days hacking. You can see the current UI, a document's source, and a demonstration using firefox (only because Konqy doesn't suppose opacity, the rest of the transitions work even better on Konqueror)

It's Ogg/Theora and 3MB (thanks openomy.com!): the video

2007-04-12 17:35

New BartleBlog Feature: marketspeak!

Now, I don't know if this is useful, but I do think it's way neat.

Inspired by S5, rst2s5, and mootools I took an hour (or two) and hacked this neat little slide tool.

The goals differ from S5 in that I intend to write a frontend, so that you have a sort of very-poor-man's powerpoint, but also in that the output should be simple to embed in other pages so that I can eventually make this a part of bartleblog.

Check it out (click to go to next slide, move mouse to the top of the slideshow for controls):

<<   >>

Why use BartleBlog

(If you are a nerd)

Author: Roberto Alsina <[email protected]>

It's nerd-oriented

It's trivial to display source code, with proper syntax highlighting.

from base64 import *
def myFirstFunction():
      print b64decode ('YnllIHdvcmxkIQ==')

Even for things like shell sessions. Dammit, I am a nerd, I will try to add every nerd feature I deem cool.

It does things simply

Wanna show a flickr photo?

.. flickr:: myPhotoTitle

How about using openomy.com to share your files? And whatever else you can think of, it probably can be done.

It's very easy to extend

Really. It's simple python code.

  • The module to do syntax highlighting has 41 lines.
  • The module to do dynamic animated menus has 103.
  • The module to do calendars has 72.

If there is a python module or web service to do what you want, hooking it into BartleBlog is simple.

And it has kickass features

Like online, embedded, animated slideshows! Like this one! Done with 65 lines of simple almost-plain-text markup! Ok, it's not fully implemented yet, because it needs some manual code, but the hard part is done!

Or automatic SVN changelog display ( I admit that's somewhat niche ;-))

Now, who else has that kind of thing?

There may be an artifact when you slide out the syntax-highlighted boxes, but I have no idea how to fix it.

Also, I have not tested it at all in IE, so if it fails there, don't worry, that's to be expected!

Next time I speak in public, I may use this :-)

And, as a teaser... this is the source for the presentation you just saw:

Why use BartleBlog
==================

(If you are a nerd)
~~~~~~~~~~~~~~~~~~~

:author: Roberto Alsina <[email protected]>

It's nerd-oriented
------------------

It's trivial to display source code, with
proper syntax highlighting.

.. code-block:: python

  from base64 import *
  def myFirstFunction():
        print b64decode ('YnllIHdvcmxkIQ==')

Even for things like shell sessions.
Dammit, I am a nerd, I will try to add every nerd
feature I deem cool.


It does things simply
---------------------

Wanna show a flickr photo?

.. code-block:: rst

  .. flickr:: myPhotoTitle

How about using openomy.com to share your files?
And whatever else you can think of, it probably
**can** be done.

It's very easy to extend
------------------------

Really. It's simple python code.

* The module to do syntax highlighting has 41 lines.

* The module to do dynamic animated menus has 103.

* The module to do calendars has 72.

If there is a python module or web service to do what you
want, hooking it into BartleBlog is simple.

And it has kickass features
---------------------------

Like online, embedded, animated slideshows! Like this one!
Done with 65 lines of simple almost-plain-text markup!
Ok, it's not fully implemented yet, because it needs some manual
code, but the hard part is done!

Or automatic SVN changelog display ( I admit that's *somewhat niche* ;-))

Now, who else has that kind of thing?

2007-04-02 12:42

Son of bartleblog VIII: Some Qt love

Now that the backend is still iffy but generates a blog, I finally started showing some love to the UI.

Here's the brand new post editor:

bartleblog6

The far-right two buttons should let you choose your flickr photo/openomy file respectively and add the link/thumbnail easily (the UI is not done yet).

The format to write is Restructured Text or HTML (non wysiwyg) but other things like Textile or wiki markup should be easy to add.

The main window uses a Qt model to create the tree with views (right now) by date, but with alternative organizations soon.

2007-03-30 08:41

Son of Bartlebog VII: the nuclear test site

A lot of new features going on, like openomy based file uploading and links that work like simple rst directives:

.. openomy:: my-file.ext

And you should get a link to the file, stored in the 1GB the openomy guys kindly provide.

Also, you can actually see how the test site looks at //ralsina.me/weblog (using the exact same data as this one).

I actually upload almost every change I do, so it breaks often ;-)

2007-03-29 18:43

Son of Bartleblog VI: The flickr directive

I added a Restructured Text directive that takes as argument the title of one of your (my) flickr pictures, like this:

.. flickr:: pa120071

And produces this:

Which is much nicer than my images have looked for a while.

It can still be improved, probably add a caption, link to image comments if available, etc.

The bad side is that if you don't have internet access the rendering fails.

2007-03-28 17:28

Son of bartleblog 5: Menus

Added a Yahoo! Ui menubar generator. It turns this:

a
b
c
 1
 2
  x
  y
d

Into this:

bartleblog4

Or this if you are using links:

bartleblog5

Or rather into this, which explains why it's necessary (consider this is a very simple menu!):

System Message: ERROR/3 (<string>, line 30)

Cannot find pygments lexer for language "HyperText"

.. code-block:: HyperText

    <script type="text/javascript">
    YAHOO.example.onMenuBarReady = function(p_oEvent)
    {
        // Instantiate and render the menu bar

        var oMenuBar = new YAHOO.widget.MenuBar("None",
            {   autosubmenudisplay:true,
                hidedelay:750,
                lazyload:true
            });

        oMenuBar.render();
    }

    // Initialize and render the menu bar when it is available in the DOM
    YAHOO.util.Event.onContentReady("None", YAHOO.example.onMenuBarReady);
    </script>
            <div id="None" class="yuimenubar">
                <div class="bd">
                    <ul class="first-of-type">
                        <li class="yuimenubaritem first-of-type">a </li>
                        <li class="yuimenubaritem">b</li>
                        <li class="yuimenubaritem"> c
                            <div id="c" class="yuimenu">
                                <div class="bd">
                                    <ul>
                                        <li class="yuimenuitem"> 1</li>
                                        <li class="yuimenuitem"> 2
                                            <div id=" 2" class="yuimenu">
                                                <div class="bd">
                                                    <ul class="first-of-type">
                                        <li class="yuimenuitem">  x</li>
                                        <li class="yuimenuitem">  y</li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="yuimenubaritem">d</li>
                    </ul>
                </div>
            </div>

Still some missing features, but a neat thingie already.

2007-03-27 12:49

Son of Bartleblog IV

Another morning, another feature: archive

bartleblog3

Now I'm working on the image tool, importing PyDS's images and uploading to flickr, etc.

2007-03-26 18:28

Son of Bartleblog III

A couple more hours of hacking, and the templates are all new, and more functional then ever.

bartleblog2

I am making heavy use of Yahoo's UI library, which makes lots of things much simpler:

  • Layout using Yahoo Grids

    I spent hours making the layout you see now, and the one with Grids works better and was done in minutes. Avoid reinventing the wheel works for webpages, too.

  • Calendar using Yahoo Calendar

    Isn't it neat? And it works, too. Since the linking is handled by javascript I may make it so it loads the posts for a month without reloading the page.

  • Styling using their reset.css stylesheet.

    That stylesheet removes all styling from your page. That way, if there's something there, you put it.

    I used that, added a slightly simplified stylesheet based on Firefox's default, Restructured Text's and Silvercity's, and all the customizing I needed to do to achieve a simple but functional layout were 30 lines of CSS, compared to the rather monstrous pyds.css my blog currently uses.

  • Modular thingies.

    I turned all Technorati/HaloScan/FeedBurner/Talkr thingies into macros that take as configuration your personal data (for example, HaloScan ID) and if necessary a post.

If the styling was a little more done and a few bugs were ironed, I may even start uploading the site using bartleblog instead of PyDS soon :-)

2007-03-25 12:53

Son of Bartlebog II

After a few more hours hacking, it's got the following working:

  • CherryTemplate templates that do about the same as the Cheetah templates in PyDS
  • Generates the whole site and it looks just the same
  • Advogato import (my blog should go all the way back to 2000 when I switch!)
  • PyDS import

The main missing things are:

  • Do a decent templating system (right now they are embedded in the code)
  • Do a decent config system (right now, global variables)
  • Do uploading (or just trust lftp)
  • Do post/story creation
  • Port the RSS template
  • Flickr integration
  • Integration with all those neat little gadgets: feedburner flares, HaloScan comments which are currently kinda grafted (only work for my account ;-)
  • Look into Yahoo UI toolkit for things like the calendar and menus.
  • Add the extra stuff to Restructured Text so it:
    • Fixes automatically links to posts/stories in the blog
    • Pretty-prints code using SilverCity
  • Lots of UI stuff

All in all, not really a huge amount of work, but I am taking it easy.

When KDE4 is out, a version with a full-fledget KHTML in it will be a whole lot nicer.

Contents © 2000-2019 Roberto Alsina