feed.xml

<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:media="http://search.yahoo.com/mrss/">
  <channel>
    <title>Philipp Trommler</title>
    <description>Informatiker und Forstwissenschaftler, immer auf der Suche nach neuen Herausforderungen und für Auftragsarbeiten zu haben.
</description>
    <link>http://www.philipp-trommler.me/</link>
    <image>
		<url>http://www.philipp-trommler.me/apple-touch-icon-144x144.png</url>
		<title>Philipp Trommler</title>
		<link>http://www.philipp-trommler.me/</link>
		<width>144</width>
		<height>144</height>
		<description>Informatiker und Forstwissenschaftler, immer auf der Suche nach neuen Herausforderungen und für Auftragsarbeiten zu haben.
</description>
	</image>
    <atom:link href="http://www.philipp-trommler.me/feed.xml" rel="self" type="application/rss+xml" />
    <pubDate>Wed, 20 Apr 2016 19:22:59 +0200</pubDate>
    <lastBuildDate>Wed, 20 Apr 2016 19:22:59 +0200</lastBuildDate>
    <generator>Jekyll v3.1.1</generator>
    
      <item>
        <title>Wileyfox Swift: Ein ausführlicher Test</title>
        <description>&lt;p&gt;Ich habe das Wileyfox Swift jetzt seit über einem Monat und nachdem nun auch die Fachpresse darüber berichtet hat, dass es offiziell in Deutschland erhältlich ist, wird es wohl Zeit einen etwas ausführlicheren Test dazu zu schreiben. Dabei möchte ich insbesondere auch auf die auf Amazon beschriebenen Mängel eingehen.&lt;/p&gt;

&lt;p&gt;Ich bin direkt von meinem alten Samsung Galaxy S2 auf das Swift umgestiegen und vergleiche es daher hauptsächlich mit diesem Gerät. Aber auch ein Motorola Moto E (2015) kommt als Vergleichsgerät hier und da vor.&lt;/p&gt;

&lt;h1 id=&quot;lieferumfang&quot;&gt;Lieferumfang&lt;/h1&gt;

&lt;p&gt;Der Lieferumfang des Wileyfox Swift beschränkt sich auf das Mindeste:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;Das Smartphone&lt;/li&gt;
  &lt;li&gt;Ein USB auf Micro-USB Kabel&lt;/li&gt;
  &lt;li&gt;Die üblichen Anleitungen und Garantiebeschreibungen&lt;/li&gt;
  &lt;li&gt;Eine Displayschutzfolie, die bereits aufgebracht ist&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Das Ladekabel ist recht kurz (maximal 30cm) und zudem recht steif, in Verbindung mit der Tatsache, dass man kaum andere Kabel benutzen kann (mehr dazu weiter unten) könnte das für den ein oder anderen zum Problem werden.&lt;/p&gt;

&lt;h1 id=&quot;hardware&quot;&gt;Hardware&lt;/h1&gt;

&lt;p&gt;Das Wileyfox Swift ist ein modernes Smartphone, das aussieht, wie moderne Smartphones nunmal aussehen: Schwarz, dünn, abgerundete Ecken, glänzendes Display. Einzig die Rückseite hebt sich vom Smartphone-Allerlei ab: Sie ist sehr rau (der Hersteller nennt das Sandstein) und wird verziert von dem glänzenden Wileyfox-Logo, einem orangenen Wileyfox-Schriftzug und der hauchdünn orange umrandeten Kamera.&lt;/p&gt;

&lt;p&gt;Die Rauheit greift sich allerding sehr schnell ab, wie auch auf Amazon berichtet. Nach den sechs Wochen, in denen ich das Handy nun (ohne Schutzhülle) benutze, ist vom Sandstein nicht mehr viel übrig. Am Aussehen der Rückseite ändert das nichts und sie bleibt auch für ein Smartphone recht griffig; insgesamt überzeugt sie mich.&lt;/p&gt;

&lt;h2 id=&quot;akku&quot;&gt;Akku&lt;/h2&gt;

&lt;p&gt;Der Akku ist wohl einer der Punkte, die mich am positivsten überrascht haben. Besonders im Vergleich zu meinem alten Galaxy S2 handelt es sich bei den Laufzeiten des Swift um einen wahrlichen Sprung.&lt;/p&gt;

&lt;figure&gt;
	&lt;a href=&quot;/images/wileyfoxtest-2.png&quot;&gt;
		&lt;img src=&quot;/images/wileyfoxtest-2.png&quot; alt=&quot;Akkulaufzeit des Wileyfox Swift.&quot; /&gt;
	&lt;/a&gt;
	&lt;figcaption&gt;Akkulaufzeit des Wileyfox Swift.&lt;/figcaption&gt;
&lt;/figure&gt;

&lt;p&gt;Das SGS2 hielt zum Schluss kaum noch 12 Stunden, selbst wenn ich es fast gar nicht benutzt habe. Mit dem Wileyfox komme ich locker über zwei Tage, an Wochenenden sind es teilweise auch drei. Im Vergleich zum Moto E verliert es dennoch deutlich, damit schafft man auch mal fünf Tage.&lt;/p&gt;

&lt;figure&gt;
	&lt;a href=&quot;/images/wileyfoxtest-3.png&quot;&gt;
		&lt;img src=&quot;/images/wileyfoxtest-3.png&quot; alt=&quot;Detaillierter Akkuverbrauch des Wileyfox Swift.&quot; /&gt;
	&lt;/a&gt;
	&lt;figcaption&gt;Detaillierter Akkuverbrauch des Wileyfox Swift.&lt;/figcaption&gt;
&lt;/figure&gt;

&lt;h2 id=&quot;kamera&quot;&gt;Kamera&lt;/h2&gt;

&lt;p&gt;Die Kamera unterliegt leider der des Galaxy S2. Die Farbenwiedergabe ist schlecht und die Farben rauschen stark, Details verwaschen, Kanten sind unscharf.
Die Frontkamera liefert die üblichen Ergebnisse und reicht für Videotelefonie vollkommen aus.&lt;/p&gt;

&lt;figure&gt;
	&lt;a href=&quot;/images/wileyfoxtest-1.jpg&quot;&gt;
		&lt;img src=&quot;/images/wileyfoxtest-1.jpg&quot; alt=&quot;Testaufnahme mit der Hauptkamera des Wileyfox Swift (die Nummernschilder sind im Nachhinein verwischt worden).&quot; /&gt;
	&lt;/a&gt;
	&lt;figcaption&gt;Testaufnahme mit der Hauptkamera des Wileyfox Swift (die Nummernschilder sind im Nachhinein verwischt worden).&lt;/figcaption&gt;
&lt;/figure&gt;

&lt;h2 id=&quot;leistung&quot;&gt;Leistung&lt;/h2&gt;

&lt;p&gt;Die Leistung des Swift ist für die alltägliche Benutzung völlig ausreichend. Weder die Benutzeroberfläche noch Apps ruckeln. Auch anspruchsvollere Anwendungen wie diverse Cardboard-Apps meistert das Wileyfox ohne Verzögerungen. Aufwendige 3D-Spiele habe ich mangels Interesse nicht getestet. Positiv anzumerken ist, dass der Prozessor 64-bittig ist. Dies hat zwar im Moment noch keine spürbaren positiven Auswirkungen, könnte aber im Hinblick auf die Zukunftsicherheit wichtig werden.&lt;/p&gt;

&lt;h2 id=&quot;display&quot;&gt;Display&lt;/h2&gt;

&lt;p&gt;Das Wileyfox hat ein HD-Display (ehemals HDready, also 720x1280 Pixel), das mich wirklich überrascht hat. Da ich ja vom Galaxy S2 eines der viel gelobten AMOLED-Displays gewohnt war, habe ich keine allzu großen Erwartung an das Swift gehabt. Aber von wegen: Das Display des Swift zeigt wirklich schöne Farben, die so gut wie keine Blickwinkelabhängigkeit zeigen und deutlich natürlicher wirken als die des S2, das bei den Rottönen doch sehr übertrieben hat. Auch die Schärfe ist deutlich besser, obwohl der PPI-Wert nicht so viel höher ist. Insgesamt muss ich aber sagen, dass mir ein 5” Display doch einen Deut zu groß ist, da ich recht kleine Hände habe, aber es bleibt einem ja kaum noch eine Wahl.&lt;/p&gt;

&lt;h2 id=&quot;konnektivitt&quot;&gt;Konnektivität&lt;/h2&gt;

&lt;p&gt;Sowohl WLAN- als auch der mobile Empfang sind gut und ein kleines bisschen besser als beim Galaxy. Beim Telefonieren reicht jedoch schon weniger Signalverlust als beim S2, damit das Gegenüber nicht mehr zu hören ist. Man selbst ist jedoch noch gut zu verstehen und auch bei der Datenübertragung ist dieser Effekt nicht zu beobachten, es handelt sich also wahrscheinlich eher um ein Softwareproblem. Ebenso ein Softwareproblem ist die Unfähigkeit des Wileyfox Swift sich mit dem &lt;em&gt;eduroam&lt;/em&gt;-WLAN zu verbinden, eine Lösung dafür habe ich in &lt;a href=&quot;/2016/02/12/wlan-probleme-wileyfox-swift-cm13.html&quot;&gt;meinem letzten Beitrag vorgestellt&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Die bei Amazon oft bemängelten Verbindungsabbrüche beim GPS konnte ich auch beobachten. Das Wileyfox verliert scheinbar in unregelmäßigen Abständen für kurze Zeit den GPS-Fix. Das ist beim Geocachen nicht weiter schlimm, da das Signal schnell zurückkehrt, wie es sich bei der Navigation im Auto verhält (in den Rezensionen ist davon die Rede, dass zum Beispiel Google Maps nach jeder Erlangung des GPS-Fix die letzte Ansage wiederholt) konnte ich mangels Auto nicht testen. Dass die Positionsbestimmung wie in einigen Rezensionen beschrieben äußerst langsam und/oder ungenau seien soll, kann ich nicht bestätigen, sie ist zumindest schneller als beim Galaxy S2 und ausreichend genau.&lt;/p&gt;

&lt;p&gt;Die ebenfalls bei Amazon beschriebenen Probleme bei der Benutzung des Wileyfox mit Bluetooth-Headsets kann ich nicht bestätigen. Musik hören funktioniert bei mir einwandfrei.&lt;/p&gt;

&lt;h2 id=&quot;sonstiges&quot;&gt;Sonstiges&lt;/h2&gt;

&lt;p&gt;Wie oben bereits erwähnt, kann man kaum ein anderes Ladekabel als das von Wileyfox mitgelieferte benutzen, da der USB-Anschluss deutlich tiefer ins Gehäuse eingelassen ist als üblich.
Dadurch halten übliche USB-Kabel nicht fest und rutschen, außerdem war die Ladegeschwindigkeit mit dem Ladegerät meines SGS2 deutlich geringer als mit einem anderen und dem Kabel von Wileyfox (allerdings kann das auch am Ladegerät des Samsung liegen).&lt;/p&gt;

&lt;s&gt;Ähnlich verhält es sich mit dem Kopfhöreranschluss: Auch dieser ist recht tief ins Gehäuse eingelassen, wodurch manche Audiokabel schlicht keinen Kontakt herstellen und die internen Lautsprecher weiter genutzt werden. Erfolg hatte ich mit solchen Kabeln, die auch eine Headsetfunktion integrieren, also einen Kontakt mehr haben.&lt;/s&gt;
&lt;p&gt;&lt;em&gt;(Siehe Update am Ende des Artikels)&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Apropos interne Lautsprecher: Diese sind recht laut (ich lasse das Swift nicht auf voller Lautstärke klingeln, weil das einfach &lt;em&gt;zu&lt;/em&gt; laut wäre) und erzeugen einen recht sauberen Klang. Zu viel sollte man aber Smartphone-typisch nicht erwarten, erst recht keine Bässe. Der Lautsprecher fürs Telefonieren erzeugt einen sehr blechernen Ton, der wirklich gewöhnungsbedürftig ist, dafür ist die Geräuschunterdrückung ordentlich und man versteht seinen Gesprächspartner besser als beim S2.&lt;/p&gt;

&lt;p&gt;Eine weitere Anmerkung: Im Unterschied zu vielen anderen Dual-SIM-Geräten hat das Swift nicht einen SIM-Slot und einen Kombi-Slot sondern zwei vollwertige SIM-Slots und einen MicroSD-Slot.&lt;/p&gt;

&lt;h1 id=&quot;software&quot;&gt;Software&lt;/h1&gt;

&lt;h2 id=&quot;cyanogenos&quot;&gt;CyanogenOS&lt;/h2&gt;

&lt;p&gt;Das vorinstallierte CyanogenOS basiert auf Android 5.1 (CyanogenOS 12.1), ein Update auf Android 5.1.1 (CyanogenOS 12.1.1) kann direkt nach dem ersten Einschalten installiert werden. Es ist damit zu rechnen, dass das Swift relativ gut mit Updates versorgt wird, den Sprung auf Android 6/CyanogenOS 13 halte ich für sicher.&lt;/p&gt;

&lt;p&gt;Das Wileyfox kommt mit einem dezenten, im Material-Design gehaltenen Theme daher, dass mir persönlich aufgrund seiner Orangetöne nicht so gut gefallen hat, aber keineswegs schlecht gemacht ist. Ansonsten handelt es sich im Großen und Ganzen um CyanogenMod mit vorinstallierten Apps. Derer sind es allerdings ziemlich viele, fast die komplette App-Garde von Google ist vorinstalliert und lässt sich natürlich nicht entfernen. In diesem Punkt unterscheidet sich CyanogenOS leider nicht von den Androidversionen von Samsung und Motorola. Ich benutze zwar auch Google-Dienste, möchte aber selbst entscheiden welche der Apps ich nutze und wofür ich meinen Speicherplatz verwende.&lt;/p&gt;

&lt;h2 id=&quot;cyanogenmod&quot;&gt;CyanogenMod&lt;/h2&gt;

&lt;p&gt;Aus diesem Grund und weil ich natürlich immer die neueste Software benutzen möchte, bin ich, kurz nachdem ich das Wileyfox erhalten habe, auf CyanogenMod umgestiegen. Und hier zeigt sich, dass mein Plan voll aufgegangen ist: Dadurch, dass das Swift mit CyanogenOS ausgeliefert wird, ist der Umstieg auf CyanogenMod wirklich kinderleicht.&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;https://wiki.cyanogenmod.org/w/Install_CM_for_crackling&quot;&gt;Die Anleitung auf der CyanogenMod-Webseite&lt;/a&gt; ist wirklich ausführlich und fehlerfrei, kein Gesuche in unzähligen teilweise obskuren Foren wie beim Umstieg auf dem Galaxy S2. Zudem ist natürlich schon CyanogenMod 13 alias Android 6 verfügbar. Und ein weiterer Vorteil gegenüber einem nicht offiziell unterstützten Gerät wie dem SGS2: Die Nightlies von CyanogenMod 13 für das Swift sind jetzt schon deutlich stabiler als die Version 12.1 für das S2. Ich konnte bisher keine Softwarefehler entdecken.&lt;/p&gt;

&lt;h1 id=&quot;fazit&quot;&gt;Fazit&lt;/h1&gt;

&lt;p&gt;Wer sich selbst nicht als Power-User bezeichnen würde, aber sich dennoch ein Gerät mit aktueller Software wünscht, dem kann ich das Wileyfox Swift wirklich nur ans Herz legen. Es ist ein solides Smartphone mit guter Akkulaufzeit und einem guten Display, das für diesen Preis wohl seines Gleichen sucht. Ich muss allerdings zu dieser Empfehlung dazu sagen, dass sie uneingeschränkt nur bei der Verwendung mit CyanogenMod gilt. Das Flashen ist jedoch wirklich einfach und auch für technische Laien zu bewältigen. An CyanogenOS stören mich einfach die vielen, nicht zu entfernenden Google-Apps.&lt;/p&gt;

&lt;p&gt;Vieltelefonierer sollten sich vielleicht nach einem anderen Gerät umsehen, da die Gesprächsqualität wirklich nicht die beste ist. Ebenso ist das Swift nichts für Selfie-süchtige und Instagram-Fans, dafür sind die Kameras schlicht zu schlecht. Auch Handy-Gamer sehnen sich vielleicht nach mehr (Grafik-)Leistung und sollten daher zu einem anderen Gerät greifen.&lt;/p&gt;

&lt;p&gt;Ob ich das Wileyfox Swift wieder kaufen würde? Für den Preis (ich habe circa 140€ bezahlt) auf jeden Fall!&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Update 20.04.2016:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Auf den Hinweis eines aufmerksamen Lesers hin ist mir aufgefallen, dass es sich bei den Problemen mit dem Kopfhöreranschluss um einen Softwarefehler handelt. Nach einem Update von CyanogenMod funktioniert der Anschluss nun einwandfrei.&lt;/p&gt;
</description>
        <pubDate>Thu, 03 Mar 2016 21:02:03 +0100</pubDate>
        <link>http://www.philipp-trommler.me/2016/03/03/wileyfox-swift-ausfuehrlicher-test.html</link>
        <guid isPermaLink="true">http://www.philipp-trommler.me/2016/03/03/wileyfox-swift-ausfuehrlicher-test.html</guid>
        
        <category>wileyfox</category>
        
        <category>swift</category>
        
        <category>cm13</category>
        
        <category>cyanogenmod</category>
        
        <category>test</category>
        
        <category>cyanogenos</category>
        
        
        
        <media:thumbnail url="http://www.philipp-trommler.me/images/wileyfoxtest-1.jpg" />
        <enclosure url='http://www.philipp-trommler.me/images/wileyfoxtest-1.jpg' length='7011454' type='image/jpeg' />
        
      </item>
    
      <item>
        <title>WLAN-Probleme mit dem Wileyfox Swift und CM13</title>
        <description>&lt;p&gt;Ich habe seit einigen Tagen das &lt;a href=&quot;https://www.wileyfox.com/de/swift/&quot;&gt;Wileyfox Swift&lt;/a&gt; und musste es natürlich mit CyanogenMod in Version 13 flashen (ein ausführlicher Test folgt noch). Allerdings zeigten sich schnell Probleme beim Verbinden mit dem Universitäts-WLAN &lt;em&gt;eduroam&lt;/em&gt;, genauer gesagt hat es einmal funktioniert, das nächste Verbinden schlug dann auch schon fehl.&lt;/p&gt;

&lt;h1 id=&quot;schuldfrage&quot;&gt;Schuldfrage&lt;/h1&gt;

&lt;p&gt;Nach einiger Recherche zeigte sich schnell, dass Verbindungsprobleme während&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;IP-Adresse wird abgerufen…&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;auf &lt;a href=&quot;https://thealarmclocksixam.wordpress.com/2013/10/26/dhcp-failure-on-android-wifi-stuck-on-obtaining-ip-address-how-i-solved-it/&quot;&gt;Probleme mit dem DHCP-Client&lt;/a&gt; zurückzuführen sind. Allerdings ist die dort angegebene Lösung für mein Problem nicht passend, da der Ordner &lt;code class=&quot;highlighter-rouge&quot;&gt;/data/misc/dhcp/&lt;/code&gt; bereits leer war. Der Schuldige ist scheinbar eher im noch relativ neuen CyanogenMod 13 oder Android 6 selbst zu suchen, denn folgende Schritte beheben das Problem:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;
    &lt;p&gt;Als erstes habe ich &lt;em&gt;eduroam&lt;/em&gt; aus der Liste der bekannten Netzwerke gelöscht (ob das wirklich notwendig ist, kann ich nicht genau sagen).&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Entwickleroptionen aktivieren: Hierfür muss im Menü &lt;em&gt;Einstellungen &amp;gt; Über das Telefon&lt;/em&gt; mehrfach hintereinander auf das Feld &lt;em&gt;Build-Nummer&lt;/em&gt; gedrückt werden. Ein Countdown zeigt dabei an, wieviele Clicks noch nötig sind.&lt;/p&gt;
  &lt;/li&gt;
&lt;/ul&gt;
&lt;figure&gt;
	&lt;a href=&quot;/images/wlanprobscm13-1.png&quot;&gt;
		&lt;img src=&quot;/images/wlanprobscm13-1.png&quot; alt=&quot;Zum Aktivieren der Entwickleroptionen muss das Feld Build-Nummer mehrfach hintereinander gedrückt werden.&quot; /&gt;
	&lt;/a&gt;
	&lt;figcaption&gt;Zum Aktivieren der Entwickleroptionen muss das Feld Build-Nummer mehrfach hintereinander gedrückt werden.&lt;/figcaption&gt;
&lt;/figure&gt;

&lt;p&gt;Anschließend sind die Entwickleroptionen in den Einstellungen direkt oberhalb von &lt;em&gt;Über das Telefon&lt;/em&gt; verfügbar.&lt;/p&gt;
&lt;figure&gt;
	&lt;a href=&quot;/images/wlanprobscm13-2.png&quot;&gt;
		&lt;img src=&quot;/images/wlanprobscm13-2.png&quot; alt=&quot;Nun sind die Entwickleroptionen verfügbar.&quot; /&gt;
	&lt;/a&gt;
	&lt;figcaption&gt;Nun sind die Entwickleroptionen verfügbar.&lt;/figcaption&gt;
&lt;/figure&gt;

&lt;ul&gt;
  &lt;li&gt;Nun die Option &lt;em&gt;Alten DHCP-Client verwenden&lt;/em&gt; in der Abteilung Netzwerk der Entwickleroptionen aktivieren.&lt;/li&gt;
&lt;/ul&gt;
&lt;figure&gt;
	&lt;a href=&quot;/images/wlanprobscm13-3.png&quot;&gt;
		&lt;img src=&quot;/images/wlanprobscm13-3.png&quot; alt=&quot;In den Entwickleroptionen ist eine Option zur Verwendung des alten DHCP-Clients verfügbar.&quot; /&gt;
	&lt;/a&gt;
	&lt;figcaption&gt;In den Entwickleroptionen ist eine Option zur Verwendung des alten DHCP-Clients verfügbar.&lt;/figcaption&gt;
&lt;/figure&gt;

&lt;p&gt;Anschließend kann man &lt;em&gt;eduroam&lt;/em&gt; wieder als bekanntes Netzwerk hinzufügen. Dabei unbedingt darauf achten, &lt;a href=&quot;http://tu-dresden.de/die_tu_dresden/zentrale_einrichtungen/zih/dienste/arbeitsumgebung/zugang_datennetz/eduroam_android_4.3/&quot;&gt;ein Root-Zertifakt zu installieren&lt;/a&gt;, damit keine &lt;a href=&quot;http://www.heise.de/security/meldung/Eduroam-Netz-an-Unis-Android-Nutzer-sollten-dringend-Zertifikat-installieren-3079193.html&quot;&gt;Sicherheitslücken&lt;/a&gt; entstehen. Nun sollte das Beziehen der IP-Adresse wieder funktionieren.&lt;/p&gt;

</description>
        <pubDate>Fri, 12 Feb 2016 17:53:00 +0100</pubDate>
        <link>http://www.philipp-trommler.me/2016/02/12/wlan-probleme-wileyfox-swift-cm13.html</link>
        <guid isPermaLink="true">http://www.philipp-trommler.me/2016/02/12/wlan-probleme-wileyfox-swift-cm13.html</guid>
        
        <category>wlan</category>
        
        <category>wileyfox</category>
        
        <category>swift</category>
        
        <category>cm13</category>
        
        <category>cyanogenmod</category>
        
        
        
        <media:thumbnail url="http://www.philipp-trommler.me/images/wlanprobscm13-1.png" />
        <enclosure url='http://www.philipp-trommler.me/images/wlanprobscm13-1.png' length='71943' type='image/png' />
        
      </item>
    
      <item>
        <title>Rust und Vala: Ein interessantes Team</title>
        <description>&lt;p&gt;Ich bin vor einigen Tagen zufällig über Mozillas (relativ) neue Programmiersprache &lt;a href=&quot;http://www.rust-lang.org&quot;&gt;Rust&lt;/a&gt; gestolpert und war direkt angetan. Natürlich war die erste Frage, die sich mir stellte, ob man Rust wohl auch von Vala aus nutzen kann, da es für geschwindigkeitskritische Anwendung sehr gut geeignet scheint.&lt;/p&gt;

&lt;p&gt;Wie &lt;a href=&quot;https://doc.rust-lang.org/stable/book/rust-inside-other-languages.html&quot;&gt;in der Anleitung&lt;/a&gt; gut beschrieben ist, lassen sich Rust-Bibliotheken von anderen Sprachen aus nutzen, darunter natürlich auch C. Da Vala zu C kompiliert wird, lag der Verdacht also nah, dass es auch möglich sein muss, Rust von Vala aus zu nutzen. Und der Weg dorthin wird durch diese Annahme eigentlich auch schon vorgegeben.&lt;/p&gt;

&lt;p&gt;Schreiben wir uns also eine kleine Rust-Bibliothek, die uns als Test dienen soll. Ich habe von Anfang an &lt;a href=&quot;https://crates.io/&quot;&gt;Cargo&lt;/a&gt; genutzt, da es sich einfach bedienen lässt und lästige Routineaufgaben übernimmt. Erstellen wir also ein leeres Cargo-Projekt:&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-bash&quot; data-lang=&quot;bash&quot;&gt;cargo new vala_test&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;Nachdem wir in das erzeugte Verzeichnis &lt;code class=&quot;highlighter-rouge&quot;&gt;vala_test&lt;/code&gt; gewechselt sind, müssen wir zunächst&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-bash&quot; data-lang=&quot;bash&quot;&gt;&lt;span class=&quot;o&quot;&gt;[&lt;/span&gt;lib]
name &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;valatest&quot;&lt;/span&gt;
crate-type &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;dylib&quot;&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;]&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;an die Datei &lt;code class=&quot;highlighter-rouge&quot;&gt;Cargo.toml&lt;/code&gt; anhängen, um Cargo mitzuteilen, dass wir eine dynamisch gelinkte Bibliothek (&lt;code class=&quot;highlighter-rouge&quot;&gt;crate-type = [&quot;dylib&quot;]&lt;/code&gt;) mit dem Namen &lt;code class=&quot;highlighter-rouge&quot;&gt;libvalatest.so&lt;/code&gt; (&lt;code class=&quot;highlighter-rouge&quot;&gt;name = &quot;valatest&quot;&lt;/code&gt;) erstellen wollen.&lt;/p&gt;

&lt;p&gt;Anschließend öffnen wir die bereits vorhandene &lt;code class=&quot;highlighter-rouge&quot;&gt;lib.rs&lt;/code&gt; im Ordner &lt;code class=&quot;highlighter-rouge&quot;&gt;src&lt;/code&gt; und fügen folgenden Quelltext ein:&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-rust&quot; data-lang=&quot;rust&quot;&gt;&lt;span class=&quot;k&quot;&gt;pub&lt;/span&gt; &lt;span class=&quot;k&quot;&gt;struct&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;TestType&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;{&lt;/span&gt;
    &lt;span class=&quot;n&quot;&gt;int1&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;nb&quot;&gt;i32&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;n&quot;&gt;int2&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;nb&quot;&gt;u8&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt;
&lt;span class=&quot;p&quot;&gt;}&lt;/span&gt;

&lt;span class=&quot;cp&quot;&gt;#[no_mangle]&lt;/span&gt;
&lt;span class=&quot;k&quot;&gt;pub&lt;/span&gt; &lt;span class=&quot;k&quot;&gt;extern&lt;/span&gt; &lt;span class=&quot;k&quot;&gt;fn&lt;/span&gt; &lt;span class=&quot;nf&quot;&gt;test&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;int1&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;nb&quot;&gt;i32&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;int2&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;nb&quot;&gt;i64&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;uint1&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;nb&quot;&gt;u8&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;text&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;nb&quot;&gt;char&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;slice&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;amp;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;nb&quot;&gt;u32&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;],&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;test_type&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;amp;&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;TestType&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;{&lt;/span&gt;
    &lt;span class=&quot;nd&quot;&gt;println!&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;int1: {}&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;int1&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;);&lt;/span&gt;
    &lt;span class=&quot;nd&quot;&gt;println!&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;int2: {}&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;int2&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;);&lt;/span&gt;
    &lt;span class=&quot;nd&quot;&gt;println!&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;uint1: {}&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;uint1&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;);&lt;/span&gt;
    &lt;span class=&quot;nd&quot;&gt;println!&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;text: {}&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;text&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;);&lt;/span&gt;

    &lt;span class=&quot;k&quot;&gt;for&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;element&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;in&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;slice&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;{&lt;/span&gt;
        &lt;span class=&quot;nd&quot;&gt;println!&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;slice: {}&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;element&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;);&lt;/span&gt;
    &lt;span class=&quot;p&quot;&gt;}&lt;/span&gt;

    &lt;span class=&quot;nd&quot;&gt;println!&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;TestType int1: {}&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;test_type&lt;/span&gt;&lt;span class=&quot;py&quot;&gt;.int1&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;);&lt;/span&gt;
    &lt;span class=&quot;nd&quot;&gt;println!&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;TestType int2: {}&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;test_type&lt;/span&gt;&lt;span class=&quot;py&quot;&gt;.int2&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;);&lt;/span&gt;
&lt;span class=&quot;p&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;Wie man leicht erkennt, handelt es sich bloß um eine einfache Funktion, die die übergebenen Paramter auf der Konsole ausgibt. Aber genau das ist es, was wir brauchen, um zu sehen, ob unser Programm richtig funktioniert. Zum weiteren Testen habe ich außerdem ein &lt;code class=&quot;highlighter-rouge&quot;&gt;struct&lt;/code&gt; eingefügt.&lt;/p&gt;

&lt;p&gt;Wichtig ist hier vor allem das &lt;code class=&quot;highlighter-rouge&quot;&gt;pub extern&lt;/code&gt;, das angibt, dass diese Funktion von außerhalb genutzt werden soll, sowie &lt;code class=&quot;highlighter-rouge&quot;&gt;#[no_mangle]&lt;/code&gt;, das verhindert, dass die automatische, interne Namensänderung von Rust stattfindet.&lt;/p&gt;

&lt;p&gt;Nun muss die Bibliothek noch kompiliert werden. Dies erledigt der Befehl &lt;code class=&quot;highlighter-rouge&quot;&gt;cargo build&lt;/code&gt;, das Shared Object befindet sich danach im Ordner &lt;code class=&quot;highlighter-rouge&quot;&gt;target/debug&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;In der Rust-Dokumentation wird richtig erklärt, dass man natürlich eine C-Header-Datei benötigt, um auf die Funktionen der Rust-Bibliothek zugreifen zu können. Schreiben wir uns also so eine Header-Datei &lt;code class=&quot;highlighter-rouge&quot;&gt;libvalatest.h&lt;/code&gt;:&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-c&quot; data-lang=&quot;c&quot;&gt;&lt;span class=&quot;cp&quot;&gt;#ifndef LIBVALATEST_H_
#define LIBVALATEST_H_
&lt;/span&gt;
&lt;span class=&quot;k&quot;&gt;typedef&lt;/span&gt; &lt;span class=&quot;k&quot;&gt;struct&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;TestType&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;{&lt;/span&gt;
    &lt;span class=&quot;kt&quot;&gt;int&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;int1&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
    &lt;span class=&quot;kt&quot;&gt;unsigned&lt;/span&gt; &lt;span class=&quot;kt&quot;&gt;char&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;int2&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;p&quot;&gt;}&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;TestType&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;

&lt;span class=&quot;kt&quot;&gt;void&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;test&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;kt&quot;&gt;int&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;int1&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;kt&quot;&gt;long&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;int2&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;kt&quot;&gt;unsigned&lt;/span&gt; &lt;span class=&quot;kt&quot;&gt;char&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;uint1&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;kt&quot;&gt;char&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;text&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;kt&quot;&gt;unsigned&lt;/span&gt; &lt;span class=&quot;kt&quot;&gt;int&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;slice&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;[],&lt;/span&gt; &lt;span class=&quot;kt&quot;&gt;int&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;slice_length&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;TestType&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;*&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;test_type&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;);&lt;/span&gt;

&lt;span class=&quot;cp&quot;&gt;#endif&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;Wie man sieht, ist auch dies relativ trivial. Es müssen lediglich die Rust-Typen auf ihre entsprechenden C-Typen umgemapped werden. Nun folgt der Standard-Vala-Weg, also das Schreiben des VAPIs &lt;code class=&quot;highlighter-rouge&quot;&gt;libvalatest.vapi&lt;/code&gt;:&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-vala&quot; data-lang=&quot;vala&quot;&gt;[CCode (cheader_filename = &quot;libvalatest.h&quot;)]
namespace ValaTest {
    [CCode (cname = &quot;TestType&quot;, has_type_id = false)]
    public struct TestType {
        public int int1;
        public uint8 int2;
    }

    [CCode (cname = &quot;test&quot;)]
    public void test (int int1, int64 int2, uint8 uint1, char text, uint[] slice, TestType testType);
}&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;Wie dem aufmerksamen Betrachter nun vielleicht schon aufgefallen ist, hat die Funktion &lt;code class=&quot;highlighter-rouge&quot;&gt;test&lt;/code&gt; in der C-Header-Datei einen zusätzlichen Parameter vom Typ &lt;code class=&quot;highlighter-rouge&quot;&gt;int&lt;/code&gt;. Dieser wird von Vala automatisch eingefügt, wenn in einem VAPI vor einem Array kein &lt;code class=&quot;highlighter-rouge&quot;&gt;[CCode (array_length = false)]&lt;/code&gt; steht. Und nach meiner Erfahrung in der Zusammenstellung dieses Beispiels sollte man das auch nicht tun. Fehlt die Länge des Arrays in der Funktion, läuft die Schleife &lt;code class=&quot;highlighter-rouge&quot;&gt;for element in slice&lt;/code&gt; in Rust bis zum Erreichen eines Segmentation faults (ich vermute durch den gesamten dem Programm zur Verfügung stehenden Speicher). Warum das so ist, und wie Rust intern die Länge des Arrays aus dem Funktionsaufruf übernimmt kann ich nicht beantworten. Hier wäre jemand mit mehr Erfahrung in Rust wohl der bessere Ansprechpartner.&lt;/p&gt;

&lt;p&gt;Nun folgt abschließend ein kleines Vala-Programm &lt;code class=&quot;highlighter-rouge&quot;&gt;main.vala&lt;/code&gt;, dass die Rust-Funktion aufruft und den Datentyp nutzt:&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-vala&quot; data-lang=&quot;vala&quot;&gt;using ValaTest;

void main (string[] args) {
    TestType testType = { 123456789, 255 };

    uint[] slice = { 1, 2, 255 };

    test (1, 2, 3, &#39;T&#39;, slice, testType);
}&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;Der Befehl zum Kompilieren ist diesmal ein wenig länger, da alle Komponenten nicht in Standardverzeichnissen liegen:&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-bash&quot; data-lang=&quot;bash&quot;&gt;valac --vapidir&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;./ --pkg&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;libvalatest main.vala -X -I./ -X -L./target/debug -X -lvalatest&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;Zudem muss das Verzeichnis &lt;code class=&quot;highlighter-rouge&quot;&gt;target/debug&lt;/code&gt; noch zu den Verzeichnissen hinzugefügt werden, in denen nach Shared Objects gesucht wird. Dies erledigt ein:&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-bash&quot; data-lang=&quot;bash&quot;&gt;&lt;span class=&quot;nb&quot;&gt;export &lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;LD_LIBRARY_PATH&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;./target/debug&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;Gestartet wird das Programm nun mit &lt;code class=&quot;highlighter-rouge&quot;&gt;./main&lt;/code&gt; und tatsächlich, auf der Konsole erscheint die erwartete Ausgabe:&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-bash&quot; data-lang=&quot;bash&quot;&gt;int1: 1
int2: 2
uint1: 3
text: T
slice: 1
slice: 2
slice: 255
TestType int1: 123456789
TestType int2: 255&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;Es ist also sehr gut möglich, von Vala aus Rust zu nutzen, und ich denke, ich werde das in nächster Zeit auch mal tun. Im Laufe dessen werde ich hier natürlich weitere Anleitungen, zum Beispiel zu weiteren Typen wie &lt;code class=&quot;highlighter-rouge&quot;&gt;String&lt;/code&gt;/&lt;code class=&quot;highlighter-rouge&quot;&gt;str&lt;/code&gt;, veröffentlichen.&lt;/p&gt;

&lt;p&gt;Bis dahin erst mal viel Spaß mit den neuen Möglichkeiten!&lt;/p&gt;
</description>
        <pubDate>Sun, 19 Jul 2015 20:48:22 +0200</pubDate>
        <link>http://www.philipp-trommler.me/2015/07/19/rust-und-vala-ein-interessantes-team.html</link>
        <guid isPermaLink="true">http://www.philipp-trommler.me/2015/07/19/rust-und-vala-ein-interessantes-team.html</guid>
        
        <category>rust</category>
        
        <category>vala</category>
        
        <category>c</category>
        
        <category>ffi</category>
        
        
        
      </item>
    
      <item>
        <title>Die neue GTK 3.16 StackSidebar in Vala</title>
        <description>&lt;p&gt;Neben vielen anderen großartigen Verbesserungen, die GNOME 3.16 seinen Nutzern beschert, bringt natürlich auch GTK+ wieder Neuerungen mit. Eine davon ist die neue &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.StackSidebar&lt;/code&gt;, die als Übersicht für die schon älteren &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.Stack&lt;/code&gt;s dient und aussieht wie eine klassische &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.List&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;Über ebendiese ließe sich auch ein ähnliches Verhalten erzeugen, wie es die &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.StackSidebar&lt;/code&gt; an den Tag legt: Bei einem Klick (oder Drücken) auf ein Item in der Liste wird das jeweilige Element des &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.Stack&lt;/code&gt;s angezeigt. Mit diesem neuen Widget nimmt man jedoch ganz klar eine Abkürzung! Denn während man sich mit einer &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.List&lt;/code&gt; mit Signalen und dergleichen rumärgern müsste, reicht es bei der &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.StackSidebar&lt;/code&gt; den &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.Stack&lt;/code&gt; anzugeben, mit dem man arbeiten will. Alles weitere wird intern geregelt und betrifft den Programmierer (also uns) nicht weiter. Das klingt doch super!&lt;/p&gt;

&lt;h1 id=&quot;minimalbeispiel&quot;&gt;Minimalbeispiel&lt;/h1&gt;

&lt;p&gt;Wie immer bei mir folgt nun das obligatorische Minimalbeispiel. Diesmal habe ich mich wieder dazu entschlossen, ein anderes wiederzuverwenden, in diesem Fall den &lt;a href=&quot;/2015/03/22/die-gtk-3-12-actionbar-in-vala.html&quot;&gt;minimalistischen Bildbetrachter aus dem ActionBar-Tutorial&lt;/a&gt;. Diesem stünde doch eine Übersicht über die Bilder – vielleicht in Form von Dateinamen – nicht schlecht, oder? Da ich allerdings hier wie auch im ursprünglichen Tutorial zu Anschauungszwecken mit Stock-Icons arbeite, habe ich ihnen einfach Namen gegeben, das Vorgehen sollte aber klar sein.&lt;/p&gt;

&lt;figure&gt;
	&lt;a href=&quot;/images/stacksidebar1.png&quot;&gt;
		&lt;img src=&quot;/images/stacksidebar1.png&quot; alt=&quot;Die StackSidebar als Erweiterung für den Bildbetrachter aus dem ActionBar-Tutorial.&quot; /&gt;
	&lt;/a&gt;
	&lt;figcaption&gt;Die StackSidebar als Erweiterung für den Bildbetrachter aus dem ActionBar-Tutorial.&lt;/figcaption&gt;
&lt;/figure&gt;

&lt;p&gt;Zunächst muss also ein neuer &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.Stack&lt;/code&gt; erzeugt werden. Diesem können anschließend beliebige &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.Widget&lt;/code&gt;s hinzugefügt werden. Wichtig ist bei der Benutzung der &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.StackSidebar&lt;/code&gt; nur, dass die &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.Widget&lt;/code&gt;s betitelt übergeben werden, also mit&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-vala&quot; data-lang=&quot;vala&quot;&gt;add_titled (Gtk.Widget child, string name, string title)&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;da der String &lt;code class=&quot;highlighter-rouge&quot;&gt;title&lt;/code&gt; das ist, was in der &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.StackSidebar&lt;/code&gt; angezeigt wird. &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.Widget&lt;/code&gt;s ohne Titel werden stillschweigend ignoriert.&lt;/p&gt;

&lt;p&gt;Dies ist allerdings nicht der einzige Fallstrick, der bei der Benutzung der &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.StackSidebar&lt;/code&gt; lauert: Sie muss &lt;em&gt;zwingend&lt;/em&gt; in einer &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.Box&lt;/code&gt; o. Ä. mit &lt;em&gt;horizontaler&lt;/em&gt; Ausrichtung eingefügt werden, ansonsten wird sie schlicht und ergreifend nicht angezeigt (ohne Fehlermeldung). Aufgrund dessen und da sie – im Gegensatz zur &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.List&lt;/code&gt; – auch nur Strings enthalten kann, können mit ihr leider keine Slideshows unter der großen Bildansicht gebaut werden – schade!&lt;/p&gt;

&lt;p&gt;Ansonsten ist die Benutzung wirklich mehr als einfach: &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.StackSidebar&lt;/code&gt; erzeugen und dem &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.Stack&lt;/code&gt; zuordnen, der verwendet werden soll.&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-vala&quot; data-lang=&quot;vala&quot;&gt;Gtk.StackSidebar ssidebar = new Gtk.StackSidebar ();
ssidebar.set_stack (stack);&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;Wo die &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.StackSidebar&lt;/code&gt; dann am Ende im Fenster angezeigt werden soll, ist egal. Sie muss nicht direkt neben dem &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.Stack&lt;/code&gt; auftauchen. Hauptsache, sie befindet sich in einer horizontalen Umgebung (siehe oben).&lt;/p&gt;

&lt;p&gt;Zusammen sieht das ganze dann so aus:&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-vala&quot; data-lang=&quot;vala&quot;&gt;class Example : Gtk.Application {
	public Example () {
		Object (application_id: &quot;com.example.app&quot;, flags: ApplicationFlags.FLAGS_NONE);
	}

	protected override void activate () {
		Gtk.Settings.get_default ().gtk_application_prefer_dark_theme = true;
		Gtk.ApplicationWindow window = new Gtk.ApplicationWindow (this);
		window.set_default_size (800, 500);
		window.set_title (&quot;StackSidebar&quot;);
		
		/*
		 * Primäre Box
		 */
		Gtk.Box primary_box = new Gtk.Box (Gtk.Orientation.HORIZONTAL, 0);
		
		/*
		 * Innere Box
		 */
		Gtk.Box inner_box = new Gtk.Box (Gtk.Orientation.VERTICAL, 0);
		primary_box.pack_end (inner_box, true);
		
		/*
		 * Stack
		 */
		Gtk.Stack stack = new Gtk.Stack ();
		stack.set_transition_type (Gtk.StackTransitionType.SLIDE_UP);
		stack.add_titled (new Gtk.Image.from_icon_name (&quot;document-open&quot;, Gtk.IconSize.DND), &quot;open&quot;, &quot;Öffnen&quot;);
		stack.add_titled (new Gtk.Image.from_icon_name (&quot;document-save&quot;, Gtk.IconSize.DND), &quot;save&quot;, &quot;Speichern&quot;);
		
		inner_box.pack_start (stack, true);
		
		/*
		 * StackSidebar
		 */
		Gtk.StackSidebar ssidebar = new Gtk.StackSidebar ();
		ssidebar.set_stack (stack);
		
		primary_box.pack_start (ssidebar, false);
		
		
		
		/*
		 * Ab hier Actionbar
		 * 
		 * Näheres siehe letztes Tutorial.
		 */
		Gtk.ActionBar action_bar = new Gtk.ActionBar ();
		
		// Linke Buttons
		Gtk.Button left_button1 = new Gtk.Button.from_icon_name (&quot;go-first&quot;, Gtk.IconSize.SMALL_TOOLBAR);
		action_bar.pack_start (left_button1);
		Gtk.Button left_button2 = new Gtk.Button.from_icon_name (&quot;go-previous&quot;, Gtk.IconSize.SMALL_TOOLBAR);
		action_bar.pack_start (left_button2);
		
		// Rechte Buttons
		Gtk.Button right_button1 = new Gtk.Button.from_icon_name (&quot;go-last&quot;, Gtk.IconSize.SMALL_TOOLBAR);
		action_bar.pack_end (right_button1);
		Gtk.Button right_button2 = new Gtk.Button.from_icon_name (&quot;go-next&quot;, Gtk.IconSize.SMALL_TOOLBAR);
		action_bar.pack_end (right_button2);
		
		// Mittlere Buttons
		Gtk.Box secondary_box = new Gtk.Box (Gtk.Orientation.HORIZONTAL, 3);
		
		Gtk.Button center_button1 = new Gtk.Button.from_icon_name (&quot;zoom-original&quot;, Gtk.IconSize.SMALL_TOOLBAR);
		secondary_box.pack_start (center_button1);
		Gtk.Button center_button2 = new Gtk.Button.from_icon_name (&quot;zoom-out&quot;, Gtk.IconSize.SMALL_TOOLBAR);
		secondary_box.pack_start (center_button2);
		Gtk.Button center_button3 = new Gtk.Button.from_icon_name (&quot;zoom-in&quot;, Gtk.IconSize.SMALL_TOOLBAR);
		secondary_box.pack_start (center_button3);
		Gtk.Button center_button4 = new Gtk.Button.from_icon_name (&quot;zoom-fit-best&quot;, Gtk.IconSize.SMALL_TOOLBAR);
		secondary_box.pack_start (center_button4);
		
		action_bar.set_center_widget (secondary_box);
		
		inner_box.pack_end (action_bar, false);
		
		window.add (primary_box);
		window.show_all ();
	}
}

int main (string[] args) {
	return new Example ().run (args);
}&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;Das Ganze in einer Datei namens &lt;code class=&quot;highlighter-rouge&quot;&gt;stacksidebar.vala&lt;/code&gt; abspeichern und mit&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-bash&quot; data-lang=&quot;bash&quot;&gt;valac --pkg&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;gtk+-3.0 stacksidebar.vala&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;kompilieren, fertig!&lt;/p&gt;

&lt;p&gt;Viel Spaß damit!&lt;/p&gt;
</description>
        <pubDate>Fri, 10 Apr 2015 22:30:26 +0200</pubDate>
        <link>http://www.philipp-trommler.me/2015/04/10/die-neue-gtk-3-16-stack-sidebar-in-vala.html</link>
        <guid isPermaLink="true">http://www.philipp-trommler.me/2015/04/10/die-neue-gtk-3-16-stack-sidebar-in-vala.html</guid>
        
        <category>gtk3</category>
        
        <category>gtk</category>
        
        <category>vala</category>
        
        <category>stack</category>
        
        <category>stacksidebar</category>
        
        
        
        <media:thumbnail url="http://www.philipp-trommler.me/images/stacksidebar1.png" />
        <enclosure url='http://www.philipp-trommler.me/images/stacksidebar1.png' length='13071' type='image/png' />
        
      </item>
    
      <item>
        <title>Die GTK 3.12 ActionBar in Vala</title>
        <description>&lt;p&gt;Auch wenn es die &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.ActionBar&lt;/code&gt; schon seit GTK 3.12 und somit schon ein bisschen länger gibt, habe ich bisher kaum Anleitungen dazu im Internet gefunden und keine einzige für Vala. Daher möchte ich hiermit ein kleines Tutorial nachliefern, auch wenn sich die Verwendung eigentlich nicht sonderlich von einer &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.Box&lt;/code&gt; oder einer &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.Toolbar&lt;/code&gt; unterscheidet.&lt;/p&gt;

&lt;p&gt;ActionBars sind eigentlich wie eine Toolbar, nur sollen sie kontextsensitiv verwendet werden und sich unter dem Widget befinden, für das sie zuständig sind. Die Unterschiede sind also eher semantisch. Die Benutzung erinnert stark an eine &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.Box&lt;/code&gt; mit horizontaler Ausrichtung, es werden also mit &lt;code class=&quot;highlighter-rouge&quot;&gt;pack_start ()&lt;/code&gt; &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.Widget&lt;/code&gt;s an den linken Rand gesetzt, mit &lt;code class=&quot;highlighter-rouge&quot;&gt;pack_end ()&lt;/code&gt; an den rechten. Zusätzlich kann aber noch &lt;em&gt;ein&lt;/em&gt; &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.Widget&lt;/code&gt; mit &lt;code class=&quot;highlighter-rouge&quot;&gt;set_center_widget ()&lt;/code&gt; mittig in die &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.ActionBar&lt;/code&gt; gesetzt werden, wobei mittig absolut gemeint ist, also unabhängig von Anzahl und Größe der &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.Widget&lt;/code&gt;s an den Seiten. Sollen in der Mitte mehrere &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.Widget&lt;/code&gt;s platziert werden, müssen diese vorher in einen &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.Container&lt;/code&gt; gepackt werden, also zum Beispiel in eine &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.Box&lt;/code&gt;.&lt;/p&gt;

&lt;figure&gt;
	&lt;a href=&quot;/images/actionbar1.png&quot;&gt;
		&lt;img src=&quot;/images/actionbar1.png&quot; alt=&quot;GTK ActionBar Beispielanwendung.&quot; /&gt;
	&lt;/a&gt;
	&lt;figcaption&gt;GTK ActionBar Beispielanwendung.&lt;/figcaption&gt;
&lt;/figure&gt;

&lt;p&gt;So habe ich es auch in meiner obligatorischen kleinen Beispielanwendung gemacht, die als Grundlage für einen minimalistischen Bildbetrachter fungieren könnte. Natürlich fehlt noch jegliche Logik im Beispiel, aber hier soll es ja auch nur um die Benutzung der &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.ActionBar&lt;/code&gt; gehen. Eingebaut habe ich das ganze wie immer in eine &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.Application&lt;/code&gt;.&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-vala&quot; data-lang=&quot;vala&quot;&gt;class Example : Gtk.Application {
	public Example () {
		Object (application_id: &quot;com.example.app&quot;, flags: ApplicationFlags.FLAGS_NONE);
	}

	protected override void activate () {
		Gtk.Settings.get_default ().gtk_application_prefer_dark_theme = true;
		Gtk.ApplicationWindow window = new Gtk.ApplicationWindow (this);
		window.set_default_size (500, 500);
		window.set_title (&quot;Actionbar&quot;);
		
		/*
		 * Primäre Box
		 */
		Gtk.Box primary_box = new Gtk.Box (Gtk.Orientation.VERTICAL, 0);
		
		/*
		 * Als Beispiel ein Bild
		 */
		Gtk.Image image = new Gtk.Image.from_icon_name (&quot;document-open&quot;, Gtk.IconSize.DIALOG);
		primary_box.pack_start (image);
		
		/*
		 * Ab hier Actionbar
		 */
		Gtk.ActionBar action_bar = new Gtk.ActionBar ();
		
		// Linke Buttons
		Gtk.Button left_button1 = new Gtk.Button.from_icon_name (&quot;go-first&quot;, Gtk.IconSize.SMALL_TOOLBAR);
		action_bar.pack_start (left_button1);
		Gtk.Button left_button2 = new Gtk.Button.from_icon_name (&quot;go-previous&quot;, Gtk.IconSize.SMALL_TOOLBAR);
		action_bar.pack_start (left_button2);
		
		// Rechte Buttons
		Gtk.Button right_button1 = new Gtk.Button.from_icon_name (&quot;go-last&quot;, Gtk.IconSize.SMALL_TOOLBAR);
		action_bar.pack_end (right_button1);
		Gtk.Button right_button2 = new Gtk.Button.from_icon_name (&quot;go-next&quot;, Gtk.IconSize.SMALL_TOOLBAR);
		action_bar.pack_end (right_button2);
		
		// Mittlere Buttons
		Gtk.Box secondary_box = new Gtk.Box (Gtk.Orientation.HORIZONTAL, 3);
		
		Gtk.Button center_button1 = new Gtk.Button.from_icon_name (&quot;zoom-original&quot;, Gtk.IconSize.SMALL_TOOLBAR);
		secondary_box.pack_start (center_button1);
		Gtk.Button center_button2 = new Gtk.Button.from_icon_name (&quot;zoom-out&quot;, Gtk.IconSize.SMALL_TOOLBAR);
		secondary_box.pack_start (center_button2);
		Gtk.Button center_button3 = new Gtk.Button.from_icon_name (&quot;zoom-in&quot;, Gtk.IconSize.SMALL_TOOLBAR);
		secondary_box.pack_start (center_button3);
		Gtk.Button center_button4 = new Gtk.Button.from_icon_name (&quot;zoom-fit-best&quot;, Gtk.IconSize.SMALL_TOOLBAR);
		secondary_box.pack_start (center_button4);
		
		action_bar.set_center_widget (secondary_box);
		
		
		primary_box.pack_end (action_bar, false);
		
		window.add (primary_box);
		window.show_all ();
	}
}

int main (string[] args) {
	return new Example ().run (args);
}&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;Einfach als &lt;code class=&quot;highlighter-rouge&quot;&gt;actionbar.vala&lt;/code&gt; abspeichern und wie immer mit&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-bash&quot; data-lang=&quot;bash&quot;&gt;valac --pkg gtk+-3.0 -o actionbar actionbar.vala&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;kompilieren. Ich hoffe, ich konnte denjenigen unter euch, denen das Nachlesen im Valadoc manchmal nicht reicht, ein bisschen helfen, und wünsche viel Spaß mit den ActionBars!&lt;/p&gt;
</description>
        <pubDate>Sun, 22 Mar 2015 13:14:20 +0100</pubDate>
        <link>http://www.philipp-trommler.me/2015/03/22/die-gtk-3-12-actionbar-in-vala.html</link>
        <guid isPermaLink="true">http://www.philipp-trommler.me/2015/03/22/die-gtk-3-12-actionbar-in-vala.html</guid>
        
        <category>gtk3</category>
        
        <category>gtk</category>
        
        <category>vala</category>
        
        <category>actionbar</category>
        
        
        
        <media:thumbnail url="http://www.philipp-trommler.me/images/actionbar1.png" />
        <enclosure url='http://www.philipp-trommler.me/images/actionbar1.png' length='11555' type='image/png' />
        
      </item>
    
      <item>
        <title>RSS 2.0 Enclosure-Tag Plugin für Jekyll</title>
        <description>&lt;p&gt;Da ich in den letzten Tagen meinen Blog auf Jekyll umgebaut habe, habe ich mich natürlich auch mit dem von Jekyll erzeugten RSS-Feed auseinandergesetzt. Dabei fiel mir auf, dass Bilder nur im Lauftext eingebunden werden, also weder &lt;code class=&quot;highlighter-rouge&quot;&gt;&amp;lt;media:thumbnail …&amp;gt;&lt;/code&gt; noch &lt;code class=&quot;highlighter-rouge&quot;&gt;&amp;lt;enclosure …&amp;gt;&lt;/code&gt; Tags hinzugefügt werden.&lt;/p&gt;

&lt;p&gt;Während erstere noch recht einfach mittels&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-xml&quot; data-lang=&quot;xml&quot;&gt;&lt;span class=&quot;nt&quot;&gt;&amp;lt;media:thumbnail&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;url=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;{{ post.images[0].url | prepend: site.baseurl | prepend: site.url }}&quot;&lt;/span&gt; &lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;hinzugefügt werden können, sieht das ganze für &lt;code class=&quot;highlighter-rouge&quot;&gt;&amp;lt;enclosure …&amp;gt;&lt;/code&gt; Tags schon etwas anders aus, da die Länge der Datei in Bytes und der Mime-Type zwingend benötigt werden. Da ich im Internet nichts dazu gefunden habe (erstaunlicherweise!), habe ich mir direkt mal daran versucht, ein Jekyll-Plugin zu schreiben. Es ist das erste Mal, dass ich etwas in Ruby geschrieben habe, ich bin also offen für alle Verbesserungsvorschläge. Ansonsten kann es natürlich gerne für die eigenen Zwecke verwendet werden!&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-ruby&quot; data-lang=&quot;ruby&quot;&gt;&lt;span class=&quot;nb&quot;&gt;require&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;mimemagic&quot;&lt;/span&gt;

&lt;span class=&quot;k&quot;&gt;module&lt;/span&gt; &lt;span class=&quot;nn&quot;&gt;Jekyll&lt;/span&gt;
	&lt;span class=&quot;k&quot;&gt;class&lt;/span&gt; &lt;span class=&quot;nc&quot;&gt;RSSEnclosureTag&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;lt;&lt;/span&gt; &lt;span class=&quot;no&quot;&gt;Liquid&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;::&lt;/span&gt;&lt;span class=&quot;no&quot;&gt;Tag&lt;/span&gt;
		&lt;span class=&quot;k&quot;&gt;def&lt;/span&gt; &lt;span class=&quot;nf&quot;&gt;initialize&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;tag_name&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;text&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;tokens&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
			&lt;span class=&quot;k&quot;&gt;super&lt;/span&gt;
			&lt;span class=&quot;vi&quot;&gt;@text&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;text&lt;/span&gt;
		&lt;span class=&quot;k&quot;&gt;end&lt;/span&gt;
		
		&lt;span class=&quot;k&quot;&gt;def&lt;/span&gt; &lt;span class=&quot;nf&quot;&gt;render&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;context&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
			&lt;span class=&quot;n&quot;&gt;file&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;context&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;vi&quot;&gt;@text&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;]&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;||&lt;/span&gt; &lt;span class=&quot;vi&quot;&gt;@text&lt;/span&gt;
			&lt;span class=&quot;n&quot;&gt;xml&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&quot;&lt;/span&gt;
			&lt;span class=&quot;n&quot;&gt;baseurl&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;context&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;registers&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;ss&quot;&gt;:site&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;].&lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;config&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;s1&quot;&gt;&#39;url&#39;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;]&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;+&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;context&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;registers&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;ss&quot;&gt;:site&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;].&lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;baseurl&lt;/span&gt;
			&lt;span class=&quot;k&quot;&gt;if&lt;/span&gt; &lt;span class=&quot;no&quot;&gt;File&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;exist?&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;.&quot;&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;+&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;file&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
				&lt;span class=&quot;n&quot;&gt;xml&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;lt;&amp;lt;&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&amp;lt;enclosure url=&#39;&lt;/span&gt;&lt;span class=&quot;si&quot;&gt;#{&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;baseurl&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;+&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;file&lt;/span&gt;&lt;span class=&quot;si&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&#39; length=&#39;&lt;/span&gt;&lt;span class=&quot;si&quot;&gt;#{&lt;/span&gt;&lt;span class=&quot;no&quot;&gt;File&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;stat&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;.&quot;&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;+&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;file&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;).&lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;size&lt;/span&gt;&lt;span class=&quot;si&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&#39; type=&#39;&lt;/span&gt;&lt;span class=&quot;si&quot;&gt;#{&lt;/span&gt;&lt;span class=&quot;no&quot;&gt;MimeMagic&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;by_magic&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;no&quot;&gt;File&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;open&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;.&quot;&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;+&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;file&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;))&lt;/span&gt;&lt;span class=&quot;si&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&#39; /&amp;gt;&quot;&lt;/span&gt;
			&lt;span class=&quot;k&quot;&gt;end&lt;/span&gt;
			&lt;span class=&quot;n&quot;&gt;xml&lt;/span&gt;
		&lt;span class=&quot;k&quot;&gt;end&lt;/span&gt;
	&lt;span class=&quot;k&quot;&gt;end&lt;/span&gt;
&lt;span class=&quot;k&quot;&gt;end&lt;/span&gt;

&lt;span class=&quot;no&quot;&gt;Liquid&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;::&lt;/span&gt;&lt;span class=&quot;no&quot;&gt;Template&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;register_tag&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;s1&quot;&gt;&#39;rss_enclosure&#39;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;no&quot;&gt;Jekyll&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;::&lt;/span&gt;&lt;span class=&quot;no&quot;&gt;RSSEnclosureTag&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;Eingebunden wird das ganze dann mit&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-liquid&quot; data-lang=&quot;liquid&quot;&gt;&lt;span class=&quot;p&quot;&gt;{%&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;rss_enclosure&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;{{&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;post.images[&lt;span class=&quot;mi&quot;&gt;0&lt;/span&gt;].url&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;}}&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;%}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;in der &lt;code class=&quot;highlighter-rouge&quot;&gt;feed.xml&lt;/code&gt;. Offensichtlich wird das &lt;code class=&quot;highlighter-rouge&quot;&gt;mimemagic&lt;/code&gt;-Gem benötigt, ansonsten sollte alles so funktionieren, zumindest tut es das für mich.&lt;/p&gt;

&lt;p&gt;Ich frage vorher noch ab, ob der Beitrag überhaupt ein Bild enthält, sodass sich insgesamt folgender Code ergibt:&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-xml&quot; data-lang=&quot;xml&quot;&gt;{% if post.images %}
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;media:thumbnail&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;url=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;{{ post.images[0].url | prepend: site.baseurl | prepend: site.url }}&quot;&lt;/span&gt; &lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
	{% rss_enclosure {{ post.images[0].url }} %}
{% endif %}&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;Viel Spaß damit!&lt;/p&gt;
</description>
        <pubDate>Thu, 12 Mar 2015 12:45:27 +0100</pubDate>
        <link>http://www.philipp-trommler.me/2015/03/12/rss-2-0-enclosure-tag-plugin-fur-jekyll.html</link>
        <guid isPermaLink="true">http://www.philipp-trommler.me/2015/03/12/rss-2-0-enclosure-tag-plugin-fur-jekyll.html</guid>
        
        <category>ruby</category>
        
        <category>rss</category>
        
        <category>jekyll</category>
        
        <category>enclosure-tag</category>
        
        
        
      </item>
    
      <item>
        <title>Das Ende des XML-Experiments</title>
        <description>&lt;p&gt;Vor etwas über einem Jahr habe ich meinen Blog gestartet. Zugegeben, allzu viel ist seitdem nicht passiert. Das liegt weniger daran, dass es nichts zu berichten gäbe, als viel mehr an meiner knappen Zeit. Es gibt allerdings noch viele Dinge, zu denen ich hier kleine Tutorials schreiben möchte (zum einen für die Leser, zum anderen aber auch für mich als Gedächtnisstütze), doch zuvor musste etwas an meinem Blog selbst erledigt werden.&lt;/p&gt;

&lt;h1 id=&quot;warum-xml&quot;&gt;Warum XML?&lt;/h1&gt;
&lt;p&gt;Wie man (hoffentlich nicht allzu sehr) merken konnte, hatte ich die vorige Version meines Blogs mit XML und XSLT realisiert. Doch warum das ganze? Ich kam im ersten Semester meines Informatikstudiums zum ersten Mal mit XSLT in Kontakt. Obwohl ich XML schon lange kannte, offenbarte dieser neue Ansatz einige interessante Möglichkeiten, insbesondere, da ich immer auf der Suche nach möglich minimalen Lösungen für meine Probleme bin.&lt;/p&gt;

&lt;p&gt;Jekyll kannte ich zu dieser Zeit noch nicht und dynamische Blogs mit PHP und Konsorten kamen für meine kleinen Vorhaben nicht in Frage. Also entschloss ich mich, meine Blogposts als XML-Dateien zu verfassen und diese dann mit XSLT durch den Browser in HTML umformen zu lassen. Bis hierhin auch durchaus ein machbarer Plan, der zu guten und sauberen Ergebnissen führt. Die Postings bilden eine Textdatenbank, die mit &lt;code class=&quot;highlighter-rouge&quot;&gt;.dtd&lt;/code&gt;s validiert werden kann, mit etwas penibler Arbeit sieht das erzeugte HTML aus wie von Hand geschrieben und wenn noch CSS ins Spiel kommt, sind Inhalt, Markup und Style wirklich so perfekt voneinander getrennt, wie man sich das nur wünschen kann. Doch wehe man will mehr!&lt;/p&gt;

&lt;h1 id=&quot;probleme&quot;&gt;Probleme&lt;/h1&gt;
&lt;p&gt;Die ersten Probleme traten auf, als ich die Seite mit Chrome unter Android getestet habe. Scheinbar zufällig schien der Browser (zumindest in der damals aktuellen Version) sich nicht mehr sicher zu sein, ob er für das Öffnen von &lt;code class=&quot;highlighter-rouge&quot;&gt;.xml&lt;/code&gt;-Dateien auch wirklich zuständig ist, und zeigte den Android-typischen ‘Öffnen mit’-Dialog. Wenn das auch nur ein kleineres Problem ist, macht es auf einen eventuellen Besucher doch einen recht zwilichtigen Eindruck. Mit Firefox auf Android oder Desktop-Browsern habe ich dieses Problem im Übrigen nie erlebt.&lt;/p&gt;

&lt;p&gt;Wirklich interessant wird es aber erst, wenn man es wagt, XML und XSLT in Verbindung mit SEO und Social-Media zu bringen. Es ist völlig unergründlich, nach welchen Kriterien Google &amp;amp; Co. entscheiden, welche Meta-Informationen einer Webseite sie aus XML, XSLT oder dem generierten HTML ziehen. So fängt man an, die eigentlich schöne Trennung von Inhalt und Markup Stück für Stück aufzugeben und da sich selbst die Tools eines Herstellers teilweise unterschiedlich verhalten, müssen manche Informationen so gar doppelt angegeben werden:&lt;/p&gt;

&lt;ol&gt;
  &lt;li&gt;Alle OpenGraph-Elemente für Facebook müssen in die XML-Datei, ebenso die schema.org Informationen für Google.&lt;/li&gt;
  &lt;li&gt;&lt;code class=&quot;highlighter-rouge&quot;&gt;icon&lt;/code&gt;, &lt;code class=&quot;highlighter-rouge&quot;&gt;apple-touch-icon&lt;/code&gt; und die Icons für Windows-Live-Kacheln müssen sowohl in die XML- als auch in die XSLT-Datei, da sich die Browser nicht so ganz einig sind, woher sie diese Information beziehen.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Hat man diese beiden Klippen umschifft, ist aber noch nicht alles in trockenen Tüchern, da Facebook seine Snippets für die Darstellung in der Timeline aus dem XML ausliest und Google meistens (!) auch. Also müssen die in der selbst erstellten DTD definierten XML-Tags die gleichen Namen tragen wie die entsprechenden HTML-Tags. Man hat nun also HTML-Tags in einer XML-Datei, die mit einer XSLT-Datei (die HTML enthält) zu einer HTML-Datei umgewandelt wird. Eine wirkliche Trennung findet nun eigentlich schon nicht mehr statt. Als kleines Beispiel hier mal mein &lt;a href=&quot;/2013/05/08/desktop-verknupfungen-einfach-gemacht-mit-menulibre.html&quot;&gt;MenuLibre-Post&lt;/a&gt; als XML:&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-xml&quot; data-lang=&quot;xml&quot;&gt;&lt;span class=&quot;cp&quot;&gt;&amp;lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&amp;gt;&lt;/span&gt;
&lt;span class=&quot;cp&quot;&gt;&amp;lt;?xml-stylesheet type=&quot;text/xsl&quot; href=&quot;../xsl/article.xsl&quot;?&amp;gt;&lt;/span&gt;
&lt;span class=&quot;cp&quot;&gt;&amp;lt;!DOCTYPE article SYSTEM &quot;http://philipp.feige-trommler.de/dtd/article.dtd&quot;&amp;gt;&lt;/span&gt;
&lt;span class=&quot;nt&quot;&gt;&amp;lt;article&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;itemscope=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;itemtype=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;http://schema.org/BlogPosting&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;prefix=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;property=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;og:title&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;content=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;Desktop-Verknüpfungen einfach gemacht mit MenuLibre - Philipp Trommler - Blog&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;itemprop=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;description&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;property=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;og:description&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;content=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;Wer außer mir auch denkt, dass es jedes Mal eine Qual ist, &#39;Desktop-Entries&#39; zu schreiben - einfach weil man es so selten macht und deswegen die benötigten Teile jedes Mal aufs neue vergessen hat und ergoogeln muss - der sollte sich MenuLibre von Sean Davis genauer ansehen. Es ist kostenlos, über sein PPA erhältlich und macht die Menü-Bearbeitung zu einer wahren Freude.&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;property=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;og:type&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;content=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;article&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;itemprop=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;datePublished&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;property=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;article:published_time&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;content=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;2013-05-08T07:08:00+02&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;property=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;article:author&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;content=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;philipp.trommler&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;property=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;article:section&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;content=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;Technology&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;property=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;article:tag&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;content=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;Tutorial&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;property=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;article:publisher&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;content=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;philipp.trommler&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;property=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;fb:admins&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;content=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;philipp.trommler&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;property=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;fb:profile_id&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;content=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;philipp.trommler&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;itemprop=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;thumbnailUrl&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;property=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;og:image&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;content=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;http://philipp.feige-trommler.de/images/articles/menulibre1.png&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;itemprop=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;url&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;property=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;og:url&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;content=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;http://philipp.feige-trommler.de/articles/desktop_verknupfungen_einfach_menulibre.xml&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;itemprop=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;inLanguage&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;property=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;og:locale&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;content=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;de_DE&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;property=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;og:site_name&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;content=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;Philipp Trommler - Blog&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;time&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;datetime=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;2013-05-08T07:08:00+02&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;Wed, 08 May 2013 07:08 +0200&lt;span class=&quot;nt&quot;&gt;&amp;lt;/time&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;link&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;alternate&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;type=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;application/rss+xml&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;title=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;RSS&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;http://philipp.feige-trommler.de/rss.xml&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt; 
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;link&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;apple-touch-icon&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;sizes=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;57x57&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../apple-touch-icon-57x57.png&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;link&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;apple-touch-icon&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;sizes=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;72x72&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../apple-touch-icon-72x72.png&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;link&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;apple-touch-icon&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;sizes=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;76x76&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../apple-touch-icon-76x76.png&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;link&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;apple-touch-icon&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;sizes=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;114x114&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../apple-touch-icon-114x114.png&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;link&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;apple-touch-icon&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;sizes=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;144x144&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../apple-touch-icon-144x144.png&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;  
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;link&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;apple-touch-icon&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;sizes=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;152x152&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../apple-touch-icon-152x152.png&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;  
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;link&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;apple-touch-icon-precomposed&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;http://philipp.feige-trommler.de/../apple-touch-icon-152x152.png&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;link&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;icon&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;type=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;image/png&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../ico32.png&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;link&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;shortcut icon&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;type=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;image/x-icon&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../favicon.ico&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;c&quot;&gt;&amp;lt;!--[if IE]&amp;gt;&amp;lt;link rel=&quot;shortcut icon&quot; type=&quot;image/vnd.microsoft.icon&quot; href=&quot;../favicon.ico&quot;/&amp;gt;&amp;lt;![endif]--&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;name=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;application-name&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;content=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot; &quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;name=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;msapplication-TileColor&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;content=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;#cddc39&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;name=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;msapplication-square70x70logo&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;content=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../tiny.png&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;name=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;msapplication-square150x150logo&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;content=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../square.png&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;name=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;msapplication-wide310x150logo&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;content=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../wide.png&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;name=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;msapplication-square310x310logo&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;content=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../large.png&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;name=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;msapplication-notification&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;content=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;frequency=30;polling-uri=http://notifications.buildmypinnedsite.com/?feed=http://philipp.feige-trommler.de/rss.xml&amp;amp;amp;id=1;polling-uri2=http://notifications.buildmypinnedsite.com/?feed=http://philipp.feige-trommler.de/rss.xml&amp;amp;amp;id=2;polling-uri3=http://notifications.buildmypinnedsite.com/?feed=http://philipp.feige-trommler.de/rss.xml&amp;amp;amp;id=3;polling-uri4=http://notifications.buildmypinnedsite.com/?feed=http://philipp.feige-trommler.de/rss.xml&amp;amp;amp;id=4;polling-uri5=http://notifications.buildmypinnedsite.com/?feed=http://philipp.feige-trommler.de/rss.xml&amp;amp;amp;id=5; cycle=1&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;link&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;canonical&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;http://philipp.feige-trommler.de/articles/desktop_verknupfungen_einfach_menulibre.xml&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;author&amp;gt;&lt;/span&gt;Philipp Trommler&lt;span class=&quot;nt&quot;&gt;&amp;lt;a&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;https://plus.google.com/+PhilippTrommler&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;author&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&amp;lt;/author&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;title&amp;gt;&lt;/span&gt;Desktop-Verknüpfungen einfach gemacht mit MenuLibre - Philipp Trommler - Blog&lt;span class=&quot;nt&quot;&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;h3&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;itemprop=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;headline&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;Desktop-Verknüpfungen einfach gemacht mit MenuLibre&lt;span class=&quot;nt&quot;&gt;&amp;lt;/h3&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;text&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;itemprop=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;articleBody&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;
		&lt;span class=&quot;nt&quot;&gt;&amp;lt;p&amp;gt;&lt;/span&gt;Wer außer mir auch denkt, dass es jedes Mal eine Qual ist, &#39;Desktop-Entries&#39; zu schreiben - einfach weil man es so selten macht und deswegen die benötigten Teile jedes Mal aufs neue vergessen hat und ergoogeln muss - der sollte sich &lt;span class=&quot;nt&quot;&gt;&amp;lt;a&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;https://launchpad.net/menulibre&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;target=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;_blank&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;MenuLibre&lt;span class=&quot;nt&quot;&gt;&amp;lt;/a&amp;gt;&lt;/span&gt; von Sean Davis genauer ansehen. Es ist kostenlos, über sein PPA erhältlich und macht die Menü-Bearbeitung zu einer wahren Freude.&lt;span class=&quot;nt&quot;&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;
		&lt;span class=&quot;nt&quot;&gt;&amp;lt;img&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;src=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../images/articles/menulibre1.png&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;alt=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;MenuLibre in Lubuntu 13.04&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;height=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;800&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;width=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;1280&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;
			&lt;span class=&quot;nt&quot;&gt;&amp;lt;caption&amp;gt;&lt;/span&gt;MenuLibre in Lubuntu 13.04&lt;span class=&quot;nt&quot;&gt;&amp;lt;/caption&amp;gt;&lt;/span&gt;
		&lt;span class=&quot;nt&quot;&gt;&amp;lt;/img&amp;gt;&lt;/span&gt;
		&lt;span class=&quot;nt&quot;&gt;&amp;lt;p&amp;gt;&lt;/span&gt;Die Benutzung ist genauso einfach wie sie auf den ersten Blick scheint, alle wichtigen Einstellungen einer &#39;DesktopEntry&#39; sind über die grafische Benutzeroberfläche erreichbar, inklusive der Quicklists für Unity. Wer volle Kontrolle über die erzeugte Datei benötigt, kann über den eingebauten Editor der Verknüpfung den letzten Schliff verpassen.&lt;span class=&quot;nt&quot;&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;
		&lt;span class=&quot;nt&quot;&gt;&amp;lt;p&amp;gt;&lt;/span&gt;Die Installation ist wie gewohnt einfach, der Autor stellt ein regelmäßig mit Updates versorgtes PPA bereit:&lt;span class=&quot;nt&quot;&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;
		&lt;span class=&quot;nt&quot;&gt;&amp;lt;p&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;class=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;warning&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;Achtung: PPAs können ein potentielles Sicherheitsrisiko darstellen! Fügen Sie sie deswegen nur hinzu, wenn Sie dem Besitzer vertrauen.&lt;span class=&quot;nt&quot;&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;
		&lt;span class=&quot;nt&quot;&gt;&amp;lt;code&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;lang=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;bash&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;cp&quot;&gt;&amp;lt;![CDATA[sudo add-apt-repository ppa:menulibre-dev/devel
sudo apt-get update
sudo apt-get install menulibre]]&amp;gt;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;lt;/code&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;/text&amp;gt;&lt;/span&gt;
&lt;span class=&quot;nt&quot;&gt;&amp;lt;/article&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;Auffällig ist vor allem, wie klein nur der Anteil des eigentlichen Texts ist (auch wenn es zugegebenermaßen ein kurzer Post ist). Auch hässliche Krücken wie &lt;code class=&quot;highlighter-rouge&quot;&gt;&amp;lt;![CDATA[…]]&amp;gt;&lt;/code&gt; muss man immer wieder bemühen. Schaut man sich außerdem nur den Textteil an, sieht man eigentlich schon reines HTML. Trotzdem hier noch das passende XSLT:&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-xml&quot; data-lang=&quot;xml&quot;&gt;&lt;span class=&quot;cp&quot;&gt;&amp;lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&amp;gt;&lt;/span&gt;
&lt;span class=&quot;nt&quot;&gt;&amp;lt;xsl:stylesheet&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;version=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;1.0&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;xmlns:xsl=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;http://www.w3.org/1999/XSL/Transform&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span class=&quot;nt&quot;&gt;&amp;lt;xsl:output&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;method=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;html&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;doctype-system=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;about:legacy-compat&quot;&lt;/span&gt; &lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;xsl:template&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;match=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;article&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;
		&lt;span class=&quot;c&quot;&gt;&amp;lt;!--[if lt IE 7 ]&amp;gt;&amp;lt;html class=&quot;ie ie6&quot; lang=&quot;de&quot;&amp;gt; &amp;lt;![endif]--&amp;gt;&lt;/span&gt;
		&lt;span class=&quot;c&quot;&gt;&amp;lt;!--[if IE 7 ]&amp;gt;&amp;lt;html class=&quot;ie ie7&quot; lang=&quot;de&quot;&amp;gt; &amp;lt;![endif]--&amp;gt;&lt;/span&gt;
		&lt;span class=&quot;c&quot;&gt;&amp;lt;!--[if IE 8 ]&amp;gt;&amp;lt;html class=&quot;ie ie8&quot; lang=&quot;de&quot;&amp;gt; &amp;lt;![endif]--&amp;gt;&lt;/span&gt;
		&lt;span class=&quot;c&quot;&gt;&amp;lt;!--[if (gte IE 9)|!(IE)]&amp;gt;&amp;lt;!--&amp;gt;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;lt;html&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;lang=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;de&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span class=&quot;c&quot;&gt;&amp;lt;!--&amp;lt;![endif]--&amp;gt;&lt;/span&gt;
			&lt;span class=&quot;nt&quot;&gt;&amp;lt;head&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;charset=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;utf-8&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;title&amp;gt;&amp;lt;xsl:value-of&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;select=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;title&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&amp;lt;/title&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;name=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;description&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;xsl:attribute&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;name=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;content&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;xsl:value-of&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;select=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;text/p&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&amp;lt;/xsl:attribute&amp;gt;&amp;lt;/meta&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;name=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;author&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;content=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;Philipp Trommler&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;name=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;viewport&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;content=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;width=device-width, initial-scale=1, maximum-scale=1&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;link&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;stylesheet&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../stylesheets/base.css&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;link&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;stylesheet&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../stylesheets/skeleton.css&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;link&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;stylesheet&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../stylesheets/layout.css&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;link&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;stylesheet&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../stylesheets/custom.css&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;link&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;stylesheet&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../stylesheets/jquery.lazyloadxt.spinner.min.css&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;link&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;stylesheet&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;http://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.1/styles/github.min.css&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;link&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;alternate&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;type=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;application/rss+xml&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;title=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;RSS&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;http://philipp.feige-trommler.de/rss.xml&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt; 
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;link&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;apple-touch-icon&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;sizes=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;57x57&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../apple-touch-icon-57x57.png&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;link&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;apple-touch-icon&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;sizes=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;72x72&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../apple-touch-icon-72x72.png&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;link&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;apple-touch-icon&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;sizes=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;76x76&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../apple-touch-icon-76x76.png&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;link&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;apple-touch-icon&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;sizes=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;114x114&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../apple-touch-icon-114x114.png&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;link&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;apple-touch-icon&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;sizes=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;144x144&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../apple-touch-icon-144x144.png&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;  
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;link&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;apple-touch-icon&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;sizes=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;152x152&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../apple-touch-icon-152x152.png&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;  
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;link&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;apple-touch-icon-precomposed&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;http://philipp.feige-trommler.de/../apple-touch-icon-152x152.png&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;link&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;icon&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;type=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;image/png&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../ico32.png&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;link&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;shortcut icon&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;type=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;image/x-icon&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../favicon.ico&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;c&quot;&gt;&amp;lt;!--[if IE]&amp;gt;&amp;lt;link rel=&quot;shortcut icon&quot; type=&quot;image/vnd.microsoft.icon&quot; href=&quot;../favicon.ico&quot;/&amp;gt;&amp;lt;![endif]--&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;name=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;application-name&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;content=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot; &quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;name=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;msapplication-TileColor&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;content=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;#cddc39&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;name=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;msapplication-square70x70logo&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;content=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../tiny.png&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;name=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;msapplication-square150x150logo&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;content=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../square.png&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;name=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;msapplication-wide310x150logo&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;content=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../wide.png&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;name=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;msapplication-square310x310logo&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;content=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../large.png&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;name=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;msapplication-notification&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;content=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;frequency=30;polling-uri=http://notifications.buildmypinnedsite.com/?feed=http://philipp.feige-trommler.de/rss.xml&amp;amp;amp;id=1;polling-uri2=http://notifications.buildmypinnedsite.com/?feed=http://philipp.feige-trommler.de/rss.xml&amp;amp;amp;id=2;polling-uri3=http://notifications.buildmypinnedsite.com/?feed=http://philipp.feige-trommler.de/rss.xml&amp;amp;amp;id=3;polling-uri4=http://notifications.buildmypinnedsite.com/?feed=http://philipp.feige-trommler.de/rss.xml&amp;amp;amp;id=4;polling-uri5=http://notifications.buildmypinnedsite.com/?feed=http://philipp.feige-trommler.de/rss.xml&amp;amp;amp;id=5; cycle=1&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;link&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;canonical&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;xsl:attribute&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;name=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;href&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;xsl:value-of&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;select=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;link/@href&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&amp;lt;/xsl:attribute&amp;gt;&amp;lt;/link&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;c&quot;&gt;&amp;lt;!--[if lt IE 9]&amp;gt;
					&amp;lt;script src=&quot;http://html5shim.googlecode.com/svn/trunk/html5.js&quot;&amp;gt;&amp;lt;/script&amp;gt;
				&amp;lt;![endif]--&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;script&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;type=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;text/javascript&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;src=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../js/jquery.js&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;script&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;type=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;text/javascript&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;src=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../js/jquery.lazyloadxt.extra.min.js&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;script&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;type=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;text/javascript&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;src=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../js/highlight.pack.js&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;script&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;type=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;text/javascript&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;src=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../js/jquery.socialshareprivacy.js&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;script&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;type=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;text/javascript&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;
					function showDisqus () {
						var disqus_shortname = &#39;phtrommlerblog&#39;;
						var disqus_identifier = &#39;&lt;span class=&quot;nt&quot;&gt;&amp;lt;xsl:value-of&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;select=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;h3&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;&#39;;
						var disqus_title = &#39;&lt;span class=&quot;nt&quot;&gt;&amp;lt;xsl:value-of&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;select=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;h3&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;&#39;;
						var disqus_url = &#39;&lt;span class=&quot;nt&quot;&gt;&amp;lt;xsl:value-of&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;select=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;link/@href&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;&#39;;
						
						var dsq = document.createElement(&#39;script&#39;);
						dsq.type = &#39;text/javascript&#39;;
						dsq.async = true;
						dsq.src = &#39;//&#39; + disqus_shortname + &#39;.disqus.com/embed.js&#39;;
						
						(document.getElementsByTagName (&#39;head&#39;)[0] || document.getElementsByTagName (&#39;body&#39;)[0]).appendChild (dsq);
					}
					
					jQuery(document).ready(function($){
						var d = new Date(&#39;&lt;span class=&quot;nt&quot;&gt;&amp;lt;xsl:value-of&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;select=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;time&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;&#39;);
						document.getElementById (&#39;date&#39;).innerHTML = d.toLocaleString ();
					
						$(&#39;.block&#39;).each(function(i, e) {hljs.highlightBlock(e)});
					
						if($(&#39;#socialshareprivacy&#39;).length &amp;gt; 0){
							$(&#39;#socialshareprivacy&#39;).socialSharePrivacy({
								&#39;services&#39;	: {
												facebook: {
													&#39;dummy_img&#39;	: &#39;../images/socialshareprivacy/dummy_facebook.png&#39;,
													&#39;sharer&#39;	: {
														&#39;status&#39;	: &#39;on&#39;,
														&#39;dummy_img&#39;	: &#39;../images/socialshareprivacy/dummy_facebook_share_de.png&#39;,
														&#39;img&#39;		: &#39;../images/socialshareprivacy/facebook_share_de.png&#39;
													}
												},
												twitter	: {
													&#39;dummy_img&#39;	: &#39;../images/socialshareprivacy/dummy_twitter.png&#39;
												},
												gplus	: {
													&#39;dummy_img&#39; : &#39;../images/socialshareprivacy/dummy_gplus.png&#39;
												}
								},
								&#39;uri&#39;		: &#39;&lt;span class=&quot;nt&quot;&gt;&amp;lt;xsl:value-of&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;select=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;link/@href&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;&#39;,
								&#39;css_path&#39;  : &#39;../stylesheets/socialshareprivacy.css&#39;,
								&#39;lang_path&#39; : &#39;../js/lang/&#39;,
								&#39;language&#39;  : &#39;de&#39;,
								&#39;alignment&#39; : &#39;vertical&#39;
							});
						}
					});
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;
			&lt;span class=&quot;nt&quot;&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;
			&lt;span class=&quot;nt&quot;&gt;&amp;lt;body&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;script&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;src=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;class=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;container&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;
					&lt;span class=&quot;nt&quot;&gt;&amp;lt;header&amp;gt;&lt;/span&gt;
						&lt;span class=&quot;nt&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;class=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;two-thirds column&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;
							&lt;span class=&quot;nt&quot;&gt;&amp;lt;h1&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;class=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;remove-bottom&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;style=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;margin-top: 40px&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;Philipp Trommler&lt;span class=&quot;nt&quot;&gt;&amp;lt;/h1&amp;gt;&lt;/span&gt;
						&lt;span class=&quot;nt&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
						&lt;span class=&quot;nt&quot;&gt;&amp;lt;nav&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;class=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;one-third column&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;a&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../index.html&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;Home&lt;span class=&quot;nt&quot;&gt;&amp;lt;/a&amp;gt;&lt;/span&gt; &lt;span class=&quot;ni&quot;&gt;&amp;amp;#183;&lt;/span&gt; &lt;span class=&quot;nt&quot;&gt;&amp;lt;a&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../projects.html&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;Projekte&lt;span class=&quot;nt&quot;&gt;&amp;lt;/a&amp;gt;&lt;/span&gt; &lt;span class=&quot;ni&quot;&gt;&amp;amp;#183;&lt;/span&gt; &lt;span class=&quot;nt&quot;&gt;&amp;lt;a&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../blog.xml&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;h2&amp;gt;&lt;/span&gt;Blog&lt;span class=&quot;nt&quot;&gt;&amp;lt;/h2&amp;gt;&amp;lt;/a&amp;gt;&lt;/span&gt; &lt;span class=&quot;ni&quot;&gt;&amp;amp;#183;&lt;/span&gt; &lt;span class=&quot;nt&quot;&gt;&amp;lt;a&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../about.html&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;Über mich&lt;span class=&quot;nt&quot;&gt;&amp;lt;/a&amp;gt;&amp;lt;/nav&amp;gt;&lt;/span&gt;
					&lt;span class=&quot;nt&quot;&gt;&amp;lt;/header&amp;gt;&lt;/span&gt;
					&lt;span class=&quot;nt&quot;&gt;&amp;lt;main&amp;gt;&lt;/span&gt;
						&lt;span class=&quot;nt&quot;&gt;&amp;lt;h3&amp;gt;&amp;lt;xsl:value-of&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;select=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;h3&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&amp;lt;/h3&amp;gt;&lt;/span&gt;
						&lt;span class=&quot;nt&quot;&gt;&amp;lt;xsl:apply-templates&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;select=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;text&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
						&lt;span class=&quot;nt&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;class=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;date-author&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;Verfasst: &lt;span class=&quot;nt&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;id=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;date&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&lt;/span&gt; von &lt;span class=&quot;nt&quot;&gt;&amp;lt;xsl:value-of&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;select=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;author&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
						&lt;span class=&quot;nt&quot;&gt;&amp;lt;hr&lt;/span&gt; &lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
						&lt;span class=&quot;nt&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;class=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;one-third column&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;
							&lt;span class=&quot;nt&quot;&gt;&amp;lt;h5&amp;gt;&lt;/span&gt;Social Media&lt;span class=&quot;nt&quot;&gt;&amp;lt;/h5&amp;gt;&lt;/span&gt;
							&lt;span class=&quot;nt&quot;&gt;&amp;lt;p&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;class=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;warning&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;Wenn Sie diese Felder durch einen Klick aktivieren, werden Informationen an Facebook, Twitter oder Google in die USA übertragen und unter Umständen auch dort gespeichert. Näheres erfahren Sie durch einen Klick auf das i.&lt;span class=&quot;nt&quot;&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;
							&lt;span class=&quot;nt&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;id=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;socialshareprivacy&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
						&lt;span class=&quot;nt&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
						&lt;span class=&quot;nt&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;class=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;two-thirds column&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;id=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;disqus&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;
							&lt;span class=&quot;nt&quot;&gt;&amp;lt;h5&amp;gt;&lt;/span&gt;Kommentare&lt;span class=&quot;nt&quot;&gt;&amp;lt;/h5&amp;gt;&lt;/span&gt;
							&lt;span class=&quot;nt&quot;&gt;&amp;lt;p&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;class=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;warning&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;Durch das Aktivieren der Kommentarfunktion werden Daten an Dritte (Disqus) weitergegeben. Aktivieren Sie die Kommentarfunktion nur, wenn Sie sich darüber im Klaren und damit einverstanden sind!&lt;span class=&quot;nt&quot;&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;
							&lt;span class=&quot;nt&quot;&gt;&amp;lt;label&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;class=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;switch switch-green&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;onClick=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;showDisqus ()&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;
								&lt;span class=&quot;nt&quot;&gt;&amp;lt;input&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;id=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;disqus_switch&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;type=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;checkbox&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;class=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;switch-input&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
								&lt;span class=&quot;nt&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;class=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;switch-label&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;data-on=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;An&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;data-off=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;Aus&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
								&lt;span class=&quot;nt&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;class=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;switch-handle&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
							&lt;span class=&quot;nt&quot;&gt;&amp;lt;/label&amp;gt;&amp;lt;span&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;class=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;switch-text&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;Kommentarfunktion von Disqus&lt;span class=&quot;nt&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
							&lt;span class=&quot;nt&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;id=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;disqus_thread&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
							&lt;span class=&quot;nt&quot;&gt;&amp;lt;noscript&amp;gt;&lt;/span&gt;Please enable JavaScript to view the &lt;span class=&quot;nt&quot;&gt;&amp;lt;a&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;http://disqus.com/?ref_noscript&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;comments powered by Disqus.&lt;span class=&quot;nt&quot;&gt;&amp;lt;/a&amp;gt;&amp;lt;/noscript&amp;gt;&lt;/span&gt;
						&lt;span class=&quot;nt&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
					&lt;span class=&quot;nt&quot;&gt;&amp;lt;/main&amp;gt;&lt;/span&gt;
					&lt;span class=&quot;nt&quot;&gt;&amp;lt;footer&amp;gt;&lt;/span&gt;
						&lt;span class=&quot;nt&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;class=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;one-third column&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;
							&lt;span class=&quot;nt&quot;&gt;&amp;lt;ul&amp;gt;&lt;/span&gt;
								&lt;span class=&quot;nt&quot;&gt;&amp;lt;li&amp;gt;&amp;lt;a&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;http://philipp.feige-trommler.de/rss.xml&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;class=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;rss&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/span&gt;
								&lt;span class=&quot;nt&quot;&gt;&amp;lt;li&amp;gt;&amp;lt;a&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;https://www.facebook.com/philipp.trommler&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;target=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;_blank&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;class=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;facebook&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/span&gt;
								&lt;span class=&quot;nt&quot;&gt;&amp;lt;li&amp;gt;&amp;lt;a&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;https://plus.google.com/+PhilippTrommler&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;target=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;_blank&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;class=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;googleplus&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/span&gt;
								&lt;span class=&quot;nt&quot;&gt;&amp;lt;li&amp;gt;&amp;lt;a&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;http://www.youtube.com/channel/UCGG3f6yZH4gndb1HXRCqipw&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;target=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;_blank&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;class=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;youtube&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/span&gt;
							&lt;span class=&quot;nt&quot;&gt;&amp;lt;/ul&amp;gt;&lt;/span&gt;
						&lt;span class=&quot;nt&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
						&lt;span class=&quot;nt&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;class=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;one-third column&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;
							Webseite erstellt mit &lt;span class=&quot;nt&quot;&gt;&amp;lt;a&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;http://www.getskeleton.com/&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;target=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;_blank&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;Skeleton&lt;span class=&quot;nt&quot;&gt;&amp;lt;/a&amp;gt;&lt;/span&gt;, &lt;span class=&quot;nt&quot;&gt;&amp;lt;a&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;https://jquery.org/&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;target=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;_blank&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;jQuery&lt;span class=&quot;nt&quot;&gt;&amp;lt;/a&amp;gt;&lt;/span&gt;, &lt;span class=&quot;nt&quot;&gt;&amp;lt;a&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;http://www.heise.de/ct/artikel/2-Klicks-fuer-mehr-Datenschutz-1333879.html&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;target=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;_blank&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;2 Klicks für mehr Datenschutz&lt;span class=&quot;nt&quot;&gt;&amp;lt;/a&amp;gt;&lt;/span&gt;, &lt;span class=&quot;nt&quot;&gt;&amp;lt;a&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;http://highlightjs.org/&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;target=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;_blank&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;highlight.js&lt;span class=&quot;nt&quot;&gt;&amp;lt;/a&amp;gt;&lt;/span&gt; und &lt;span class=&quot;nt&quot;&gt;&amp;lt;a&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;http://www.graphicsfuel.com/2012/09/15-free-social-media-icons-psd-png/&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;target=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;_blank&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;Icons von Rafi&lt;span class=&quot;nt&quot;&gt;&amp;lt;/a&amp;gt;&lt;/span&gt; sowie Switches von &lt;span class=&quot;nt&quot;&gt;&amp;lt;a&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;http://www.cssflow.com/&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;target=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;_blank&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;Thibaut Courouble&lt;span class=&quot;nt&quot;&gt;&amp;lt;/a&amp;gt;&lt;/span&gt;.&lt;span class=&quot;nt&quot;&gt;&amp;lt;br&lt;/span&gt; &lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt;
							Die Schriftarten &lt;span class=&quot;nt&quot;&gt;&amp;lt;a&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;http://www.fontsquirrel.com/license/ubuntu-mono&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;license&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;target=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;_blank&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;&#39;Ubuntu Mono&#39;&lt;span class=&quot;nt&quot;&gt;&amp;lt;/a&amp;gt;&lt;/span&gt; und &lt;span class=&quot;nt&quot;&gt;&amp;lt;a&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;http://www.fontsquirrel.com/license/fira-sans&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;license&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;target=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;_blank&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;&#39;Fira Sans&#39;&lt;span class=&quot;nt&quot;&gt;&amp;lt;/a&amp;gt;&lt;/span&gt; stehen unter der SIL Open Font License, die &lt;span class=&quot;nt&quot;&gt;&amp;lt;a&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;http://socicon.com/&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;target=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;_blank&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;&#39;Socicon&#39;&lt;span class=&quot;nt&quot;&gt;&amp;lt;/a&amp;gt;&lt;/span&gt;-Social-Media-Icons ebenfalls.
						&lt;span class=&quot;nt&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
						&lt;span class=&quot;nt&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;class=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;one-third column&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;
							Alle Bilder und auf dieser Website stehen, soweit nicht anders angegeben, unter &lt;span class=&quot;nt&quot;&gt;&amp;lt;a&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;rel=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;license&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;http://creativecommons.org/licenses/by-sa/4.0/deed.de&quot;&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;target=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;_blank&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;CC-BY-SA 4.0 International Lizenz&lt;span class=&quot;nt&quot;&gt;&amp;lt;/a&amp;gt;&lt;/span&gt;. Dies gilt nicht für die Social-Media-Icons.&lt;span class=&quot;nt&quot;&gt;&amp;lt;br/&amp;gt;&amp;lt;br/&amp;gt;&lt;/span&gt;
							&lt;span class=&quot;ni&quot;&gt;&amp;amp;#169;&lt;/span&gt; 2014 Philipp Trommler, zum &lt;span class=&quot;nt&quot;&gt;&amp;lt;a&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../impressum.html&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;Impressum&lt;span class=&quot;nt&quot;&gt;&amp;lt;/a&amp;gt;&lt;/span&gt; und der &lt;span class=&quot;nt&quot;&gt;&amp;lt;a&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;href=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;../daten.html&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;Datenschutzerklärung&lt;span class=&quot;nt&quot;&gt;&amp;lt;/a&amp;gt;&lt;/span&gt;.
						&lt;span class=&quot;nt&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
					&lt;span class=&quot;nt&quot;&gt;&amp;lt;/footer&amp;gt;&lt;/span&gt;
				&lt;span class=&quot;nt&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
			&lt;span class=&quot;nt&quot;&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;
		&lt;span class=&quot;nt&quot;&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;/xsl:template&amp;gt;&lt;/span&gt;
	
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;xsl:template&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;match=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;h4&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;
		&lt;span class=&quot;nt&quot;&gt;&amp;lt;h4&amp;gt;&amp;lt;xsl:value-of&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;select=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;.&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&amp;lt;/h4&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;/xsl:template&amp;gt;&lt;/span&gt;
	
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;xsl:template&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;match=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;p&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;
		&lt;span class=&quot;nt&quot;&gt;&amp;lt;p&amp;gt;&amp;lt;xsl:attribute&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;name=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;class&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;xsl:value-of&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;select=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;@class&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&amp;lt;/xsl:attribute&amp;gt;&amp;lt;xsl:apply-templates/&amp;gt;&amp;lt;/p&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;/xsl:template&amp;gt;&lt;/span&gt;
	
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;xsl:template&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;match=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;inlinecode&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;
		&lt;span class=&quot;nt&quot;&gt;&amp;lt;pre&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;class=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;inline&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;xsl:value-of&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;select=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;.&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&amp;lt;/pre&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;/xsl:template&amp;gt;&lt;/span&gt;
	
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;xsl:template&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;match=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;a&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;
		&lt;span class=&quot;nt&quot;&gt;&amp;lt;a&amp;gt;&amp;lt;xsl:attribute&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;name=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;href&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;xsl:value-of&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;select=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;@href&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&amp;lt;/xsl:attribute&amp;gt;&amp;lt;xsl:attribute&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;name=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;target&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;xsl:value-of&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;select=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;@target&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&amp;lt;/xsl:attribute&amp;gt;&amp;lt;xsl:value-of&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;select=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;.&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&amp;lt;/a&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;/xsl:template&amp;gt;&lt;/span&gt;
	
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;xsl:template&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;match=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;b&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;
		&lt;span class=&quot;nt&quot;&gt;&amp;lt;b&amp;gt;&amp;lt;xsl:apply-templates/&amp;gt;&amp;lt;/b&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;/xsl:template&amp;gt;&lt;/span&gt;
	
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;xsl:template&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;match=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;ol&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;
		&lt;span class=&quot;nt&quot;&gt;&amp;lt;ol&amp;gt;&amp;lt;xsl:apply-templates/&amp;gt;&amp;lt;/ol&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;/xsl:template&amp;gt;&lt;/span&gt;
	
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;xsl:template&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;match=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;li&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;
		&lt;span class=&quot;nt&quot;&gt;&amp;lt;li&amp;gt;&amp;lt;xsl:apply-templates/&amp;gt;&amp;lt;/li&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;/xsl:template&amp;gt;&lt;/span&gt;
	
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;xsl:template&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;match=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;code&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;
		&lt;span class=&quot;nt&quot;&gt;&amp;lt;pre&amp;gt;&amp;lt;xsl:attribute&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;name=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;class&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;xsl:value-of&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;select=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;@lang&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&lt;/span&gt; block&lt;span class=&quot;nt&quot;&gt;&amp;lt;/xsl:attribute&amp;gt;&amp;lt;xsl:value-of&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;select=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;.&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&amp;lt;/pre&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;/xsl:template&amp;gt;&lt;/span&gt;
	
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;xsl:template&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;match=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;img&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;
		&lt;span class=&quot;nt&quot;&gt;&amp;lt;figure&amp;gt;&lt;/span&gt;
			&lt;span class=&quot;nt&quot;&gt;&amp;lt;img&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;class=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;lazy scale-with-grid&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;xsl:attribute&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;name=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;data-src&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;xsl:value-of&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;select=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;@src&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&amp;lt;/xsl:attribute&amp;gt;&amp;lt;xsl:attribute&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;name=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;alt&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;xsl:value-of&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;select=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;@alt&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&amp;lt;/xsl:attribute&amp;gt;&amp;lt;xsl:attribute&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;name=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;height&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;xsl:value-of&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;select=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;@height&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&amp;lt;/xsl:attribute&amp;gt;&amp;lt;xsl:attribute&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;name=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;width&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;xsl:value-of&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;select=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;@width&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&amp;lt;/xsl:attribute&amp;gt;&amp;lt;/img&amp;gt;&lt;/span&gt;
			&lt;span class=&quot;nt&quot;&gt;&amp;lt;noscript&amp;gt;&amp;lt;img&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;class=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;scale-width-grid&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;xsl:attribute&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;name=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;src&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;xsl:value-of&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;select=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;@src&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&amp;lt;/xsl:attribute&amp;gt;&amp;lt;xsl:attribute&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;name=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;alt&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;xsl:value-of&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;select=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;@alt&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&amp;lt;/xsl:attribute&amp;gt;&amp;lt;xsl:attribute&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;name=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;height&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;xsl:value-of&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;select=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;@height&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&amp;lt;/xsl:attribute&amp;gt;&amp;lt;xsl:attribute&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;name=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;width&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&amp;lt;xsl:value-of&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;select=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;@width&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&amp;lt;/xsl:attribute&amp;gt;&amp;lt;/img&amp;gt;&amp;lt;/noscript&amp;gt;&lt;/span&gt;
			&lt;span class=&quot;nt&quot;&gt;&amp;lt;figcaption&amp;gt;&amp;lt;xsl:value-of&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;select=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;caption&quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;/&amp;gt;&amp;lt;/figcaption&amp;gt;&lt;/span&gt;
		&lt;span class=&quot;nt&quot;&gt;&amp;lt;/figure&amp;gt;&lt;/span&gt;
	&lt;span class=&quot;nt&quot;&gt;&amp;lt;/xsl:template&amp;gt;&lt;/span&gt;
&lt;span class=&quot;nt&quot;&gt;&amp;lt;/xsl:stylesheet&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;Wie man sieht, ist diese Methode also alles in allem wenig effizient und meiner eigentlichen Suche nach einer möglichst minimalen Lösung wohl kaum gerecht.&lt;/p&gt;

&lt;h1 id=&quot;vorteile&quot;&gt;Vorteile?&lt;/h1&gt;
&lt;p&gt;Kaum.&lt;/p&gt;

&lt;p&gt;Aber trotzdem habe ich das Verfahren zu schätzen gelernt. Es nutzt offene, altbewährte und gut unterstützte Standards und man hat jederzeit volle Kontrolle über das was passiert. Es gibt keine Blackbox, keine Magie (&lt;code class=&quot;highlighter-rouge&quot;&gt;@Autowired&lt;/code&gt; bei Spring &lt;em&gt;hust&lt;/em&gt;) und nur ein leicht zu überschauendes Set an Möglichkeiten. Und für spezielle Einsatzmöglichkeiten reicht das auch vollkommen aus. So habe ich beruflich bereits einen in XML vorliegenden Bibliotheksbestand in eine einfache, durchsuchbare und übersichtliche Webseite umgewandelt, ohne dass bei jeder Änderung am Bestand auch die Seite geändert werden müsste. Für genau solche Szenarien eignet sich XSLT auch heute noch sehr gut, für die von mir gedachte Realisierung eines Blogs rückwirkend betrachtet weniger.&lt;/p&gt;

&lt;h1 id=&quot;jekyll&quot;&gt;Jekyll&lt;/h1&gt;
&lt;p&gt;Genau deswegen habe ich jetzt (solange ich noch so wenige Posts habe) meinen Blog auf &lt;a href=&quot;http://jekyllrb.com/&quot;&gt;Jekyll&lt;/a&gt; umgestellt und ich muss sagen, es gefällt mir sehr gut. Auch wenn mir als nicht Ruby-Nutzer die Einarbeitung in die Gems (Builder, Bundler, Gems?) und das Installieren von Plugins ein paar Kopfschmerzen bereitet haben, fällt die Bedienung insgesamt doch recht einfach aus und auch das Standard-Theme ist durchaus als Grundlage brauchbar.&lt;/p&gt;

&lt;p&gt;Im Gegenzug habe ich mir mit Jekyll eine Blackbox eingefangen, die allerdings so gut und einfach zu bedienen ist, dass ich diesmal damit Leben werde.&lt;/p&gt;
</description>
        <pubDate>Tue, 10 Mar 2015 13:00:00 +0100</pubDate>
        <link>http://www.philipp-trommler.me/2015/03/10/das-ende-des-xml-experiments.html</link>
        <guid isPermaLink="true">http://www.philipp-trommler.me/2015/03/10/das-ende-des-xml-experiments.html</guid>
        
        <category>tools</category>
        
        <category>xml</category>
        
        <category>xslt</category>
        
        <category>jekyll</category>
        
        <category>seo</category>
        
        <category>social-media</category>
        
        
        
      </item>
    
      <item>
        <title>Intel® Cilk™ mit GCC 4.9 unter Linux</title>
        <description>&lt;p&gt;Mit der aktuellen (beziehungsweise in Ubuntu kommenden) Version 4.9 der GNU Compiler Collection GCC hält auch Intels® Multithreading Werkzeug Cilk™ Einzug in den C- und C++-Compiler. Mit Cilk™ soll es (unter anderem) äußerst einfach sein, die Last von Programmen gleichmäßig auf alle verfügbare Prozessorkerne zu verteilen.&lt;/p&gt;

&lt;h1 id=&quot;vorbereitungen&quot;&gt;Vorbereitungen&lt;/h1&gt;

&lt;p&gt;Um Cilk™ mit Ubuntu nutzen zu können, bedarf es Vorbereitung, da es, wie der Titel es schon vermuten lässt, erst ab Version 4.9 in den Compilern enthalten ist. Diese Version wird wohl aber erst unter Ubuntu 14.10 zum Standard werden, also muss GCC auf eine der folgenden Weisen aktualisiert werden:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;Aus den Quellen kompilieren, wobei ich hierauf nicht weiter eingehen möchte, da der Aufwand nur zum Testen von Cilk™ zu hoch und unnötig und die Vorgehensweise ausreichend im Internet dargelegt ist.&lt;/li&gt;
  &lt;li&gt;Über das Ubuntu Toolchain PPA installieren.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Das PPA kann mittels &lt;code class=&quot;highlighter-rouge&quot;&gt;sudo add-apt-repository ppa:ubuntu-toolchain-r/test&lt;/code&gt; ins System eingepflegt werden, anschließend werden mit dem Befehl &lt;code class=&quot;highlighter-rouge&quot;&gt;sudo apt-get install gcc-4.9 g++-4.9&lt;/code&gt; die Compiler installiert. In den deb-Paketen scheint allerdings noch eine Datei zu fehlen, die somit manuell angelegt werden muss, also mit &lt;code class=&quot;highlighter-rouge&quot;&gt;sudo nano /usr/lib/libcilkrts.spec&lt;/code&gt; die Datei öffnen und folgendes einfügen:&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-bash&quot; data-lang=&quot;bash&quot;&gt;This spec file is &lt;span class=&quot;nb&quot;&gt;read &lt;/span&gt;by gcc when linking.  It is used to specify the
&lt;span class=&quot;c&quot;&gt;# standard libraries we need in order to link with libcilkrts.&lt;/span&gt;
&lt;span class=&quot;k&quot;&gt;*&lt;/span&gt;link_cilkrts: /usr/lib/gcc/i686-linux-gnu/4.9/libcilkrts.so&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;Der Pfad zur Shared Library muss auf 64-bit Systemen entsprechend angepasst werden. Damit sollte die Installation eigentlich abgeschlossen sein (einfacher als GCC selbst zu kompilieren, oder?).&lt;/p&gt;

&lt;h1 id=&quot;tests&quot;&gt;Tests&lt;/h1&gt;

&lt;p&gt;Um die Performance von Cilk™ unter Linux zu messen, bediene ich mich der Beispiele, die Intel® &lt;a href=&quot;http://www.cilkplus.org/cilk-plus-tutorial&quot;&gt;auf den entsprechenden Webseiten&lt;/a&gt; angibt. Als erstes das Fibonacci-Beispiel, mit dem sich &lt;code class=&quot;highlighter-rouge&quot;&gt;cilk_spawn&lt;/code&gt; und &lt;code class=&quot;highlighter-rouge&quot;&gt;cilk_sync&lt;/code&gt; für rekursive Algorithmen testen lässt:&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-cpp&quot; data-lang=&quot;cpp&quot;&gt;&lt;span class=&quot;cp&quot;&gt;#include &amp;lt;iostream&amp;gt;
#include &amp;lt;cilk/cilk.h&amp;gt;
#include &amp;lt;cilk/cilk_api.h&amp;gt;
#include &amp;lt;sstream&amp;gt;
&lt;/span&gt;
&lt;span class=&quot;kt&quot;&gt;int&lt;/span&gt; &lt;span class=&quot;nf&quot;&gt;fibo_wo&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;kt&quot;&gt;int&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;n&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
&lt;span class=&quot;p&quot;&gt;{&lt;/span&gt;
	&lt;span class=&quot;k&quot;&gt;if&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;n&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;lt;&lt;/span&gt; &lt;span class=&quot;mi&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
		&lt;span class=&quot;k&quot;&gt;return&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;n&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;

	&lt;span class=&quot;kt&quot;&gt;int&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;x&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;fibo_wo&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;n&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;);&lt;/span&gt;
	&lt;span class=&quot;kt&quot;&gt;int&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;y&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;fibo_wo&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;n&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;);&lt;/span&gt;

	&lt;span class=&quot;k&quot;&gt;return&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;x&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;+&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;p&quot;&gt;}&lt;/span&gt;

&lt;span class=&quot;kt&quot;&gt;int&lt;/span&gt; &lt;span class=&quot;nf&quot;&gt;fibo_w&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;kt&quot;&gt;int&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;n&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
&lt;span class=&quot;p&quot;&gt;{&lt;/span&gt;
	&lt;span class=&quot;k&quot;&gt;if&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;n&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;lt;&lt;/span&gt; &lt;span class=&quot;mi&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
		&lt;span class=&quot;k&quot;&gt;return&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;n&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;

	&lt;span class=&quot;c1&quot;&gt;// Spawn one recursion as a new thread
&lt;/span&gt;	&lt;span class=&quot;kt&quot;&gt;int&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;x&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;cilk_spawn&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;fibo_w&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;n&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;);&lt;/span&gt;
	&lt;span class=&quot;kt&quot;&gt;int&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;y&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;fibo_w&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;n&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;);&lt;/span&gt;

	&lt;span class=&quot;c1&quot;&gt;// Wait for all spawned threads to finish
&lt;/span&gt;	&lt;span class=&quot;n&quot;&gt;cilk_sync&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;

	&lt;span class=&quot;k&quot;&gt;return&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;x&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;+&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;p&quot;&gt;}&lt;/span&gt;

&lt;span class=&quot;kt&quot;&gt;int&lt;/span&gt; &lt;span class=&quot;nf&quot;&gt;main&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;kt&quot;&gt;int&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;argc&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;k&quot;&gt;const&lt;/span&gt; &lt;span class=&quot;kt&quot;&gt;char&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;*&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;argv&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;[])&lt;/span&gt;
&lt;span class=&quot;p&quot;&gt;{&lt;/span&gt;
	&lt;span class=&quot;c1&quot;&gt;// Thanks to Thomas for char to int conversion (&amp;lt;http://stackoverflow.com/questions/2797813/convert-c-argument-to-int&amp;gt;)
&lt;/span&gt;	&lt;span class=&quot;n&quot;&gt;std&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;::&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;istringstream&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;ss&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;argv&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;]);&lt;/span&gt;
	&lt;span class=&quot;kt&quot;&gt;int&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
	&lt;span class=&quot;k&quot;&gt;if&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;!&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;ss&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;gt;&amp;gt;&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;))&lt;/span&gt;
	&lt;span class=&quot;p&quot;&gt;{&lt;/span&gt;
		&lt;span class=&quot;n&quot;&gt;std&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;::&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;cerr&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;lt;&amp;lt;&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;&quot;Invalid number &quot;&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;lt;&amp;lt;&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;argv&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;]&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;lt;&amp;lt;&lt;/span&gt; &lt;span class=&quot;sc&quot;&gt;&#39;\n&#39;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
	&lt;span class=&quot;p&quot;&gt;}&lt;/span&gt;
	
	&lt;span class=&quot;n&quot;&gt;std&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;::&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;cout&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;lt;&amp;lt;&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;&quot;Testing Intel (R) Cilk (TM) with Fibonacci (n = &quot;&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;lt;&amp;lt;&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;argv&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;]&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;lt;&amp;lt;&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;&quot;)&quot;&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;lt;&amp;lt;&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;std&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;::&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;endl&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
	&lt;span class=&quot;kt&quot;&gt;clock_t&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;start&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;end&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
	&lt;span class=&quot;n&quot;&gt;start&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;clock&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;();&lt;/span&gt;
	&lt;span class=&quot;n&quot;&gt;std&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;::&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;cout&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;lt;&amp;lt;&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;fibo_wo&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;lt;&amp;lt;&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;std&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;::&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;endl&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
	&lt;span class=&quot;n&quot;&gt;end&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;clock&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;();&lt;/span&gt;
	&lt;span class=&quot;n&quot;&gt;std&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;::&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;cout&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;lt;&amp;lt;&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;&quot;Time without Intel (R) Cilk (TM): &quot;&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;lt;&amp;lt;&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;end&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;-&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;start&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;/&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;CLOCKS_PER_SEC&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;lt;&amp;lt;&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;&quot; sec (CLOCKS_PER_SEC: &quot;&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;lt;&amp;lt;&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;CLOCKS_PER_SEC&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;lt;&amp;lt;&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;&quot;)&quot;&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;lt;&amp;lt;&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;std&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;::&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;endl&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
	&lt;span class=&quot;n&quot;&gt;start&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;clock&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;();&lt;/span&gt;
	&lt;span class=&quot;n&quot;&gt;std&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;::&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;cout&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;lt;&amp;lt;&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;fibo_w&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;lt;&amp;lt;&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;std&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;::&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;endl&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
	&lt;span class=&quot;n&quot;&gt;end&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;clock&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;();&lt;/span&gt;
	&lt;span class=&quot;n&quot;&gt;std&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;::&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;cout&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;lt;&amp;lt;&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;&quot;Time with Intel (R) Cilk (TM): &quot;&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;lt;&amp;lt;&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;end&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;-&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;start&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;/&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;CLOCKS_PER_SEC&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;lt;&amp;lt;&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;&quot; sec (CLOCKS_PER_SEC: &quot;&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;lt;&amp;lt;&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;CLOCKS_PER_SEC&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;lt;&amp;lt;&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;&quot;)&quot;&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;lt;&amp;lt;&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;std&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;::&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;endl&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
	
	&lt;span class=&quot;k&quot;&gt;return&lt;/span&gt; &lt;span class=&quot;mi&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;p&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;Ich habe das Beispiel etwas angepasst, damit sich leichter vergleichbare Ergebnisse erzielen lassen. Die Datei einfach als &lt;code class=&quot;highlighter-rouge&quot;&gt;fibo.cpp&lt;/code&gt; speichern und mit&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-bash&quot; data-lang=&quot;bash&quot;&gt;g++-4.9 -fcilkplus -I/usr/include/c++/4.9/ -o fibo fibo.cpp&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;kompilieren. Ein Aufruf mit &lt;code class=&quot;highlighter-rouge&quot;&gt;./fibo 40&lt;/code&gt; gibt bei mir folgende, interessante Ergebnisse:&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-bash&quot; data-lang=&quot;bash&quot;&gt;Testing Intel &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;R&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt; Cilk &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;TM&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt; with Fibonacci &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;n &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; 40&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt;
102334155
Time without Intel &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;R&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt; Cilk &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;TM&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt;: 3 sec &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;CLOCKS_PER_SEC: 1000000&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt;
102334155
Time with Intel &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;R&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt; Cilk &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;TM&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt;: 35 sec &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;CLOCKS_PER_SEC: 1000000&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;Mal abgesehen davon, dass beide Funktionen das gleiche Ergebnis liefern (Glück gehabt!) und mein Computer echt langsam ist, fällt vor allem auf, dass die Version mit Intel® Cilk™ mehr als die zehnfache Laufzeit hat. Ob das an Problemen zwischen meinem betagten Prozessor (Genuine Intel® CPU T2250 @ 1.73GHz × 2) und der doch recht neuen Implementierung von Cilk™ liegt oder daran, dass der Compiler die ‘normale’ Funktion einfach so stark optimiert (die Option &lt;code class=&quot;highlighter-rouge&quot;&gt;-O0&lt;/code&gt; bringt keine Veränderung), kann ich nicht sagen. Allerdings scheint die Cilk™ Funktion tatsächlich nicht (so stark) optimiert zu werden, da nach der Kompilierung mit &lt;code class=&quot;highlighter-rouge&quot;&gt;-O3&lt;/code&gt; folgendes Ergebnis erscheint:&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-bash&quot; data-lang=&quot;bash&quot;&gt;Testing Intel &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;R&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt; Cilk &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;TM&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt; with Fibonacci &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;n &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; 40&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt;
102334155
Time without Intel &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;R&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt; Cilk &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;TM&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt;: 1 sec &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;CLOCKS_PER_SEC: 1000000&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt;
102334155
Time with Intel &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;R&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt; Cilk &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;TM&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt;: 34 sec &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;CLOCKS_PER_SEC: 1000000&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;Das Ergebnis der Cilk™ Funktion ändert sich also nicht, das der normalen wird um zwei Drittel reduziert. Vielleicht bringt die neue &lt;code class=&quot;highlighter-rouge&quot;&gt;for&lt;/code&gt;-Schleife etwas, allerdings hat es &lt;code class=&quot;highlighter-rouge&quot;&gt;cilk_for&lt;/code&gt; noch nicht in die GCC geschafft, vielleicht in 4.10.&lt;/p&gt;

&lt;p&gt;Bis dahin: Wie sehen eure Ergebnisse mit Cilk™ aus? Übersehe ich nur etwas? Liegt es vielleicht an meinem alten Rechner und wie verhält es sich mit AMD Prozessoren? Schreibt einfach in die Kommentare!&lt;/p&gt;

&lt;h1 id=&quot;amd-quad-core-update&quot;&gt;AMD Quad Core (Update)&lt;/h1&gt;

&lt;p&gt;Ich habe gerade zum Vergleich das Programm auf meinem zweiten Rechner (AMD Athlon™ II X4 645 Processor × 4) kompiliert und ausgeführt, leider auch hier ähnliche Ergebnisse:&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-bash&quot; data-lang=&quot;bash&quot;&gt;&lt;span class=&quot;gp&quot;&gt;$ &lt;/span&gt;&amp;gt; ./fibo 40
Testing Intel &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;R&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt; Cilk &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;TM&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt; with Fibonacci &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;n &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; 40&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt;
102334155
Time without Intel &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;R&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt; Cilk &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;TM&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt;: 1 sec &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;CLOCKS_PER_SEC: 1000000&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt;
102334155
Time with Intel &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;R&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt; Cilk &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;TM&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt;: 12 sec &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;CLOCKS_PER_SEC: 1000000&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt;
&lt;span class=&quot;gp&quot;&gt;$ &lt;/span&gt;&amp;gt; ./fibo 45
Testing Intel &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;R&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt; Cilk &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;TM&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt; with Fibonacci &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;n &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; 45&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt;
1134903170
Time without Intel &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;R&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt; Cilk &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;TM&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt;: 12 sec &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;CLOCKS_PER_SEC: 1000000&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt;
1134903170
Time with Intel &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;R&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt; Cilk &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;TM&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt;: 134 sec &lt;span class=&quot;o&quot;&gt;(&lt;/span&gt;CLOCKS_PER_SEC: 1000000&lt;span class=&quot;o&quot;&gt;)&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;Es scheint mir langsam wirklich so, als würde ich etwas übersehen, habt ihr Ideen?&lt;/p&gt;
</description>
        <pubDate>Thu, 03 Jul 2014 15:19:34 +0200</pubDate>
        <link>http://www.philipp-trommler.me/2014/07/03/intel-cilk-mit-gcc-4-9-unter-linux.html</link>
        <guid isPermaLink="true">http://www.philipp-trommler.me/2014/07/03/intel-cilk-mit-gcc-4-9-unter-linux.html</guid>
        
        <category>tools</category>
        
        <category>gcc</category>
        
        <category>intel</category>
        
        <category>cilk</category>
        
        <category>linux</category>
        
        <category>c</category>
        
        <category>cpp</category>
        
        
        
      </item>
    
      <item>
        <title>Die neuen GTK 3.12 Popover in Vala</title>
        <description>&lt;p&gt;Die neuen Popovers aus GTK 3.12 sollen die klassischen Menüs ersetzen, denn sie sehen besser aus und bilden ein konsistentes Design mit den Menüs der GNOME Shell. Zudem sind sie sehr flexibel: in ihnen können viele verschiedene Widgets platziert werden.&lt;/p&gt;

&lt;h1 id=&quot;minimalbeispiel&quot;&gt;Minimalbeispiel&lt;/h1&gt;

&lt;figure&gt;
	&lt;a href=&quot;/images/popover1.png&quot;&gt;
		&lt;img src=&quot;/images/popover1.png&quot; alt=&quot;GTK Popover im Minimalbeispiel aus dem letzten Tutorial.&quot; /&gt;
	&lt;/a&gt;
	&lt;figcaption&gt;GTK Popover im Minimalbeispiel aus dem letzten Tutorial.&lt;/figcaption&gt;
&lt;/figure&gt;

&lt;p&gt;Wie schon im &lt;a href=&quot;/2013/12/22/die-neue-gtk-3-10-headerbar-in-vala.html&quot;&gt;letzten Tutorial&lt;/a&gt; zu HeaderBars, will ich euch die Verwendung der Popovers an einem Minimalbeispiel näherbringen. Das oben gezeigte Programm kann mit dem nur um einige Zeilen erweiterten Quelltext aus dem HeaderBar-Tutorial erzeugt werden:&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-vala&quot; data-lang=&quot;vala&quot;&gt;class Example : Gtk.Application {
	public Example () {
		Object (application_id: &quot;com.example.app&quot;, flags: ApplicationFlags.FLAGS_NONE);
	}

	protected override void activate () {
		Gtk.ApplicationWindow window = new Gtk.ApplicationWindow (this);
		window.set_default_size (500, 500);
		
		/*
		 * HeaderBar - siehe letztes Tutorial
		 */
		
		Gtk.HeaderBar headerBar = new Gtk.HeaderBar ();
		headerBar.set_show_close_button (true);
	
		Gtk.SearchEntry entry = new Gtk.SearchEntry ();
		entry.set_placeholder_text (&quot;Suchen...&quot;);
		headerBar.set_custom_title (entry);
	
		Gtk.Button openButton = new Gtk.Button.from_icon_name (&quot;document-open&quot;, Gtk.IconSize.LARGE_TOOLBAR);
		headerBar.pack_start (openButton);
	
		Gtk.Button closeButton = new Gtk.Button.from_icon_name (&quot;document-save-as&quot;, Gtk.IconSize.LARGE_TOOLBAR);
		headerBar.pack_end (closeButton);
	
		window.set_titlebar (headerBar);
		
		/*
		 *	Ab hier Popover
		 */
		
		GLib.SimpleAction test = new GLib.SimpleAction (&quot;test&quot;, null);
		this.add_action (test);
		
		GLib.Menu menu = new GLib.Menu ();
		menu.append (&quot;Test&quot;, &quot;test&quot;);
		
		Gtk.Popover pop = new Gtk.Popover (closeButton);
		pop.bind_model (menu, &quot;app&quot;);
		
		closeButton.clicked.connect (() =&amp;gt; {
			pop.set_visible (true);
		});
		
		window.show_all ();
	}
}

int main (string[] args) {
	return new Example ().run (args);
}&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;Drei Dinge sind hierbei besonders zu beachten:&lt;/p&gt;

&lt;ol&gt;
  &lt;li&gt;Ein Popover ist immer einem Widget zugeordnet, das dem Konstruktor übergeben wird. Hiervon ist auch die Ausrichtung des Popovers abhängig, die allerdings auch nachträglich geändert werden kann.&lt;/li&gt;
  &lt;li&gt;Ein Popover darf nicht gleich beim Öffnen des Fensters gezeigt werden, dies führt zu Fehlverhalten. Erst nachträglich sollte es in einem Event-listener mit &lt;code class=&quot;highlighter-rouge&quot;&gt;set_visible (true)&lt;/code&gt; gezeigt werden. Um das Verbergen des Popovers muss man sich nicht kümmern, es erfolgt automatisch.&lt;/li&gt;
  &lt;li&gt;Wird ein Menü an das Popover gebunden, werden Menüeinträge, zu denen keine &lt;code class=&quot;highlighter-rouge&quot;&gt;GLib.Action&lt;/code&gt; gefunden wird, ausgegraut und inaktiv. Dafür erwartet die Funktion &lt;code class=&quot;highlighter-rouge&quot;&gt;bind_model&lt;/code&gt; als zweiten Parameter ein Präfix, das allen Aktionen vorangestellt wird. Diese Präfixe werden automatisch durch &lt;code class=&quot;highlighter-rouge&quot;&gt;add_action&lt;/code&gt; erzeugt und lauten &lt;code class=&quot;highlighter-rouge&quot;&gt;app&lt;/code&gt;, wenn die Aktion der &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.Application&lt;/code&gt; zugeordnet wird, und &lt;code class=&quot;highlighter-rouge&quot;&gt;win&lt;/code&gt;, wenn sie einem &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.Window&lt;/code&gt; zugeordnet wird.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Am Befehl für die Kompilierung hat sich natürlich nichts geändert: Einfach als &lt;code class=&quot;highlighter-rouge&quot;&gt;popover.vala&lt;/code&gt; speichern und mit&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-bash&quot; data-lang=&quot;bash&quot;&gt;valac --pkg gtk+-3.0 -o popover popover.vala&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;kompilieren. Zu beachten ist, dass die aktuellen Versionen &lt;code class=&quot;highlighter-rouge&quot;&gt;libgtk-3-0&lt;/code&gt; und &lt;code class=&quot;highlighter-rouge&quot;&gt;libgtk-3-dev (&amp;gt;= 3.12)&lt;/code&gt; benötigt werden, um das Programm zu übersetzen.&lt;/p&gt;

&lt;h1 id=&quot;aufhbschen&quot;&gt;Aufhübschen&lt;/h1&gt;

&lt;p&gt;Damit die Menüeinträge ein bisschen mehr her machen, können sie mit Icons versehen werden, dafür muss das &lt;code class=&quot;highlighter-rouge&quot;&gt;menu.append ()&lt;/code&gt; durch ein &lt;code class=&quot;highlighter-rouge&quot;&gt;menu.append_item ()&lt;/code&gt; ersetzt und die entsprechenden Menü-Items gebaut werden:&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-vala&quot; data-lang=&quot;vala&quot;&gt;GLib.SimpleAction save = new GLib.SimpleAction (&quot;save&quot;, null);
save.activate.connect (() =&amp;gt; {
	// Datei speichern
});
this.add_action (save);

GLib.MenuItem saveItem = new GLib.MenuItem (&quot;Speichern&quot;, &quot;save&quot;);
saveItem.set_icon (new GLib.ThemedIcon (&quot;document-save&quot;));

GLib.SimpleAction save_as = new GLib.SimpleAction (&quot;save_as&quot;, null);
save_as.activate.connect (() =&amp;gt; {
	// Datei speichern unter
});
this.add_action (save_as);

GLib.MenuItem saveAsItem = new GLib.MenuItem (&quot;Speichern unter&quot;, &quot;save_as&quot;);
saveAsItem.set_icon (new GLib.ThemedIcon (&quot;document-save-as&quot;));

GLib.Menu menu = new GLib.Menu ();
menu.append_item (saveItem);
menu.append_item (saveAsItem);&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;Das funktioniert zwar, allerdings entspricht das Ergebnis wohl nicht ganz dem, was der Benutzer von einem Popover erwartet:&lt;/p&gt;

&lt;figure&gt;
	&lt;a href=&quot;/images/popover2.png&quot;&gt;
		&lt;img src=&quot;/images/popover2.png&quot; alt=&quot;Nicht ganz passend, aber möglich: Icons im GTK Popover.&quot; /&gt;
	&lt;/a&gt;
	&lt;figcaption&gt;Nicht ganz passend, aber möglich: Icons im GTK Popover.&lt;/figcaption&gt;
&lt;/figure&gt;

&lt;h1 id=&quot;auswahl&quot;&gt;Auswahl&lt;/h1&gt;

&lt;p&gt;Ein besonders passender Anwendungsfall für Popover sind Auswahlmöglichkeiten, die das Verhalten eines anderes Widgets beeinflussen, da sie genau hierfür konzipiert wurden: Sie sollen eine Möglichkeit bieten, einfache und häufig geänderte Einstellungen ‘an Ort und Stelle’ erreichbar zu machen.&lt;/p&gt;

&lt;p&gt;Sehen wir uns also das Suchfeld – welches im Übrigen der Aktualität halber durch ein &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.SearchEntry&lt;/code&gt; ersetzt wurde – der Beispielanwendung an: Vorstellbar ist zum Beispiel, dass es eine Auswahlmöglichkeit gibt, ob im Internet oder nur lokal gesucht werden soll. Dies lässt sich leicht durch die Verwendung einer &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.Box&lt;/code&gt; oder eines &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.Grid&lt;/code&gt; erreichen:&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-vala&quot; data-lang=&quot;vala&quot;&gt;Gtk.Grid search_grid = new Gtk.Grid ();
search_grid.set_column_spacing (10);
search_grid.set_margin_top (10);
search_grid.set_margin_end (10);
search_grid.set_margin_bottom (10);
search_grid.set_margin_start (10);

Gtk.Label search_label = new Gtk.Label (&quot;Im Internet suchen&quot;);
search_grid.attach (search_label, 0, 0, 1, 1);

Gtk.Switch search_switch = new Gtk.Switch ();
search_grid.attach (search_switch, 1, 0, 2, 1);

search_grid.show_all ();

Gtk.Popover search_pop = new Gtk.Popover (entry);
search_pop.add (search_grid);

entry.enter_notify_event.connect ((e) =&amp;gt; {
	search_pop.set_visible (true);
	return true;
});&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;figure&gt;
	&lt;a href=&quot;/images/popover3.png&quot;&gt;
		&lt;img src=&quot;/images/popover3.png&quot; alt=&quot;Auch Gtk.Box und Gtk.Grid sind im Popover möglich.&quot; /&gt;
	&lt;/a&gt;
	&lt;figcaption&gt;Auch Gtk.Box und Gtk.Grid sind im Popover möglich.&lt;/figcaption&gt;
&lt;/figure&gt;

&lt;p&gt;Über diese Container sind natürlich sehr komplexe Inhalte für Popover möglich, fast alle Widgets, die in eine &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.Box&lt;/code&gt; oder ein &lt;code class=&quot;highlighter-rouge&quot;&gt;Gtk.Grid&lt;/code&gt; gepackt werden können, können somit auch Inhalt eines Popover werden.&lt;/p&gt;

&lt;p&gt;In diesem Sinne viel Spaß mit dieser neuen Fähigkeit von GTK und erfolgreiches Coden!&lt;/p&gt;
</description>
        <pubDate>Thu, 24 Apr 2014 23:05:00 +0200</pubDate>
        <link>http://www.philipp-trommler.me/2014/04/24/die-neuen-gtk-3-12-popover-in-vala.html</link>
        <guid isPermaLink="true">http://www.philipp-trommler.me/2014/04/24/die-neuen-gtk-3-12-popover-in-vala.html</guid>
        
        <category>gtk3</category>
        
        <category>gtk</category>
        
        <category>vala</category>
        
        <category>popover</category>
        
        <category>headerbar</category>
        
        
        
        <media:thumbnail url="http://www.philipp-trommler.me/images/popover1.png" />
        <enclosure url='http://www.philipp-trommler.me/images/popover1.png' length='9252' type='image/png' />
        
      </item>
    
      <item>
        <title>Numix GTK 3 Flat Theme Light Review</title>
        <description>&lt;p&gt;Seit ein paar Tagen sind die neuen Flat-Themes von Numix im &lt;a href=&quot;https://apps.ubuntu.com/cat/applications/numix-gtk3-flat-theme-light/&quot;&gt;Software Center&lt;/a&gt; und auf &lt;a href=&quot;http://me4oslav.deviantart.com/art/Numix-Flat-GTK-3-theme-425422073&quot;&gt;deviantART&lt;/a&gt; als normale, helle und dunkle Version erhältlich. Ich habe mir die helle Version zugelegt und möchte hier kurz meine Meinung dazu abgeben.&lt;/p&gt;

&lt;figure&gt;
	&lt;a href=&quot;/images/numix1.png&quot;&gt;
		&lt;img src=&quot;/images/numix1.png&quot; alt=&quot;Das Theme im Software Center und das Software Center im Theme.&quot; /&gt;
	&lt;/a&gt;
	&lt;figcaption&gt;Das Theme im Software Center und das Software Center im Theme.&lt;/figcaption&gt;
&lt;/figure&gt;

&lt;p&gt;Die Themes sind für 2,99$, respektive 2,39€, zu haben, meiner Meinung nach ein durchaus fairer Preis, und besonders gut wirken sie natürlich in Verbindung mit einem der Numix Icon Themes.&lt;/p&gt;

&lt;figure&gt;
	&lt;a href=&quot;/images/numix2.png&quot;&gt;
		&lt;img src=&quot;/images/numix2.png&quot; alt=&quot;Wetter-App im neuen Theme als Beispiel einer dunklen App mit HeaderBar.&quot; /&gt;
	&lt;/a&gt;
	&lt;figcaption&gt;Wetter-App im neuen Theme als Beispiel einer dunklen App mit HeaderBar.&lt;/figcaption&gt;
&lt;/figure&gt;

&lt;p&gt;An manchen Stellen fallen allerdings noch ein paar kleine Ungereimtheiten auf, zum Beispiel haben manche Buttons einen Rand und einen helleren Hintergrund andere nicht. Hoffentlich sind das noch Bugs und keine Features und hoffentlich werden diese auch noch gefixt.&lt;/p&gt;

&lt;figure&gt;
	&lt;a href=&quot;/images/numix3.png&quot;&gt;
		&lt;img src=&quot;/images/numix3.png&quot; alt=&quot;Nautilus im Theme als Beispiel einer hellen App mit HeaderBar, gut zu sehen sind die umrandeten Buttons mit hellerem Hintergrund, Buttons mit Menü haben beides nicht.&quot; /&gt;
	&lt;/a&gt;
	&lt;figcaption&gt;Nautilus im Theme als Beispiel einer hellen App mit HeaderBar, gut zu sehen sind die umrandeten Buttons mit hellerem Hintergrund, Buttons mit Menü haben beides nicht.&lt;/figcaption&gt;
&lt;/figure&gt;

&lt;p&gt;Besonders gut gefallen mir die dunkelrote Highlight-Farbe, die sich gut vom Rest des Themes abhebt, sowie die Scrollbars, die deutlich unaufdringlicher sind als die Originalen.&lt;/p&gt;

&lt;figure&gt;
	&lt;a href=&quot;/images/numix4.png&quot;&gt;
		&lt;img src=&quot;/images/numix4.png&quot; alt=&quot;Terminal, zu beachten sind die schlichten Scrollbars.&quot; /&gt;
	&lt;/a&gt;
	&lt;figcaption&gt;Terminal, zu beachten sind die schlichten Scrollbars.&lt;/figcaption&gt;
&lt;/figure&gt;

&lt;p&gt;Das “Schließen”-Icon und der Titel von Fenstern ohne HeaderBar sind für meinen Geschmack etwas zu nah am Fensterrand, der Titel und Untertitel von Fenstern mit HeaderBar hat irgendwie einen seltsamen Font (siehe Bild). Alles in allem gefällt mir das Theme aber sehr gut, ich kann den Kauf zu diesem Preis empfehlen, und ich bin gespannt, was sich das Numix-Team in nächster Zeit noch so aus den Fingern saugt.&lt;/p&gt;

&lt;figure&gt;
	&lt;a href=&quot;/images/numix5.png&quot;&gt;
		&lt;img src=&quot;/images/numix5.png&quot; alt=&quot;Video-App im Light Theme.&quot; /&gt;
	&lt;/a&gt;
	&lt;figcaption&gt;Video-App im Light Theme.&lt;/figcaption&gt;
&lt;/figure&gt;

&lt;p&gt;Da Bilder, insbesondere in so einem Fall wie hier, natürlich mehr sagen als tausend Worte, gibt es hier noch ein paar Screenshots, mit denen ihr selbst für euch entscheiden könnt, ob das Theme etwas für euch ist oder nicht.&lt;/p&gt;

&lt;figure&gt;
	&lt;a href=&quot;/images/numix6.png&quot;&gt;
		&lt;img src=&quot;/images/numix6.png&quot; alt=&quot;Rythmbox im Numix GTK 3 Flat Theme Light.&quot; /&gt;
	&lt;/a&gt;
	&lt;figcaption&gt;Rythmbox im Numix GTK 3 Flat Theme Light.&lt;/figcaption&gt;
&lt;/figure&gt;

&lt;figure&gt;
	&lt;a href=&quot;/images/numix7.png&quot;&gt;
		&lt;img src=&quot;/images/numix7.png&quot; alt=&quot;Beispiel-App aus dem letzten Tutorial mit dem neuen Theme.&quot; /&gt;
	&lt;/a&gt;
	&lt;figcaption&gt;Beispiel-App aus dem letzten Tutorial mit dem neuen Theme.&lt;/figcaption&gt;
&lt;/figure&gt;

&lt;figure&gt;
	&lt;a href=&quot;/images/numix8.png&quot;&gt;
		&lt;img src=&quot;/images/numix8.png&quot; alt=&quot;Beispiel-App aus dem letzten Tutorial mit dem neuen Theme.&quot; /&gt;
	&lt;/a&gt;
	&lt;figcaption&gt;Beispiel-App aus dem letzten Tutorial mit dem neuen Theme.&lt;/figcaption&gt;
&lt;/figure&gt;

&lt;p&gt;Und jetzt schön eines der Themes &lt;a href=&quot;https://apps.ubuntu.com/cat/applications/numix-gtk3-flat-theme-light/&quot;&gt;kaufen&lt;/a&gt; und damit die Macher unterstützen!&lt;/p&gt;
</description>
        <pubDate>Fri, 17 Jan 2014 21:00:00 +0100</pubDate>
        <link>http://www.philipp-trommler.me/2014/01/17/numix-gtk-3-flat-theme-light-review.html</link>
        <guid isPermaLink="true">http://www.philipp-trommler.me/2014/01/17/numix-gtk-3-flat-theme-light-review.html</guid>
        
        <category>gnome</category>
        
        <category>gtk3</category>
        
        <category>gtk</category>
        
        <category>numix</category>
        
        <category>theme</category>
        
        <category>flat</category>
        
        <category>review</category>
        
        
        
        <media:thumbnail url="http://www.philipp-trommler.me/images/numix1.png" />
        <enclosure url='http://www.philipp-trommler.me/images/numix1.png' length='100058' type='image/png' />
        
      </item>
    
  </channel>
</rss>