Veni, Vidi, VISA

Im Eintrag Dieses Blog geht demnaechst offline habe ich angedroht das ich auf Jekyll umsteige. So weit, so gut.. Installiert war Jekyll relativ schnell, dokumentiert ist es ebenfalls mehr als ausreichend und Themes gibt es auch genügend. Von denen hat mir nur keins so richtig gefallen, also hab ich mir einige Themen als Anreiz genommen und selbst ein Layout zusammengemurkst. Das hat auch problemlos funktioniert und das Grundgerüst stand innerhalb relativ kurzer Zeit, aber dann...
Die statischen Seiten (/about, /zsh, /rtfm, ..) sind weniger das Problem, da ich die direkt einbinden kann. Was mir wirklich auf die Eier geht, ist die Formatierung des Blogs; sprich die Übersichtsseite, auf der alle Einträge aufgeführt sind und die Blogposts; also der komplette Eintrag. Diese wird in Liquid geschrieben und dann als HTML ausgegeben; weder HTML, noch Liquid ist das Problem; das ist ein viel trivialeres: Ich habe schlicht und einfach nicht die geringste Lust! Null. Niente. ноль. صفر. Aber weniger als überhaupt keine.
Aber.. das hat auch seine Vorteile. Ich hatte jetzt wenigstens mal die Zeit mir eine neue Status-Line für tmux zu bauen, meinen bisherigen PS1 der Zsh gegen powerlevel10k zu wechseln, mir mit New Tab Override ein Startpage für Firefox zurecht zu bauen und anzufangen ~/.zsh/zshfunctions in einzelne functions() aufzusplitten um den Start zu beschleunigen. Das alles selbstverständlich erst, nachdem ich Vim um einige Plugins und Keybindings erweitert hab. Nicht das ich doch noch Lust bekomme um an der Homepage weiter zu bauen.

Vorhin hab ich das Design des Kommentarbereichs etwas geändert; die Änderungen betrafen allerdings nur das *.css dieses Blogs. Die einzelnen Kommentare kann man jetzt besser auseinander halten, weil sie in einem farblichen Rahmen untergebracht werden und meine Kommentare werden andersfarbig hervorgehoben. Der entsprechende Abschnitt in der style.css sieht wie folgt aus:

.serendipity_comment_author_strcat {
        border: 1px solid #fed98a;
        padding: 5px 5px 3px 5px;
        background: #fef3d3;
}
.serendipity_comment_author_strcat .serendipity_commentBody {
        border: 1px solid #fed98a;
        padding: 1em;
        background: #fffaed;
}

Sollten jemandem Fehler in der Darstellung auffallen, dann einfach 'ne formlose Mail an css-bugs@strcat.de und ich kümmer mich drum.. maybe..

Ich hab aus Langeweile mal wieder am Blog rumgespielt und ein paar Kleinigkeiten geändert. Zum ersten wurde der Blogroll aus der Seitenleiste rausgenommen und in die obere Navigationsleiste eingebaut. Außerdem hab ich noch Google AdSense ganz unten links in der Seitenleiste plaziert. NoScript- und adblock-Nutzer wird das ohnehin nicht interessieren. Die Werbung von Google habe ich nur testweise eingebunden, weil mich interessiert wieviel bei sowas rausspringt. Ich lass das mal einige Zeit hier und die Einnahmen werde ich spenden (zwar noch keine Ahnung für was/wen, aber irgendwas findet sich da schon).
Evtl. wird sich auch demnächst die Farbe dieses Blogs ändern, wobei ich mir noch nicht ganz sicher bin welches Design ich verwende. Schätzungsweise wird es was dunkles; Vorschläge hierzu einfach als Kommentar posten.

So zumindest wurde mir heute in einer Mail gesagt. Hintergrund war, das besagter User wissen wollte wo ich den Code für Google Analytics im Quelltext versteckt habe, weil er ihn nicht finden kann. Nun.. die Antwort darauf ist ganz einfach: Ich habe Google Analytics nicht eingebunden. Wozu auch? Mich interessieren Statistiken nicht; das ist ein privates Blog bzw. Homepage und der einzige Einsatz von JavaScript dient der Anzeige von Bildern im Beitrag. Dazu verwende ich Lightbox 2; und das auch nur weil man mit ←/→ einfach durch mehrere Bilder navigieren kann. Wobei das auch nur optional ist; man kann für dieses Blog JavaScript auch komplett blocken ohne irgendwelche Einbußen zu haben. Gleiches gilt auch für Flash, DHTML, VBS oder wasweißichwasnochalles. Hier herrscht HTML und CSS. Danke. Ich 'abe fertig!

In den Kommentaren werden jetzt innerhalb von BBCode und Geshi Tags keine <br /> mein eingefuegt. Das Plugin NL2BR von S9Y muss naemlich nach allen anderen Textformatierungsplugins stehen (und nicht davor).

Der "sticky" Header wird von Videoclips nicht mehr ueberscrollt. In de.comm.infosystems.www.authoring.misc wurde mir

<param name="wmode" value="transparent" />

vorgeschlagen was auch funktioniert. Zumindest zum Teil. Einzige Ausnahme (sofern ich sagen kann) ist Opera unter Linux/Unix; da wird das Flash noch immer ueber den Header gescrollt, wobei es mit Opera unter Windows funktioniert wie erwartet. Videos werden hier also in Zukunft mit

<div style="text-align:center">

<object type="application/x-shockwave-flash" style="width:425px; height:350px" data="http://www.youtube.com/v/qUUzBsE3rz0">

<param name="movie" value="http://www.youtube.com/v/qUUzBsE3rz0"></param>

<param name="wmode" value="transparent" /> </object></div> 

Die Suche ist jetzt nicht mehr in der Navbar, sondern oben in der linken Tabelle; das Ding waer zwar in der Navbar besser aufgehoben, aber da versaut es mir das Layout der Navbar.

Der Footer ist noch nicht ganz durchgehend, was daran liegt das im CSS der Eintrag

.sfc1 {color:inherit; background-color: #fff; padding-top:78px; margin-left:-40px; margin-right:-20px; }

zu finden ist. Der und die Tatsache das ich (noch) keine Ahnung von Smarty habe, sorgen fuer das mit dem Footer und dem Rand auf der rechten Seite. Wenn ich mehr Zeit habe erstelle ich mein eigenes Template; es sei denn jemand fuehlt sich dazu berufen die index.tpl umzuschreiben.

Ueber ein IE only CSS mache ich mir keine Gedanken und habe auch nicht vor eins zu erstellen. Wer den Internet Explorer nutzt ist Schmerzen gewohnt und kommt sicher auch mit Darstellungsfehlern zurecht (wie z. B. fehlendes opacity).

Ich bin grad dabei (mal wieder) das CSS zu vergewaltigen; das mache ich zwar auf meinem Testserver, aber es kann durchaus sein, dass ich den Feinschliff auf diesem Server mache. Vom farblichen her wird sich kaum was aendern, da die Aenderungen sich vielmehr auf das Layout selbst beziehen (#navbar, serendipity_banner, homelink{1,2}, ..).

Ich hab mittlerweile schon einige Mails von Usern bekommen, die wissen wollte welches Template ich nutze. Nun.. wie ich schon unter Contact geschrieben habe, nutze ich serendipity v3.0 von Carl Galloway und Matthias Mees, wobei ich am Template selbst lediglich geringe Aenderungen vorgenommen hab. Zum einen hab ich den Hack Pending Comments eingebaut, den footer um die Icons erweitert, das CONST.POSTED_BY in entries.tpl entfernt (ich bin der einzige Author in diesem Blog und zum anderen in der gleichen Datei

<a href=""{$entry.link}#comments">{$entry.label_comments}: {$entry.comments}</a>

durch

<a href="{$entry.link}#comments" title="Comment on {$entry.title}">{if $entry.comments==0}{$CONST.NO_COMMENTS}{else}{$entry.comments} {$entry.label_comments}  {/if}</a>

ersetzt. Das CSS-File hab ich ebenfalls einigen Aenderungen unterzogen (kann aber jeder selbst einsehen).

Ich werde "mein" Template aber nicht zum Download anbieten, da es mit ziemlicher Sicherheit nicht ueberall funktioniert. Oder um genau zu sein: Es funktioniert bei meinem Blog und dessen Layout. Wenn der Kalender oder andere Plugins genutzt werden, duerfte das das Layout schrotten. Ausserdem hab ich null Ahnung von dem Smarty- und CSS-Zeug.

$ free -m

             total       used       free     shared    buffers     cached

Mem:          1003        994          8          0          6        377

-/+ buffers/cache:        610        393

Swap:         1961        433       1527

$ ps auwx | head -n 10

USER       PID %CPU %MEM   VSZ   RSS TT  STAT  STARTED       TIME COMMAND

root         1  0.0  0.0   480   340 ??  Is    13Sep07    0:00.02 /sbin/init

root     12448  0.0  0.1   524   668 ??  Is    13Sep07    0:00.01 syslogd: [priv] (syslogd)

_syslogd  2580  0.0  0.1   600   784 ??  I     13Sep07    0:01.52 syslogd -a /var/empty/dev/log

root      7812  0.0  0.1   376   768 ??  Is    13Sep07    0:00.02 ntpd: [priv] (ntpd)

_ntp     26987  0.0  0.1   340   768 ??  I     13Sep07    0:03.09 ntpd: ntp engine (ntpd)

root     12925  0.0  0.1   348   732 ??  Is    13Sep07    0:00.01 inetd

root     18996  0.0  0.2   724  1584 ??  Is    13Sep07    0:00.24 /usr/sbin/sshd

root     31489  0.0  0.2  1068  1892 ??  Ss    13Sep07    0:27.10 sendmail: accepting connections (sendmail)

root     30351  0.0  0.1   672   828 ??  Ss    13Sep07    0:01.60 cron

DESCRIPTION

       Zsh is a UNIX command interpreter  (shell)  usable  as  an  interactive

       login  shell  and as a shell script command processor.  Of the standard

       shells, zsh most closely resembles ksh but includes many  enhancements.

       Zsh has command line editing, builtin spelling correction, programmable

       command completion, shell functions (with autoloading), a history mech-

       anism, and a host of other features.

http://www.strcat.de/blog/ hat laut Designministerium folgende Maengel:

Es wurde 1 ungültiges oder veraltetes HTML- Tag gefunden.

Man beachte was das ungueltige oder veraltete HTML-Tag ist.

Es werden 42 Farben in den CSS-Dateien verwendet. Wir empfehlen Ihnen, Ihre Farbwahl zu überdenken.

Das einzige was mir zu denken gibt, ist das mein CSS 42 Farben enthaelt.

Es wurden 227 CSS-Blöcke identifiziert. Das ist prinzipiell gut zu bewerten, aber es werden auch 225 Inline- Style-Attribute verwendet – eine Ordnungswidrigkeit.

Jigsaw bemaengelt das nicht.. komisch..

Es werden 22 Abbildungen auf der Seite verlinkt. Dadurch wirkt die Seite tendenziell überladen. Eine Reduktion des Bildmaterials wird empfohlen.

Genau. Weil die Pic auch so gross sind *sigh*

Es werden 21 Abbildungen verlinkt, aber nur 18 haben ein Alt-Attribut zur alternativen Bezeichnung. Dies stellt eine Ordnungswidrigkeit dar!

Stimmt sogar. Direkt mal nachgucken wo das Alt-Tag fehlt.

Es wurden 3 Inline-Eventhandler- Attribute identifiziert. Inline-Eventhandler sollten nicht im Markup auftauchen.

G'sundheit.

Bewertung

21

Sie haben 21 von 100 Punkten erzielt. Laden Sie hier ihr Zertifikat herunter:

Ich hab zwar nicht soviel Punkte wie das Designministerium selbst, aber alles in allem kann ich mit meiner schlechten Seite leben.

..maybe..
Momentan spiele ich mit dem Gedanken Bulletproof verwende, also nicht wundern wenn sich demnaechst etwas aendern sollte. Wenn ueberhaupt, dann werde ich nur kleine Aenderungen vornehmen (CSS und sowas). Fragen/Wuensche/Antraege?