Rantzau Genealogy

Frantz von Rantzau 1606-1677

Hans Danielsen von Rantzau 1567-1649

Daniel Rantzau 1534-1589

Henning Rantzau 1495-1537

Schack Rantzau 1445-1510

Christian Rantzau 1649-1704

Hans zu Rantzau 1693-1769
removes serfdom

Schack Carl Rantzau
Movie "A royal affair"

Henning Rantzau 1395-1470

Henneke Rantzau 1375-1397

Henneke Rantzau 1335-1390

Otto IV Rantzau -1398

Otto III Rantzau 1310-1362

Otto II Rantzau

Cai I Rantzau -1340

Cai II Rantzau -1397

Breide Rantzau -1440

Heinrich Rantzau 1437-1497

Johann Rantzau 1492-1565

Heinrich Rantzau 1526-1599

Gerhard zu Rantzau 1558-1627

Christian zu Rantzau 1613-1663

Detlef zu Rantzau 1644-1697

Wilhelm Adolf zu Rantzau 1688-1734
builds church

Image by PodracerHH

Recently I watched the very nice movie "A royal affair", which has a character called "Rantzau". A local church was also build by a "Rantzau" and I wondered, how they are connected. Wikipedia, a PDF, google books and the website seel.info finally reconstructed the links between the two. The internet stays awesome. :)

Html Twitter control (public tweets, no auth)

I plan to work on a Twitter client for Javascript. The client should display tweets very compact and might have some features of a Java Twitter client, I blogged about previously.

This tweet component is a first step. It shows the user-timeline of a given user plus tweets that the user replied to. It shows only public tweets, thus no auth is needed. You can enter another user to display its tweets, but the users tweets muts be unprotected, otherwise the tweets wouldnt be visible without auth.

Next step towards a client would be to figure out, how the auth stuff works, which looks somewhat complicated.. x) More infos about that probably soon in this blog.

Div sparks - Html decoration

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipisici elit

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

On the right is a Div-spark example shown, demonstrating a decoration for Html-DOM-elements. This might be used to indicate that data is generated or just for esthetic reason. :) Technically div-elements are dynamically generated via javascript, with flashing background colors. The appearance of this div-elements, the "div-sparks", is defined by following structure:

var data=[
  {t:50,  r:0,g:250,b:0,a:1 },
  {t:200, r:0,g:0,  b:0,a:0 ,spawn:1},
  {t:0,   r:0,g:250,b:0,a:0 }
];

where "t" stands for a duration, "r,g,b,a" define a color and the "spawn" flag starts creation of new sparks beside a current element.

Html5-Canvas with variable size

I tried to make a Html-page with a Canvas-element, which fills the whole page or browser window. Following line

<canvas width="100%" height="100%">

didnt work. It produced a canvas with a dimension of 100x100 pixels. Following

<canvas style="width:100%;height:100%" width="100%" height="100%">

worked a bit better: the canvas filled the browser window. Though the canvas still had a size of 100x100 pixels, but it was scaled up to fit the page. To have a canvas that dynamically changes its size according to the browser window, I had to set canvas.width and .height manually, like in this code snippet:

var cont=canvas.parentNode;
if ((canvas.width!=cont.clientWidth)||(canvas.height!=cont.clientHeight)) {
  canvas.width=cont.clientWidth;
  canvas.height=cont.clientHeight;}

Note: by setting e.g. canvas.width the canvas will be cleared, so the resize must take place before the repaint.

Update: If the canvas is used with WebGL, the gl-viewport must be set to the new size.

gl.viewport(0,0,canvas.width,canvas.height);