2016
März
Am 23. März 2016 hat RP den ersten Grünen Boten 2016 als PDF-Datei erstellt und die Einbindungen der Datei angepaßt.
RP hat am 23. März 2016 auch den Kalender unserer Seiten aktualisiert.
Am 27. März 2016 aktualisierte RP die technischen Details und erstellte eine eigene Seite über 2015.
Am 28. März 2016 korigierte RP die Quelltexte, weil oft ein überflüssiger Zeilenwechsel am Anfang war, manchmal sogar am Ende. Außerdem änderte er die Art und Weise zu zeigen, um was für einen Quellkode es geht, so daß sogar Browser, die kein :before unterstützen, dies anzeigen.
April
Am 3. April hat RP endlich die html-Versionen der aktuellsten Grünen Boten erstellt:
Außerdem hat er weitere HTML-Tags zu den dortigen Bildern hinzugefügt:
<picture><source>
Am 3. und 4. April hat RP die Version von Jquery aktualisiert und einen Fehler in der Fußzeile der Seiten behoben.
Am 4. April 2016 hat RP wiedergefundene Informationen über das Vereinstreffen im März 2004 ergänzt und Fotos über das Landestreffen 2015 und den Infostand 2015 hinzugefügt.
Außerdem korigierte er einige Fehler in den Kalenderseiten.
Am 9. April 2016 hat RP die kleinen Bilder aus den Menüpunkten entfernt, die ein Untermenü haben, und setzte eine andere Markierung per Symbol. Dafür benutzt er nun:
/* inspiriert von dem Menübeispiel in http://tympanus.net/codrops/css_reference/after/ */
nav#chefa ul li[data-col] a:after {
content: "\25bc";
font-size: .7em;
padding-left: 5px;
vertical-align: middle;
}
Für den Zustand, daß der Mauszeiger über einem Menüpunkt erscheint, nutzt er folgendes:
nav#chefa ul li[data-col] a:hover:after {
content: "\25b2";
}
Am 10. April 2016 hat RP das <time>-Tag zum aktuellsten Grünen Boten 1/2016 hinzugefügt und einige Microformate über Ereignisse ergänzt.
Außerdem hat er das Farbverlaufsskript durch einen etwas trickreichen Farbverlauf per CSS3 ersetzt, der sich auf einer Stilseite befindet und dessen Details sich auf der Seite über Farbverläufe befinden.
Am 25. April 2016 hat RP den aktuellsten Grünen Boten 2/2016 als pdf-Datei ins Netz gestellt.
Am 26. April 2016 hat er den Boten etwas korrigiert.
Am 27. April 2016 hat er die Unternavigation in den Technikseiten und den Inforblättern geändert und die entsprechenden CSS-Formate angepaßt.
Mai
Am 4. Mai 2016 hat RP ein bißchen den Farbkontrast im Hauptmenü erhöht, wobei er die Seite https://leaverou.github.io/contrast-ratio nutzte. Außerdem erhöhte er auch ein bißchen den Farbkontrast zwischen der Hintergrundfarbe und den Verweisen.
Außerdem hat er einige Formate zur Nummerierung der Kapitel hinzugefügt, so daß aus dem folgenden Kode:
h2:before {
content: counter(h2) ". ";
}
h3:before {
content: counter(h2) '.'counter(h3) ' ';
}
ein längerer Quelltext wurde:
h2:before {
content: counter(h2) ".";
padding: 1px 2px;
margin-right: 0.5em;
background: #cfc;
color: #000;
border: 1px solid #999;
border-radius:5px;
font-weight: bold;
}
h3:before {
content: counter(h2) '.'counter(h3);
padding: 1px 2px;
margin-right: 0.5em;
background: #cfc;
color: #000;
border: 1px solid #999;
border-radius:5px;
font-weight: bold;
}
Am 10. Mai 2016 hat RP den aktuellsten Grünen Boten 3/2016 als pdf-Datei ins Netz gestellt, und zwar in der Größe von 1,28 MB.
Außerdem korrigierte er den kleinen Pfeil bei der dritten Variante der Tooltips.
Am 20. Mai 2016 korrigierte RP die Einladungen für die Wochenendseminare, weil dort der Farbverlauf komisch aussah.
Am 21. Mai 2016 korrigierte RP die Seite über Lieder. Außerdem aktualisierte er unseren Kalender und fügte Fotos über den Infostand vom 1. Mai 2016 hinzu.
Am 29. Mai 2016 korrigierte RP das kleine Dreieck bei der dritten Variante unserer Tooltips.
Juni
Am 7. Juni 2016 korrigierte RP die Textposition der ersten Variante unserer Tooltips.
Am 9. Juni 2016 korrigierte RP den Farbverlauf, weil er bei einem Zeilenumbruch vor dem <span>-Tag kaputt war. Die Idee dazu hatte Harry Boeck. Danke schön dafür.
Außerdem ermöglichte er die Anzeige eines größeren Bildes bei dem linken Vorschaubild auf der Startseite.
Das HTML hat er dabei wie folgte ergänzt. Aus:
<figure style="width:90px;margin-right:15px;" class="live helpoteksto"><a href="informostandoj/2016/fotoj.html"><img src="bildoj/informostandoj/2016/de_reneo/bildo008_t.jpg" width="80" height="80" alt="Werner im Gespräch am Infostand 2016" title="Werner im Gespräch am Infostand 2016" /></a><figcaption>Werner im Gespräch am Infostand 2016</figcaption></figure>
wurde
<figure style="width:90px;margin-right:15px;" class="live helpoteksto" data-img="dua"><a href="informostandoj/2016/fotoj.html"><img src="bildoj/informostandoj/2016/de_reneo/bildo008_t.jpg" width="80" height="80" alt="Werner im Gespräch am Infostand 2016" title="Werner im Gespräch am Infostand 2016" /><img src="bildoj/informostandoj/2016/de_reneo/bildo008.jpg" /></a><figcaption>Werner im Gespräch am Infostand 2016</figcaption></figure>
Das folgende CSS ist sogar gänzlich neu:
/* Hover-Effekt mit zweitem großen Bild */
figure[data-img] {
position:relative;
}
figure[data-img] a img + img {
opacity:0;
visibility:hidden;
height:0;
transition:all 0.5s;
position:absolute;
top:-7px;
left:-7px;
border:1px solid transparent; /* blauer Standardborder soll weg */
}
figure[data-img]:hover a img + img {
opacity:1;
visibility:visible;
height:600px;
border:8px solid #EEEEEE;
}
/* Figcaption bei data-img anpassen */
figure.live.helpoteksto[data-img]:hover figcaption {
bottom:auto;
top:-60%;
}
figure.live.helpoteksto[data-img]:hover figcaption:after,
figure.live.helpoteksto[data-img]:hover figcaption:before {
bottom:auto;
top:100%;
transform:rotate(180deg);
}Am 10. Juni 2016 hat RP einige weitere Formate zum Tooltip über das RSS-Feed hinzugefügt.
Am 30. Juni 2016 hat RP fehlerhafte Links auf den Startseiten korrigiert: in Deutsch kaj in Esperanto.
Außerdem fügte er Fotos über das Gartenfest 2010 zur Seite über Treffen im Jahre 2010 hinzu.
Juli
Am 4. Juli 2016 aktualisierte RP verschiedene Dateien, änderte die Einbindung von drei CSS-Dateien der Seite und aktualisierte sogar alle HTML-Dateien wegen Änderungen bei der Einbindung. Seit jetzt nutzen drei CSS-Dateien intern ein bißchen PHP, aber dies wird ein bißchen trickreich versteckt, so daß die Links in den HTML-Dateien davon nichts zeigen.
Es geht um die drei folgenden:
<link rel="stylesheet" href="esperanto.css" type="text/css" media="all" />
<link rel="stylesheet" href="helpilo.css" type="text/css" media="all" />
<link rel="stylesheet" href="gradiento.css" type="text/css" media="all" />
Damit PHP funktioniert, ist ein Trick in der .htaccess-Datei nötig und eine kleine Anpassung des Servers. Der Trick bewirkt, daß beim Aufruf von einem der obigen Links der Server die Datei mit einer zusätzlichen Endung .php zurückgibt. Aber dann hat PHP schon den Inhalt geparst, so daß der Server reines CSS zurückgibt.
Am Anfang solcher gemischten Seite aus PHP und CSS ist folgendes nötig, damit ein Browser mit der Datei richtig umgehen kann:
<?php
header('Content-Type: text/css');
?>
Am 5. Juli 2016 hat RP das kleine Dreieck für ältere Browser bei der dritten Variante der Tooltips korrigiert, denn es erschien zu weit oben.
Und er hat endlich die HTML-Versionen der Grünen Boten 2/2016 und 3/2016 erstellt. Abends hat er sogar die PDF-Version vom Grünen Boten 4/2016 erstellt.
Am 6. Julio 2016 hat RP weitere Termini zu unserer Sammlung hinzugefügt.
Am 7. Juli 2016 hat RP die HTML-Version des Grünen Boten 4/2016 erstellt.
Außerdem hat er eine weitere Eigentschaft zu den Farbverläufen hinzugefügt, und zwar verändert sich der Farbverlauf jetzt, wenn der Mauszeiger darüber steht.
Am 8. Juli 2014 korrigierte RP einige Tippfehler in den aktuellsten Grünen Boten und ergänzte die HTML-Tags <picture> und <source> bei den dortigen Bildern und <time> bei den Abschnitten über Treffen.
Am 10. und 11. Juli 2016 hat RP einige CSS-Formate für Bilder ergänzt.
Am 11. Juli 2016 nachmittags ergänzte RP ein weiteres CSS-Format für Bilder, so daß das überflüssiges <p>-Tag nicht sichtbar ist in neuen Browsern.
Am 12. Juli 2016 hat RP Informationen über Skripte in eine neue Seite ausgelagert. Außerdem hat er die Unternavigation der Technikseiten geändert.
Am 15. Juli 2016 fügte RP weitere Formate hinzu, so daß auch der aktuelle Menüpunkt in der Hauptnavigation eine Markierung hat, wenn er ein Untermenü hat.
/* inspiriert von dem Menübeispiel in http://tympanus.net/codrops/css_reference/after/ */
nav#chefa ul li[data-col] a:after,
nav#chefa ul li[data-col] b:after {
content: "\25bc";
font-size: .7em;
padding-left: 5px;
vertical-align: middle;
}
nav#chefa ul li[data-col] b:after {
padding-right:5px;
}
nav#chefa ul li[data-col] a:hover:after,
nav#chefa ul li[data-col] b:hover:after,
nav#chefa ul li[data-col] a:focus:after,
nav#chefa ul li[data-col] a.focus:after,
nav#chefa ul li[data-col] b.focus:after {
content: "\25b2";
}
nav#chefa ul li[data-col] .ordner a:after,
nav#chefa ul li[data-col] .ordner b:after {
content:"";
}
Außerdem änderte er die Formate für das Tooltip des aktuellen Menüpunktes indem er :after durch :before ersetzte.
Am 19. Juli 2016 korrigierte RP einen kleinen Fehler bei der zweiten Variante der Tooltips, wenn der Link plötzlich einen Zeilenumbruch enthält.
Am 20. Juli 2016 korrigierte RP unsere Linksammlung.
Am 21. Juli 2016 hat RP etwas zu häufigen Fragen korrigiert und ergänzt.
Am 23. Juli 2016 hat RP eine weitere Schriftart von Fontello ergänzt und ein bißchen das CSS unserer Seiten geändert.
Am 24. Juli 2016 RP fügte RP auf der Seite über Browser kleine Bildchen hinzu, wobei er die oben erwähnte Schriftart nutzt, und verkürzte etwas die Tabellen. Außerdem fügte er weitere Termini zu unserer Sammlung hinzu.
Am 27. Juli 2016 korrigierte RP ein wenig die horizontale Position des kleinen Dreiecks beim RSS-Tooltip. Außerdem änderte er die Listen in der Seitenfußzeile, wobei er jetzt dort <figure> nutzt und <figcaption> für die Beischreibung.
Am 29. Juli 2016 hat RP ein Skript ergänzt um die dritte Variante der Tooltips auch im alten Internet Explorer 7 zu ermöglichen. Er unterstützt weder :after noch :before und braucht deswegen eine andere Art und Weise.
function tooltip() {
//aus http://stackoverflow.com/questions/15755459/how-to-detect-ie7-and-lower-using-jquery-support
//check for IE7
if(navigator.appVersion.indexOf("MSIE 7.")!=-1) {
//alert("Saluton, IE7");
var tooltiptext = $("[data-helpilo]").attr('data-helpilo');
//var elem='<span class="ie">' + tooltiptext + "</span>";
//$("[data-helpilo]").append(elem).attr("class","helpilo");
var klasse= $("[data-helpilo]").attr('class');
var klasseneu=klasse + " helpilo";
$("[data-helpilo]").attr("class",klasseneu);
$("[data-helpilo] span.io").html(tooltiptext);
}
}
Außerdem korrigierte er einen Terminus auf der Esperanto-Seite über getestete Browser und fügte ihn zu unserer Sammlung von Termini hinzu.
August
Am 1. August 2016 hat RP einige Fotos vom SEFT 2015 hochgeladen und daraus eine Bildergalerie mit PHP erstellt. Die Bildergalerie nutzt außerdem ein Javascript, welches nach einem Klick auf ein Bild ohne Seitenwechsel das betreffende große Bild anzeigt.
Beim PHP werden Codes von folgenden Seiten genutzt:
- http://www.01-scripts.de/bilder-eines-verzeichnisses-zum-durchklicken,2,3.html (Nur für die Abfrage, ob ein Bild angeklickt wurde.)
- http://sevenx.de/blog/tutorial-einfach-mit-php-ordner-auslesen-und-dateien-und-bilder-anzeigen/ (Für den Hauptteil des Skripts, der allerdings noch ergänzt wurde.)
Das Javascript stammt von:
Am 14. August 2016 ergänzte RP Informationen über SEFT 2017.
Am 17. August 2016 aktualisierte RP die Informtionen über SEFTSomera Esperanta Familia/Feria Tendaro (Sommer-Esperanto-Familien/Ferienzeltlager) auf der Startseite, wobei er dafür ein bißchen PHP nutzt.
Außerdem läßt er einiges aus der Kopfzeile der Seiten verschwinden, wenn der genutzte Bildschirm zu schmal ist.
/* Auf kleinen Bildschirmen soll einiges verschwinden */
@media screen and (max-width:710px) {
header h2 {
display:none;
}
} /* Ende @media */
Am 18. August 2016 übernahm RP einige Formate der Links für Abkürzungen, so daß sogar Abkürzungen unter dem Mauszeiger (CSS-Pseudoklasse: :hover) die Text- und Hintergrundfarbe wechseln.
Am 20. August 2016 hat RP endlich ein Symbol aus einer weiteren Schrifart für Jquery, in der Fußzeile der Seiten, verwendet.
Am 21. August 2016 hat RP die Hintergrundfarbe beim Hovern von Abkürzungen geändert, damit sie eine andere ist als bei Links.
Außerdem fügte er eine Link auf die Seite übers Tippen von Esperantobuchstaben zu unserer Infoseite über die Nutzung von Esperantobuchstaben im Internet hinzu.
Am 22. August 2016 korrigierte RP einen kleinen Fehler auf der Startseite, welchen die Nutzung von <iframe>Nach Komputeko: enpaĝa kadro (englisch: inline frame) verursachte. Dafür war nur die Ergänzung des Attributs target="_top" zu der Seite nötig, die im <iframe> erscheint. Jetzt läßt ein Klick auf den Link eine neue Seite im selben Tab des Browser erscheinen.
Außerdem erstellte er neue Bildergalerien über SEFT 2016, zuerst mit Fotos von ihm und nachher mit Fotos von Uta.
Am 24. August 2016 fügte RP einige Variablen zur PHP-basierten CSS-Datei hinzu, ergänzte weitere Schatten bei unterschiedlichen Kästen und änderte einige Rahmenfarben.
Außerdem ermöglichte er Tooltips beim HTML-Tag <code> mit dem Attribut class="helpilo" durch Ergänzung zur betreffenden CSS-Datei.
RP hat außerdem unsere Liste der EDV-Termini ergänzt.
Am 25. August 2016 hat RP einige Seiten über technische Detaills geteilt, weil sie schon ziemlich groß waren.
Außerdem korrigierte etwas CSS für den uralten IE7.
Er fügte auch Symbole zur Autorenseite hinzu und korrigierte ein bißchen die Seite über den Terminus "smurfo".
Dank Werner konnte RP weitere Fotos über SEFT 2016 hochladen.
Am 26. August 2016 hat RP ein Rezept über Klütersuppe hinzugefügt.
Außerdem hat er die Seite über die Esperanto-Welle und den Kalender aktualisiert.
Am 27. und 28. August 2016 hat RP die Navigation so geändert, daß einsprachige Seiten auch nur noch eine einsprachige Navigation haben.
Am 29. August 2016 ergänzte RP ein Suchskript von Webdesign Weisshart und modifizierte die Fotosammlungen über Esperanto-Welle, so daß nun weniger Verzeichnisse für die Informationen verwendet werden.
Außerdem hat er einige Fotosammlungen vom SEFT geändert, so daß sie weniger Dateien benötigen.
Am 30. August 2016 hat RP weitere Fotosammlungen geändert.
Außerdem hat er erneut die CSS-Formate für das erste Tooltip geändert, so daß es nun nicht mehr wichtig ist, welches HTML-Tag dafür genutzt wird.
Und er änderte bzw. ergänzte Skripte für den sehr alten Internet-Explorer 7, so daß Tooltips bei dem neuen HTML-Tag <time> endlich sogar dort sichtbar sind.
Das erste Skript ersetzt das Javascript vom 29. Juli 2016 für den uralten Internet Explorer 7. Dadurch funktionieren jetzt auch mehrere Tooltips.
function tooltip_neu() {
//aus http://stackoverflow.com/questions/15755459/how-to-detect-ie7-and-lower-using-jquery-support
//check for IE7
if(navigator.appVersion.indexOf("MSIE 7.")!=-1) {
//alert("Saluton, IE7");
$("[data-helpilo]").each(function(){
var tooltiptext = $(this).attr('data-helpilo');
//var elem='<span class="ie">' + tooltiptext + "</span>";
//$("[data-helpilo]").append(elem).attr("class","helpilo");
var klasse= $(this).attr('class');
var klasseneu=klasse + " helpilo";
$(this).attr("class",klasseneu);
$(this).children("span.io").html(tooltiptext); // nach https://api.jquery.com/children/
});
}
}
Das zweite Skript ist für den selben Browser, damit sogar das HTML5-Tag <time> mit datetime-Attribut funktioniert.
function time() {
//aus http://stackoverflow.com/questions/15755459/how-to-detect-ie7-and-lower-using-jquery-support
//check for IE7
if(navigator.appVersion.indexOf("MSIE 7.")!=-1) {
//alert("Saluton, IE7");
$("time[datetime]").each(function(){
var tooltiptext = $(this).attr('datetime');
//var elem='<span class="ie">' + tooltiptext + "</span>";
//$("[data-helpilo]").append(elem).attr("class","helpilo");
var klasse= $(this).attr('class');
var klasseneu=klasse + " helpilo";
$(this).attr("class",klasseneu);
var elem = "<span class=\"io\"></span>";
$(this).append(elem);
var sprache = $("div#enhavo").attr("lang");
if ((sprache=="de") && (klasse=="dtstart")) {
tooltiptext = "Beginn: " + tooltiptext;
} else if ((sprache=="de") && (klasse=="dtend")) {
tooltiptext = "Ende: " + tooltiptext;
} else if ((sprache=="eo") && (klasse=="dtstart")) {
tooltiptext = "Komenco: " + tooltiptext;
} else if ((sprache=="eo") && (klasse=="dtend")) {
tooltiptext = "Fino: " + tooltiptext;
}
$(this).children("span.io").html(tooltiptext); // nach https://api.jquery.com/children/
});
}
}
Am 31. August 2016 hat RP weitere Bildergalerien umgebaut, so daß weniger HTML-Dateien gebraucht werden. Manchmal waren auch Änderungen an den aufrufenden Seiten erforderlich, besonders bei Links.
September
Am 1. September 2016 hat RP weitere Unterseiten übers SEFT erstellt und die Seiten darüber umgestaltet.
Am 2. September 2016 hat RP einen weiteren Terminus ergänzt und einige Seiten, die es in beiden Sprachen gibt, untereinander verlinkt. Dafür hat er sogar ein Skript geschrieben, welches den Link neben das obige Suchfeld verlagert.
function alie() {
// Link verschieben
// $('#search').append( $('p:has(>a#alilingve)') );
// $('#search').insertAfter( $('p:has(>a#alilingve)') );
// nach http://stackoverflow.com/questions/1279957/how-to-move-an-element-into-another-element 2 Antworten passen
$('p:has(>a#alilingve)').insertAfter( $('#search') );
}
Außerdem hat RP weitere Links zu unserer Sammlung über Kurse und zu den häufigen Fragen hinzugefügt.
Abends fügte er ein Fähnchen zu den anderssprachigen Links hinzu.
Am 3. September 2016 hat RP weitere Dateien in beiden Sprachen untereinander verlinkt.
Außerdem hat er weitere CSS-Formate ergänzt, so daß endlich die Fußzeile der Seiten auf schmalen Bildschirmen weniger breit wird.
Am 4. September 2016 hat RP Bilder zur Seite über die Esperanto-Welle hinzugefügt.
Am 6. September 2016 verschob RP einige Formate aus der wichtigsten CSS-Datei und erstellte sogar eine eigene Datei für die Seiten über technische Detaills.
Am 7. September 2016 änderte RP ein bißchen die wichtigste CSS-Datei, so daß sie etwas weniger groß wurde.
Außerdem bearbeitete er ein bißchen die CSS-Datei für die Farbverläufe und baute die Bildergalerien über unsere Infostände um.
Am 8. September 2016 entfernte RP die Infos über die alten Windowsversionen aus unseren Browserinfos.
Am 9. September 2016 korrigierte RP etwas in unseren Infos über Tooltips.
Am 10. September 2016 erstellt RP die HTML-Version vom Grünen Boten 5/2016.
Am 11. September 2016 korrigierte RP einige Seiten aus unserem Kurs, und zwar:
- Grammatik [de, eo]
- Anpassung von Wörtern [eo]
- Beispiele mit dem Diphthong eu [de, eo]
Außerdem ergänzte er einige CSS-Formate für Definitionslisten, allerdings nur in 3 Dateien.
Abends ergänzte er 2 weitere Zeichen zur Schriftart von Fontello und änderte das Aussehen externer Links, so daß nun nicht mehr deren Farbe wechselt, sondern ein Symbol aus der soeben erwähnten Schriftart hinzugefügt wird.
Außerdem werden andere CSS-Dateien verwendet, so daß die Schriftarten von Flaticon und Fontello endlich sogar mit einem Webkit-Browser unter Android funktionieren.
Am 12. September 2016 hat RP alle inzwischen geänderten PHP- und HTML-Dateien erneut hochgeladen und das Tooltip bei der Info über Jquery so geändert, daß es auf kleinen Bildschirmen nach rechts ausrollt und nicht mehr nach links.
Außerdem hat er die Seiten über Infostände sprachlich getrennt.
Er änderte auch einige CSS-Formate für die folgenden Browser:
- für Firefox vor der Version 28
- für Internet Explorer
Sie unterstützen display:flex (also so genannte „Flexbox“) nicht (vollständig) und bekamen deswegen für die Bildergalerien die Alternative display:inline-block.
Am 13. September 2016 fügte RP Informationen über die Bildergalerien zur Seite über Browser hinzu.
Außerdem konnte er sogar Unterstützung für die oben erwähnten Schriftarten im alten Internet-Explorer 7 mit einem weiteren Skript erreichen.
Am 15. September 2016 korrigierte RP eine Galierie aus drei Bildern im Grünen Boten 1/2015 und reparierte einen Fehler bei den Bildern im Grünen Boten 5/2016.
Außerdem änderte er den Farbverlauf beim Tooltip übers RSS-Feed, so daß nicht mehr das Dreieck ihn hat, sondern das Tooltip selbst.
Am 16. September 2016 hat RP unseren Kalender aktualisiert.
Abends korrigierte er den HTML-Kode für ein Bild im Grünen Boten 1/2015 und änderte die CSS-Formate für <figure> und <img>.
Aber er korrigierte auch die Formate der Beschreibung unter einem Bild im Grünen Boten 3/2016.
Zufällig gelang es ihm sogar den Fehler im "Androidbrowser" unter Android 4.4.2 zu beheben, in dem er flex:1 entfernte. Vorher waren Bilder in Galerien ineinander gerutscht.
Wegen der vorher erwähnten Änderung des CSS für Bilder war eine Anpasung für das Bild auf der Startseite nötig.
Am 17. September 2016 hat RP ein Skript korrigiert, weil der uralte Internet-Explorer 7 ein Bild auf der Startseite vermurxt hatte.
Auerßdem fügte er etwas zur spezielen CSS-Datei für das erste Tooltip hinzu, so daß es endlich auch im Internet-Explorer 8 ein Dreieck hat.
Er korrigierte auch eine Unterseite der Startseite, weil im Internet-Explorer 7 das Tooltip beim <time>-Tag nicht mehr funktionierte wegen Verschiebung des Kodes aus der Startseite in die Unterseite.
Weil auf schmalen Bildschirmen die Links ineinander rutschten, hat RP die Unternavigation auf den Technikseiten korrigiert.
Am 18. September 2016 konvertierte RP die Fotos von Darius von 2006 in eine Bildersammlung mit PHP.
Außerdem ergänzte er CSS-Formate, weil calc() in alten Browsern nicht funktioniert.
Am 19. September 2016 konvertierte RP die Fotos über die Fahne aus Krasny Sulin in eine Bildersammlung mit PHP und paßte den Link darauf im Grünen Boten 8/2011 an.
Außerdem gelang es ihm endlich die ziemlich fehlerhafte Darstellung der Fehlermeldungen zu korrigierten, wenn so ein Fehler im Unterverzeichnis passierte und deswegen die Dateipfade für CSS und Javascript nicht richtig behandelt wurden.
Er fügte Termini zu unserer Sammlung hinzu.
Am 20. September 2016 hat RP Weiterleitungen für umgezogene Unterseiten eingerichtet, so daß Suchmaschine einen 301-Status im Dateiheader bekommen.
Außerdem fügte er einen Terminus zu unserer Sammlung hinzu.
Abends änderte er die Fußzeilen aller zweisprachigen Seiten, so daß die verschiedensprachigen Texte auf die jeweiligen Seiten führen.
Am 21. September 2016 hat RP die wichtigste CSS-Datei etwas verkleinert. Hierbei hat er die CSS-Datei für die Technikseiten anders eingebunden, und zwar in den einzelnen Seiten per:
<link rel="stylesheet" href="../stiloj/tekniko.css" type="text/css" media="all" />Außerdem hat er das CSS für die Bildbeschreibung etwas geändert, so daß es etwas kürzer wurde.
Nachmittags hat er das Skript prismjs ergänzt, so daß jetzt die hiesigen Quelltexte etwas farbig markiert werden.
Dafür sind drei Ergänzungen im Seitenquelltext nötig.
Im <head>-Bereich der Seite steht:
<link rel="stylesheet" href="../stiloj/prism.css" type="text/css" media="all" />Vor dem </body> steht:
<script src="../js/prism.js"></script>Dort, wo das Skript aktiv werden soll, wird ein class-Attribut ergänzt.
<figure class="kodo">
<figcaption>Quelltext <em class="html">HTML</em></figcaption>
<pre><code class="language-html"><script src="../js/prism.js"></script></code></pre>
</figure>
Abends hat er noch Fotos vom Gartenfest 2015 eingefügt.
Am 22. September 2016 hat RP Fotos vom Gartenfest 2016 eingefügt.
Am 23. September 2016 hat RP die Bilder für Listenpunkte durch Symbole ersetzt.
Außerdem entfernte er das überflüssige Tooltip beim aktuellen Menüpunkt in der Hauptnavigation.
Anschließend korrigierte er die Breite der Bildbeschreibung bei paarweisen Bildern und einen Fehler bei der Verschachtlung von @supports und @media.
Nachmittags und abends korrigierte er die Grünen Boten von 2006-2016, falls dort Fehler waren.
Am 24. September 2016 korrigierte RP weitere Grüne Boten von 2002-2005.
Außerdem konvertierte er eine doc-Datei von Esperanto-Panoramo 2/2012 in HTML.
Abends baute er Bilder über SEFT 2005 und 2009 in PHP-Dateien um.
Am 28. September 2016 hat RP den Umbau der Fotosammlung über SEFT abgeschlossen.
Am 29. September 2016 hat RP die Seite über SEFT-Fotos umgeordnet.
Außerdem hat er einige Bildersammlungen, deren Links auf der EVN-Seite stehen, neu erstellt, und zwar per PHP.
Am 30. September 2016 hat RP unseren Kalender aktualisiert.
Außerdem korrigierte er in älteren Internet Explorern das kleine Dreieck beim Tooltip, welches neben einem time-Attribut erscheint.
Er konvertierte erneut weitere Bildersammlungen, deren Links auf der ESN-Seite und "2005 fand statt" sind, und zwar per PHP.
Danach korrigierte er einige Fotos in Grünen Boten.
Abends gab er per CSS dem <time>-Tag denselben Mauszeiger wie ihn schon <abbr> hat.
Oktober
Am 1. Oktober 2016 hat RP einen Darstellungsfehler bei den soeben erwähnten Tooltips bei <time> korrigiert, der nur auftritt, wenn das Browserfenster zu schmal wird.
Außerdem ergänzte er einige Informationen über Listenformate auf unserer einleitenden Technikseite.
Nachmittags gelang es ihm endlich die Listeneinträge zu korrigieren, welche einen Zeilenumbruch enthalten. Dafür ist folgender Code nötig:
/* teilweise nach http://alistapart.com/article/taminglists und https://www.html.de/threads/frage-zu-li-before-eigenen-list-style-definieren.37895/ */
#enhavo ul {
list-style-type: none;
margin-left:1em; /* dort 0, was bei uns aber blöd aussieht */
padding-left: 1em;
text-indent: -1em;
}
Aber verschachtelte HTML-Elemente sollen nicht betroffen sein und deswegen ist folgendes nötig:
/* teilweise wieder zurücksetzen */
#enhavo ul figure,
#malchefa_t ul,
#malchefa_t2 ul,
#enhavo .helpilo2 span {
text-indent:0;
margin-left:0;
}
#malchefa_t ul,
#malchefa_t2 ul {
padding-left:40px; /* vom Browser übernommen, zwecks Zurücksetzen */
}
Am 2. Oktober 2016 hat RP etwas zum oben erwähnten CSS wie folgt ergänzt:
/* teilweise wieder zurücksetzen */
#enhavo ul figure,
#malchefa_t ul,
#malchefa_t2 ul,
#enhavo .helpilo2 span,
#enhavo a {
text-indent:0;
margin-left:0;
}
#malchefa_t ul,
#malchefa_t2 ul {
padding-left:40px; /* vom Browser übernommen, zwecks Zurücksetzen */
}
Außerdem hat er ein Symbol bei Emailadressen ergänzt, und zwar per CSS:
/* Für besondere Seiten bzw. Links */
#enhavo a[href^="mailto:"]:link:after,
#enhavo a[href^="mailto:"]:visited:after {
content:"\e800";
font-family:"Fontello";
color:black;
}
Er hat erneut Fotosammlungen umgebaut, und zwar über die folgenden Treffen:
Und er korrigierte die Einbindung der Fotos über das Vereinstreffen im Dezembro 2014 in den Kalender über 2014.
Am 3. Oktober 2016 erstellte RP eine weitere Bildersammlung per PHP neu und fügte das "Lightbox"-Skript zu zwei weiteren Fotosammlungen hinzu.
Außerdem fügte er display:flex zu zwei CSS-Dateien hinzu, um zu ermöglichen, daß wenige zweispaltige Seiten schöner aussehen.
Aus einspaltigen Seiten entfernte er die Einbindungen.
Am 4. Oktober 2016 ergänzte RP die Suchfunktion in der Kopfzeile um das Attribut role="search".
Am 5. Oktober 2016 ergänzte RP einige CSS-Formate für die Technikseiten.
Außerdem ermöglichte er, daß auch auf den Technikseiten die dortigen Unternavigationen funktionieren.
Hierfür fügte er etwas zur Javascriptfunktion submenuo hinzu.
Am 6. Oktober 2016 ergänzte RP weitere Fotos über SEFT.
Am 7. Oktober 2016 hat RP unsere Fragen ergänzt.
Am 9. Oktober 2016 hat RP das Bild auf der Autorenseite korrigiert, denn dort erschien ein grauer Rand.
Außerdem hat er bei dem in Tooltips erscheinenden Bildern den Rand etwas verbreitert.
Er änderte auch die RSS-Tooltips in der Fußzeile und die Tooltips in den Untermenüs der Technikseiten.
Am 10. und 11. Oktober 2016 änderte RP die beiden ersten Varianten der Tooltips, so daß sie nur die Pseudoelemente :after und :before für die Dreiecke nutzen.
Außerdem wechselte er das Hintergrundbild der Kopfzeile.
Am 12. Oktober 2016 hat RP die CSS-Formate der beiden ersten Varianten der Tooltips zusammengefaßt und alles ein bißchen umgeordnet.
Am 13. Oktober 2016 hat RP eine Lösung für das Problem mit dem Schatten beim rechts platzierten Dreieck der ersten Variante der Tooltips gesucht und gefunden.
Am 14. Oktober 2016 hat RP endlich die Schatten sogar im Internet Explorer erscheinen lassen, denn sie verschwanden bei border-collapse:collapse;.
Außerdem aktualisierte er unseren Kalender und die Startseite.
Am 15. Oktober 2016 korrigerte RP die Dartstellung von verlinkten Abkürzungen, weil deren Innenabstand per padding:0 0.3em zu groß war. Der CSS-Code ist sehr kurz dafür:
/* Abkürzung im Link */
#enhavo a > abbr {
padding:0;
}
Am 16. Oktober 2016 fügte RP die Seite über Esperantobuchstaben zum Untermenü auf den Technikseiten hinzu.
Am 17. Oktober 2016 hat RP den Schatten und die gepunktete Linie bei verlinkten Abkürzungen entfernt:
#enhavo a:hover > abbr,
#enhavo a > abbr:hover {
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
#enhavo a.ligilo > abbr {
border-bottom:none;
}
Außerdem fügte er ein Hilfsskript für die letzte kleine Korrektur hinzu, und zwar:
function abbr() {
$('a:has(> abbr[title])').each(function(){
var klasse = $(this).attr('class');
if (klasse) {
var klasseneu = klasse + " ligilo";
} else {
var klasseneu = "ligilo";
}
$(this).attr("class",klasseneu);
});
}
Am 29. Oktober ergänzte RP eine weitere Fotosammlung über den Esperantokurs 2015 und fügte das Lightbox-Skript zu älteren Bildersammlungen über unsere Kurse hinzu.
Außerdem erstellte er die HTML-Datei vom Grünen Boten 6/2016.
November
Am 12. November 2016 hat RP unseren Kalender aktualisiert.