The hafis-homepage from chdoerr

Beschreibe, wie man das Logo in MyWebsite austauscht

Böse Fallen!

Das Logo wird nicht in Einstellungen | Bilder gespeichert, sondern in Design | Dateien
- -> update /MyWebsite/Bilder/Logo
- -> update /Logo/status-quo-2018-12/README.md ("Herkunft")
wie kriegt man die Dateien dort eigentlich wieder aus MyWebsite raus?!
Klickst Du hier:
- https://www.lernhilfe-hafis.de/s/img/logo-hafis-2016-hp-titel.png
- https://www.lernhilfe-hafis.de/s/img/logo-2016-j.jpg
- https://www.lernhilfe-hafis.de/s/img/1001-container_bg.gif
- https://www.lernhilfe-hafis.de/s/img/1001-dots.gif
- https://www.lernhilfe-hafis.de/s/img/1001-emotionheader.jpg
- https://www.lernhilfe-hafis.de/s/img/1001-header_bg.gif
- https://www.lernhilfe-hafis.de/s/img/1001-navigation_bg.gif
- https://www.lernhilfe-hafis.de/s/img/1001-overlay.png
- -> update /MyWebsite/Bilder/Logo & /MyWebsite/Design/Dateien: 4137d03
Beim Hochladen wird der Name (stillschweigend) verändert:
- alles in Kleinbuchstaben
- Unterstriche _ werden zu Bindestrichen -. Aber: es existieren dort durchaus Dateien mit Unterstrich ....!?
- ...und was weiß ich noch
Dieser Name muss man dann eintragen in Design | HTML eingetragen werden. Bsp.: commit 81517a9
Beschreibung all dessen in /MyWebsite/Design/README.md (#16)
mit Hinweis in /MyWebsite/README.md
und auch prominent im top-level /README.md

Layout: Navi+Inhalt so breit wie Balken unter Logo

evtl.: Navi linksbündig (-> wie sähe das aus?)
evtl.: Blocksatz überall (-> wie sähe das aus?)
ändere MyWebsite/Design/CSS.txt
#19: dokumentiere die Fallen in MyWebsite/Design/README.md
Plan:

Nach Änderungen bei 1&1: seltsame title-tags

aus 95067bd#commitcomment-43149130

Problem

Um den 10.10.2020 herum wurden im Hompagebaukasten von 1&1 Änderungen an folgenden Seiten vorgenommen:

"Home" (Einstiegsseite)
"Hafis-Kampagne"
"Mein fabelhaftes Deutschheft"

Später dann bemerkt, dass die Titel (title-tag, angezeigt als Tooltip über dem Browser-Tab) nicht mehr einheitlich sind.
Es kommen jetzt diese Varianten vor:

Hafis e.V., München - Titel (bei Home, Die Initiatoren, Impressum, Datenschutz)
Titel (bei Presse, Aktuell, Spenden, Förderer, Warum systemische Lernhilfe?, Mein fabelhaftes Deutschheft, Puppentheater)
Das Schicksal der Ü-Kinder (komplett falsch, bei Hafis-Kampagne)

Ein Muster ist erstmal nicht zu erkennen. Auch kann es sein, dass es schon vor den Änderungen so war (Recherche möglich, lohnt aber kaum).

Aufgaben:

@meisl: site-backup jetzt (vor weiteren Änderungen)
@chdoerr: Entscheidung für Variante 1., 2. oder neu 4.: Hafis e.V. - Titel
@chdoerr oder @meisl: Umsetzen im Homepagebaukasten, evtl. Erklärung finden, wie das passiert sein könnte plus Tippfehler korrigieren, sh. unten
@meisl: site-backup wenn alles fertig ist

"fabelhaftes Deutschheft": bessere/mehr Bilder

Achtung: Verbesserungen am Text in #6

für jedes Buch: hochaufgelöstes Bild vom Titel, schön wäre wenn's irgendwie richtig wie ein Buch aussieht (mind.: Rand, besser: Schattenwurf, man kann die Dicke erahnen)
zu jedem Buch ein paar Seiten Vorschau (und zwar schöner als die jetztige)
Also:

"Buch der labyrinthischen Tierstaben":
- Titelbild groß
- Titelbild schön & mit Effekt
- Vorschaubilder
"Mein fabelhaftes Deutschheft 1":
- Titelbild groß
- Titelbild schön & mit Effekt
- Vorschaubilder
"Mein fabelhaftes Deutschheft 2":
- Titelbild groß
- Titelbild schön & mit Effekt
- Vorschaubilder
"Mein fabelhaftes Deutschheft 3":
- Titelbild groß
- Titelbild schön & mit Effekt
- Vorschaubilder
"Elfchen" (was es halt schon gibt):
- Titelbild groß
- Titelbild schön & mit Effekt
- Vorschaubilder

Bilder von alten, kaputten Handys retten

Würde mich dafür anbieten: einfach schrottiges Handy "as-is" mir geben.

Beispiel: Bilder vom Schyren-Cup 2014 sind verschollen (#21)

p.s.: was ist eigentlich der Plural von "Handy"?

#22 "Deutschheft": verbessere Text

@meisl
Hi , habe ein neues issue ingeführt und auf der Homepage mehr Text in die Seite eingefügt

Update Youtube-einbinden.md

Es geht um Youtube-einbinden.md
Sollte die tatsächliche Implementierung beschreiben (ist mittlerweile sogar besser als dort beschrieben)
Sollte Schritt-für-Schritt Anleitung enthalten wie ein neues Video in MyWebsite eingebunden wird; mit screenshots

Wiki: "github profimäßig benutzen: Git for Windows & TortoiseGit"

Wiki-Seite: github profimäßig benutzen: Git for Windows & TortoiseGit

bester/einfachster Weg zu SSH-Schlüsseln
screenshots vervollständigen
GPG-Schlüssel auch? Oder vllt. besser eigene Seite dafür?
(reply auf notification-mail wird durchaus genutzt!)

Hallo! Wie funktioniert das alles hier?

Alte (einfache!) Issues schließen

@chdoerr Du versuchst die Zahl der offenen Issues hier zu verringern - das ist auf jeden Fall die richtige Richtung! Im Moment sind es etwas über 20, und das ist sicherlich zuviel.

Allerdings muss man schon genau überlegen, welches Issue man wieso - und wann - schließt. Immerhin hatte sich seinerzeit jemand Gedanken gemacht...

Damit wir hier eher in die Gegend von ~10 offenen Issues kommen, würde ich vorschlagen mit den einfachen anzufangen.
Als solche sehe ich momentan 7 Stück:

#32 repo-Umzug: privat? Organization "Hafis"?
Alle Issues mit Label "Wiki". Das sind 6 Stück: #13, ~~#15~~, #17, #20, #24, ~~#25~~

Was wäre für diese 7 konkret zu tun?

Eigentlich müssen wir den Transfer nur noch vollziehen. Dazu müssten wir uns ca. 2h zusammen vor deine Rechner setzen.
Das "Wiki"-Label will sagen: "hier ist eine Anleitung, ist sie für dich verständlich?". Hier gibt es mehrere Möglichkeiten:
- du brauchst keine Anleitung (mehr) für die behandelte Sache - oder es ist dir egal: schließen (mit entspr. Begründung)
- die Anleitung ist im Wiki vorhanden, du liest sie, probierst aus und findest sie gut: schließen (mit entspr. Begründung)
- die Anleitung ist im Wiki vorhanden, du liest sie, probierst aus und findest sie NICHT gut: im Issue entspr. kommentieren
- die Anleitung ist noch nicht vorhanden und du möchtest eine: im Issue entspr. kommentieren

Einverstanden, dass wir erst diese 7 angehen?

Wenn ja: setzen wir uns bitte einen Termin dafür -> milestone mit den 7 plus diesem hier
Wenn nein: warum?

Issue-Labels

Umbenannt:

Nice-to-have -> Nett
Verschoben -> Später

Gelöscht:

Hilfe! (kann man "Frage" nehmen)
Gutes erstes Issue (was damit markiert war gehört ins Wiki, sh. unten)

Neu:

Wiki: wir benutzen das Wiki für "Basic-Tutorials" bzgl. github und Computer allgemein. Wenn also da was rein soll dieses Label. Beachte: das Wiki ist NICHT Teil des eigtl. repos (genausowenig wie die Issues).
Doku: Dokumentation, die tatsächlich im eigtl. repo ist. Das wären Anleitungen/Maßgaben, die die Website selbst bzw. den Provider oder den Editor vom Provider betreffen.
(manche andere benutzen dafür das Wiki. Wir nicht.)

Vielleicht?:

Gestrichen und Ungültig zusammenfassen zu Obsolet?
Verbesserung ist mir persönlich irgendwie zu lang. Vielleicht Feature? Oder?

Aktuell: Bilder zum Schyren-Cup 2014

Follow-up zu #21 - es fand sich keines zu 2014. Vielleicht finden sich ja doch noch welche zum Schyren-Cup 2014, etwa auf alten Handys (#27).

Zu Eintrag
03.07.2014 - Teilnahme am "Schyren-Cup" 2014 : Unsere beiden Fußballteams belegen im U-12 Wettbewerb den 2. und 4.Platz

Falls sich welche finden: bitte wie bei #28 und #29 vorgehen, d.h.

Originale richtig orientieren (in IrfanView: 'Verlustlose JPG-Rotation' | Auto-Rotation nach Exif-Info)
JPG-Kommentare: Stichwort Schyren-Cup 2014, dann [Ursprünglicher Dateiname.jpg]
ordentlich benennen, etwa 2014-07-01_Schyren-Cup2014_a.jpg
wenn es mehr als eins ist: im .zip hier hochladen (= in Beitrag zu diesem Issue hier)

Wiki: "Im repo navigieren"

Wiki-Seite: Im repo navigieren
Behandelt das Navigieren zum aktuellen Stand, NICHT: vergangene Stände. Also NICHT: "in die Vergangenheit reisen". Letzteres wäre dann eine extra Seite.

Schyren-Cup 2019 (17.07.2019)

Das war ein toller Tag heute!

Ich hab' das Foto von den Ergebnissen in Material/Schyren-Cup/2019/ eingecheckt.

@chdoerr:

möglichst viele Fotos von heute ebenso unter Material/Schyren-Cup/2019/ einchecken
insbesondere auch das von Tiziana: Gruppenbild am Ringerstandbild
hier (in diesem Issue) schreiben, welche du am besten findest: https://raw.githubusercontent.com/meisl/hafis/master/Material/Schyren-Cup/2019/IMG-20190717-WA0004_a.jpg
ein Bild fehlt: 20190717_182152.jpg (sh. 04cee80)

Einchecken kannst du die Bilder rein im Browser: auf den Link oben klicken, dann auf den "Upload Files"-Button und die Bilder reinziehen. Im commit-Kommentar schreiben: + #38: Bilder vom Schyren-Cup 2019

@meisl:

Spielplan mit allen Ergebnissen in digitaler Form
plus Endstandstabelle mit Punkten, Toren, G/U/V
1 oder 2 Fotos aufbereiten für Website: https://raw.githubusercontent.com/meisl/hafis/master/Material/Schyren-Cup/2019/IMG-20190717-WA0004_a.jpg

TODO:

Text und aufbereitete Fotos bei 1&1 unter "Aktuell" einpflegen
Korrekturen auf der (gesamten) Aktuell-Seite:
* ~~Aadwaak~~ -> Aardvark
* ~~Westermühlbach~~ -> Westermühlenbach
danach: Website-Backup: e790bcd

Textvorschlag (endgültig: #38 (comment))

17.07.2016 - Schyren-Cup 2019
Dieses Jahr wurde das Turnier im Liga-Modus ausgetragen, und die U-10 Mannschaft
von Hafis verliert nur ein Spiel von sieben: gegen den späteren Turniersieger - 2. Platz!
Die Platzierungen: 1. Westermühlenbach, 2. Hafis, 3. Aardvark, 4. Konfetti, 5. Rotznasen, 6. Isarkrabben, 7. Schülerfreiraum, 8. KuBu.
Im U12-Wettbewerb traten diesmal nur zwei Mannschaften an: Schülerfreiraum und Freie Gruppe.

Bei U-12 weiß ich leider den Endstand nicht - und nicht mal, ob sie da nur ein Spiel à 2x 10min gemacht haben oder zwei. @chdoerr: Joel fragen.

Wiki: "repo als .zip herunterladen"

...und: das site-backup lokal anschauen.
evtl. auch: "...zu einem Stand in der Vergangenheit"

Konsolidiere site-backup: js&node statt awk etc.

momentan: shell-script mit wget, grep, awk und sed - unflexibel, unübersichtlich und fragil!
war schon nach 2 Monaten kaputt und hat Stunden an debugging gekostet: a9a44b2
besser: in javascript mit jQuery (auf node): hätte wohl nur ~5% LOC!
- noch besser als jQuery & jsdom: cheerio
dafür bräuchte es noch nicht mal die git-shell

Reorganisation der repos für Hafis/chdoerr

[sh. auch #32, #34 und chdoerr/Hafis-Hefte#1]

Derzeit sehe ich (mind.) drei repos, die in Zukunft private repos von @chdoerr sein werden:

Das repo für die Hafis-Website (dieses repo)
- erstmal Umzug ausprobieren mit Test-repo https://github.com/meisl/repo-Umzug (sh. #32)
- muss umbenannt werden, denn allein "hafis" ist zu allgemein. Würde "Hafis-Website" als neuen Namen vorschlagen. Ok? [EDIT: https://github.com/chdoerr/Hafis-Homepage]
- hat ein Wiki, das thematisch eigtl. gar nix mit der Hafis-Website als solcher zu tun. Es ist eher sowas wie ein "Computer/github-für-Dummies"... :) Evtl. dieses Wiki komplett vom Website-repo trennen?
Hafis-Hefte
- ~~gibt's noch gar nicht auf github~~ [EDIT: https://github.com/chdoerr/Hafis-Hefte]
- entweder ein repo für alle Hefte oder je Heft eins
- für ein einziges repo spricht: es ist ein Thema, wahrscheinlich übersichtlicher (bräuchten für jedes Heft einen neuen repo-Namen), geteilte Daten (z.B. Impressum/"Dieses Heft gehört")
- gegen ein einziges repo spricht: die schiere (zu erwartende) Größe...
Kruno-Sticks (sh. #34)
- ist schon privat bei chdoerr
- hauptsächlicher Zweck ist Archivierung und Konsolidierung der alten Daten von Kruno
- benutzt git-LFS (Large-File-Support, d.h. Dateien > 100 MB), und ist riesig: 20 GB oder so
- enthält alte Daten sowohl zur Website als auch zu den bisherigen Heften. Dennoch werden
  wir - bis auf die Identifikation von Dubletten - das Ganze i.W. so lassen wie es ist; zur Archivierung.
  Wo sinnvoll werden alte Daten von dort in das Website-repo und/oder das Hefte-repo kopiert.
- enthält auch die Video-Sachen von "Kraraoke". Dies ist ein eigenständiges Projekt. Ansonsten hab' erstmal (noch) keinen Plan, wie oder wo wir das am Besten einordnen...

Update MyWebsite/README.md

sh. auch #3 - enthält den Punkt "Update MyWebsite/Design/README.md"

Kruno-Sticks 2018-12-01 & 2019-01-09

Frage: Wie damit verfahren?

müssen das irgendwie archivieren/organisieren
sind viele Daten: 2,6 GB (Stick1) + 22,3 GB (Stick2)
enthält auch Material zum Thema "Logo" (#33)

Inhalt der Sticks

Stick1 (ges. 2,6 GB):

Ordner Stick1/DEUTSCHHEFT-1/ 2,6 GB
Ordner Stick1/FLYER/ 10 MB
Ordner Stick1/WEB2016/ 1 MB
Datei Stick1/Tierstaben_1-Titelseite.jpg 120 KB (600x825)
Datei Stick1/_Deutschheft_2.jpg 100 KB (600x825)

Stick2 (ges. 21 GB):

Ordner Stick2/A_DRUCKDATEN/ 509,2 MB
Ordner Stick2/B_LAYOUT_Hefte/ 7,2 GB
Ordner Stick2/FLYER/ 17,1 MB
Ordner Stick2/WEB2016/ 1,6 MB
Ordner Stick2/WEB2017/ 831,3 KB
Ordner Stick2/PUPPENTHEATER/ 14,5 GB

Ordner `Stick1/DEUTSCHHEFT-1/`

Daten zur 1. Auflage von Deutschheft1.

Die beiden `.jpg`s auf Stick 1

... sind identisch mit den derzeit (2018-12-09) auf der HP verwendeten Vorschaubildern in /MyWebsite/Bilder/Deutschheft/:

Stick1/Tierstaben_1-Titelseite.jpg = Tierstaben_Aussencover-vorn.jpg
Stick1/_Deutschheft_2.jpg = Deutschheft1_Aussencover-vorn.jpg`

Ordner `FLYER/` und `WEB2016/` (sowohl auf Stick1 als auch auf Stick2)

[EDIT 2019-01-10:] Diese beiden Ordner sind auf beiden Sticks identisch bis auf zwei Dateien, die nur auf Stick2 vorhanden sind:

Stick2/FLYER/HAFIS_Flyer-Deutschheft-1_002.ppp
Stick2/FLYER/HAFIS_INFO-Deutschheft-1.pdf

Im Zuge des Punktes "Konsolidierung/Bestandsaufnahme" von Issue #33 (Ergebnisse dazu in /Logo/status-quo-2018-12/README.md) habe ich bemerkt, dass diese Ordner u.a. auch einiges brauchbares Material zum Thema "Logo" (#33) enthalten:

meistenteils eingebettet ("versteckt") in .pdf oder .ppp
- .ppp steht für "PagePlus Publication", mehr in extra comment dazu
aber insofern interessant/brauchbar als
- in besserer Qualität
- bislang unbekannte Variationen des Hafis-Logos bzw. der Elemente desselben

Aktuell: Bilder zum Ausflug nach Seefeld 2015

(extrahiert aus #4 (comment), #4 (comment))

Zu Eintrag:
31.01.2015 - Tagesausflug nach Seefeld in Tirol zum Schneefest mit unseren Kindern aus dem Hasenbergl

2 Originale im .zip: Seefeld2015-Originale.zip

Bitte aufbereiten und nach MyWebsite/Bilder/Aktuell/.

Wiki: ".md-Dateien im repo erstellen/bearbeiten"

Wiki-Seiten:

MyWebsite/Design/README.md: beschreibe FALLEN!

Von #3:
Schreibe MyWebsite/Design/README.md: die Sache mit "Design" / "Style" in MyWebsite ist teuflisch! Sobald man Design speichert sind die Einstellungen in "Style" weg (zurückgesetzt)! Es ist aber möglich die Schriften in CSS ("Design") zu setzen - dann ist "Style" ohne Funktion...

Mehr Bilder!

Welche Motive?

insbesondere von Unternehmungen für "Aktuell" (-> #5)
- Beispiel: für Schyren-Cup -> #21
evtl. auch von den Büchern auf "Mein fabelhaftes Deutschheft" -> #6
- MK kann Scans machen
- Dateien die an den Verlag gingen? (pdf oder was es auch ist)

Welches Format, welche Größe, bearbeitet? Dateiname?

Format: für Photos generell .jpg. Für Logos eher .png
Größe (Photos): ideal ist etwa 1200x900. NICHT (viel) größer als 2000x1500.
Beachte: Dateigröße steigt quadratisch mit der Auflösung. Bsp.: zweifache Breite (und Höhe) -> 4x größer. Ein .jpg mit 1200x900 hat normalerweise zw. 200 und 400KB.
Bearbeitet, insbesondere Zuschneiden: am besten vor Verkleinern und Hochladen.
Bsp.: viele Kinder halten einen Pokal in die Höhe -> der Pokal sollte horizontal in der Mitte und vertikal im oberen Drittel oder Viertel sein.
Dateiname: sollte das Datum enthalten (falls verfügbar/anwendbar), dann in ein bis drei Stichworten das Motiv beschreiben (keine Sonderzeichen wie ä,ö,ü,ß). Am Ende _ + die Auflösung in Pixeln.
Beispiel: _1200x900

Vorgehen

Wir haben mehrere Möglichkeiten, uns gegenseitig die Bilder zugänglich zu machen.
Geordnet von 1. "supertoll" bis 7. "Bitte NICHT!":

Da repo und MyWebsite synchron bleiben müssen: 2. und 3. zusammen
commit mit Referenz auf #4 (und evtl. andere betr. Issues; Bsp.: #5) und stichwortartig worum es sich handelt und wo es in der Website verwendet werden soll.
In MyWebsite hochladen: Einstellungen|Bilder, in den passenden Ordner.
Falls ohne gleichzeitigen commit: unbedingt Bescheid geben! Per Issue oder mail.
Bilder in Beitrag zu Issue einfügen. Natürlich sollte es das richtige Issue sein. Außerdem muss der Beitrag zusätzlich Dateiname, Beschreibung des Motivs und Zweck eines jeden Bildes enthalten.
per email
kommentarlos in MyWebsite hochladen
kommentarlos in MyWebsite hochladen und irgendwo auf der Website verwenden

Silbentrennung

KEINE "harte" Trennung von Hand, d.h. mit Minuszeichen -!
siehe https://www.stichpunkt.de/html/umbruch.html
derzeit auf "Home": einige "weiche" Trennzeichen ( bzw. , via MyWebsite "Erweitert" | "HTML bearbeiten") von Hand gesetzt
Nachteile:
- nicht praktibal ( muss man ja auch überall händisch setzen)
- wird im diff zwar markiert, aber beides sieht aus wie ein Minus "-" (vmtl. ein Unicode-Zeichen - wir haben alles in UTF-8)

Vllt. besser (?):

<html lang="de"> (haben wir schon)

CSS:

-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;

"Initiatoren": chdoerrs email mit "mailto:"-Link?

Sh. auch #39

Wo?

Auf https://www.lernhilfe-hafis.de/die-initiatoren steht ganz unten, rechts neben dem Bild:

Petra Cordua und Christian Dörr

Kontakt:
[email protected]

Was?

Die email-Adresse, [email protected] ist derzeit einfach nur ein Text, nicht anklickbar.
Ein sog. "mailto:"-Link würde beim Draufklicken den email-Client öffnen (Thunderbird, Google-mail, whatever), mit schon eingetragener Empfängeradresse; und optional: auch vorgegebenem Betreff.
Es wäre wie der "Kontakt"-Button auf www.christiandörr.de

Frage:

Soll ich die email-Adresse auf www.lernhilfe-hafis.de/die-initiatoren so anklickbar machen wie den "Kontakt"-Button auf www.christiandörr.de ?
Möchtest du einen vorgegebenen Betreff? Bsp.: lernhilfe-hafis.de: . Die Leute könnten dann dahinterschreiben, worum es ihnen im Detail geht.

Hafis-Logo

Dass wir was am Logo machen müssen ist schon länger klar. Aktueller Anlass ist das fürchterlich schlechte Logo von Hafis, das aktuell auf der Weissensee-HP zu sehen ist (sh. #31):

Probleme

Das Thema "Logo" hat mehrere Aspekte, die man am Ende auch nicht unabhängig betrachten kann. Ich versuche es mal so ordnen:

Reine Bildqualität: je nach Verwendungszweck brauchen wir das Logo in verschiedenen Größen. Aktuell haben wir i.W. nur ein jpg in 880x129 nominell, 878x89 effektiv. Mit Artefakten:
Gestaltung: naja, ich sag mal so: nicht alles ist reine Geschmackssache... Außerdem kann man ein Logo durchaus je nach Verwendungszweck ein wenig variieren. Einfach damit es im jeweiligen Kontext bestmöglich wirkt - und trotzdem natürlich eindeutig wiedererkannt wird.
Arbeitsgrundlagen: für jegliche Verbesserung von sowohl 1. als auch 2. braucht es vernünftige Arbeitsdateien. Diese sollten in sehr guter Qualität bzw. beliebig skalierbar (Vektorgrafik) vorliegen. Außerdem bräuchte es ein dokumentiertes Konzept. Was wir haben ist nur das obige jpg...
Das Logo tatsächlich online zu stellen ist nicht so einfach wie man denken könnte: #35

Aufgaben

Dokumentation der erledigten Aufgaben nicht nur in div. Bilddateien sondern auch in .mds unter /Logo/ im repo.

Ziele definieren: /Logo/README.md
- Qualitätskriterien bzgl. 1., 2. und 3. von oben
- Zielformate bzw. gewünschte Verwendungszwecke
Konsolidierung:
- Bestandsaufnahme und aufräumen: /Logo/status-quo-2018-12/README.md
- Nachbauen des derzeitigen Designs (es gibt nur eins) in guter Qualität, soviel Vektor wie möglich: 06af178 bzw. das daraus erzeugte .png. Was noch fehlt ist die Schrift als Vektoren.
- Stelle das bessere Logo online (-> #35 !)
- entspr. #35: räume /MyWebsite/Bilder/Logo auf
- entspr. #35: erstelle /MyWebsite/Design/Dateien
- Analyse des derzeitigen Designs: was sind die einzelnen Elemente und ihre Bedeutung? Warum ist was wie und wie groß wo angeordnet?
- Erstellen einer qualitativ hochwertigen Version des derzeitigen Designs in der Breite 220px und etwa 30-40px hoch:
  - Arbeitsdatei: /Logo/Logo_Hafis-2016_221x32.xcf
Neugestaltung:
- Schriftzug "Hafis e.V."
- die Eule
- der "Regenbogen"
- evtl. andere Elemente
- für jeden gewünschten Zweck/jedes Format möglichst mehrere Variationen
  - erste Ergebnisse für "klein" (ca 220 px breit): /Logo/Logo-klein.md. Das momentan beste ist

"fabelhaftes Deutschheft": verbessere Text

Auf https://www.lernhilfe-hafis.de/mein-fabelhaftes-deutschheft

Hier geht's um nur um den Text - Bilder/Gestaltung in #23

komplette Info - ~~ISBN~~, Seitenzahl, Preis - für alle Titel
- Labyrinthische Tierstaben
  - Seitenzahl
  - Format/Druck
  - ist kein "fabelhaftes Deutschheft" -> erklärender Text
- Elfchen?
  - Seitenzahl
  - Format/Druck
  - Erscheint ~~vsstl.~~ Anfang ~~2019~~2020
  - ist kein "fabelhaftes Deutschheft" -> erklärender Text
- Deutschheft 1
  - Seitenzahl
  - Format/Druck
  - ISBN weg
- Deutschheft 2
  - Seitenzahl
  - Format/Druck
- Deutschheft 3
  - Seitenzahl
  - Format/Druck
  - Erscheint vsstl. ~~Anfang 2019~~ 2020
~~zu jedem Titel: ein paar Seiten Vorschau~~ (jetzt in #23)
wie kann man sie kaufen?
- ~~telefonisch an chdoerr wenden~~
- per mail an chdoerr (mailto:-Link; Betreff "Deutschhefte")
- ~~per Formular auf der Seite~~
- möglichst weit oben auf der Seite (-> kein Scrollen!)
evtl. etwas zusätzlicher Text, z.B. "im Selbstverlag..."
- Papierqualität erwähnen ("Filzer drückt nicht durch")
- Entstehungsgeschichte/Hintergrund
- Förderung durch Stadtjugendamt

Wiki: "Was ist ein Dateidialog?"

Wiki-Seite: Was ist ein Dateidialog?
(aufgekommen in #4)

Public Relations

Akut für Stadtratsbeschluss am 4. Dez. 2018

Stadträte werden vorher recherchieren -> auch auf den Homepages der Grundschulen, mit denen Hafis kooperiert.

Zusammenfassung Grundschul-HPs: PR.md
Bei der Zusammenstellung ist mir aufgefallen: auf https://www.lernhilfe-hafis.de selbst findet man nirgendwo die genauen Betreuungszeiten. Auch ein Hinweis aufs Mittagsessen sowie auf Kosten bzw. die mögliche Befreiung davon findet sich nicht. Sowas könnten wir leicht selbst noch schnell reinpacken. Direkt auf die Einstiegsseite, oder - auch kein Problem - auf eine neue Unterseite.
Bei manchen Grundschulen ist es nicht so leicht, die Stelle zu finden, an der Hafis erwähnt wird. Wir könnten selbst direkt auf die entsprechenden Stellen verlinken; sei es nun anstatt oder zusätzlich zu den Links auf die Einstiegsseiten der Grundschulen.

Aktuell: Eintrag zu Namenswechsel in Schyren-Cup

Wiki: "Bilder ins repo hochladen ("committen")"

Wiki-Seite: Bilder ins repo hochladen ("committen")
aus #4 und #5

Aktuell: Bilder zur 10-Jahresfeier

(extrahiert aus #4; im Namen von @chdoerr)

Für Eintrag
26.01.2016 - Hafis wird 10 Jahre alt! Jubiläumsfeier in der Ittlinger-GS mit allen Sponsoren, Wegbegleitern, Förderern und Freunden: Der Tenor Michael Elliscasis singt Schubertlieder, Markus Nau erzählt eine Geschichte und unsere Ü1 trommelt.

6 Originale: 10-Jahresfeier-Originale.zip

Die Bilder sind leider miserabel, aber wenn wir sie überarbeiten, könnte vielleicht noch etwas daraus werden.
Versuch' Dich dran und pack die Ergebnisse bitte in MyWebsite/Bilder/Aktuell/10-Jahresfeier/.

Zur Übersicht:

Aktuell: Bilder von allen Fußballturnieren (Schlachthof-/Schyren-Cups)

Extrahiert aus #4 und #5. Dieses Issue ist klar umgrenzt - hätten wir gleich so machen sollen.
Tatsächlich sind mittlerweile genügend Bilder dafür da. Müssen teilw. noch auf die Website,
und relevante Refs hier gesetzt werden. Werde diesen OP entspr. updaten und unten abhaken.

Zu Format und Benennung sh. #4 (comment)

Soweit verfügbar wurden Exif-Daten erhalten bzw. angpasst (-> Exif-Orientation), sowie ein JPG-Kommentar gesetzt, der

das Event benennt
den Originaldateinamen in [ und ] enthält

Achtung: Nur weil alles so durcheinander und verstreut war/ist, unten nochmal komplett alle Bilder mit cross-refs. Normalerweise würde man nicht so einen Aufwand treiben - refs wie eben #21 im commit-Kommentar reichten sonst völlig.

v-- abgehakt heißt: online auf https://www.lernhilfe-hafis.de/aktuell >>> bei mehreren Optionen heißt "diese Option"

2013: zwei Motive, für Eintrag
18.07.2013 - Teilnahme am diesjährigen Schlachthof-Glockenbach-Fußball-Cup: Sieger im U-10- und 2.Platz im U-12-Wettbewerb !
- >>> MyWebsite/Bilder/Aktuell/Fussball/2013-07-18_Schlachthof-Glockenbach-Cup2013_a.jpg
  (orig. dsc_0122.jpg) aus #4 (comment)
- MyWebsite/Bilder/Aktuell/Fussball/2013-07-18_Schlachthof-Glockenbach-Cup2013_b.jpg
  (orig. 20130718_173715.jpg) aus #4 (comment)
  ACHTUNG: dieses Bild sei angeblich von 2014 - laut Metadaten (Exif) und Originalname ist es aber offensichtlich vom selben Tag wie das erste
2014 - haben wir keins, sh. oben. Verschoben nach #30
2015: Original finde ich nicht mehr! Für Eintrag
23.07.2015 - Unsere U10 gewinnt den Schyren-Cup 2015, im Finale besiegen wir Schülerfreiraum mit 7:2! Teilnehmende Mannschaften: Nachbarschaftstreff Westermühlbach, Rotznasen, Kubu, Konfetti, Isarkrabben, Schülerfreiraum und wir.
- >>> MyWebsite/Bilder/Aktuell/Fussball/2015-07-23_Schyren-Cup2015.jpg
2016: 5 Motive in insges. 7 Originalen, aus #4 (comment) und folgende. Für Eintrag
29.09.2016 - Gewinn des Schyren-Cups 2016: Die Titelverteidigung ist geglückt, Hafis gewinnt jedes Spiel. Die Teilnehmer in der Reihenfolge der Platzierung: Westermühlbach, Schülerfreiraum, Aardwaark, Konfetti, Isarkrabben und Rotznasen
Zur Auswahl stehen nun diese 8 Bilder:
2017: Ein Motiv, vier Varianten. Originale aus mail (original schyrencup17.jpg) und #4 (comment) (original schyrencup 2017.jpg). Für Eintrag
13.07.2017 - Schyren-Cup 2017: Das Triple ist geschafft, Hafis gewinnt zum dritten Mal nacheinander den Schyren-Cup. Im Finale besiegen wir Westermühlbach mit 3:0. Dritter wird Aardwaark, Vierter die Rotznasen und Fünfter unsere 2. Mannschaft (aus Ü1 und 2. und 3. Klasse) - dann kommen Konfetti, Isarkrabben und SFR.
2018: Ein Motiv, zwei Varianten. Aus mail -> commit d63985a. Für Eintrag
11.07.2018 - Schyren-Cup 2018: Hafis gewinnt den U12 -Wettbewerb und wird Zweiter in der Altersgruppe U10 (Sieger Rotznasen, 2. Hafis, 3. Aadwaark, 4. Konfetti, 5. Westermühlbach, 6. Schülerfreiraum, 7. Isarkrabben)
- MyWebsite/Bilder/Aktuell/Fussball/2018-07-11_Schyren-Cup2018_a1.jpg
- >>> MyWebsite/Bilder/Aktuell/Fussball/2018-07-11_Schyren-Cup2018_a2.jpg

Verbessere "Aktuell"

einheitliche Schreibweise / Abkürzungen -> #12
Reihenfolge umdrehen: neueste zuerst
Abschnitte je Schuljahr (beginnt September)
am Anfang Liste mit Links zu den Schuljahren
mehr Bilder: sh. #4 (allgemein), #21, #28, #29
- insbesondere: wie kriegen wir das mit Bildern schön? MyWebsite ist sehr eingeschränkt...
Daten irgendwie extern organisieren (Excel/csv/Datenbank?)

Navi mit Buttons unter Logo / Neubau / 1&1-Verträge

Ab dem (git-tag) "Layout-GAU" ist die Navigation nicht mehr mit horizontalen Buttons unter dem Logo, sondern in einer "sidebar".

die alte Navigation mit Buttons war besser, wollen wir wiederhaben
anscheinend wird das bestimmt durch MyWebsite | Design | HTML und MyWebsite | Design | CSS - wurde aber leider vom damaligen site-backup (mit WinHTTrack) nicht erfasst...
unklar wie das mit dem alten MyWebsite-Editor geht (1&1 Support war keine Hilfe!)
packen wir ca Juli 2019 an
Vertrag "MyWebsite Basic" mit 1&1 geht bis 03.08.2019
- Grundgebühr (inkl. Domain lernhilfe-hafis.de): 9,99 €/Monat
- Zusatzdomain lernhilfe-hausaufgaben.de bis 06.08.2019 (jährliche Verlängerung): 0,99 €/Monat
evtl. ziehen wir zum Vertragsende um. Jedenfalls bauen wir die Seite dann neu (neuer MyWebsite-Editor oder ganz anders)
ACHTUNG: es gibt noch einen weiteren, ungenutzten - bereits zum 12.12.2018 gekündigten - Vertrag "1&1 Dual Basic", der mit ca 20 €/Monat deutlich teurer ist (beinhaltet weiteres Zeug wie "Virenscanner", "MobileSiteBuilder", ...?, was separat abgerechnet wird. Genaue Kosten daher nicht ganz klar)

Link zu www.christiandörr.de auf "Initiatoren" setzen

Setze/entferne div. Links

"Home":
- Weißensee-GS -> https://gsweiss.musin.de
- "eigene Bücher" -> "Mein fabelhaftes Deutschheft"
"Förderer": keine Links (da waren auch keine)
"Presse": Castringius-Stifung verlinken:
der erste Newsletter von Castringius, Seite 6: http://castringius-stiftung-muenchen.de/images/stories/downloads/castringius_newsletter_10.pdf
"Aktuell": Link zu Castringius (sh. nächster Kommentar)

Wording: einheitliche Schreibweise/Abkürzungen

Ergab sich aus #5, betrifft aber tatsächlich die gesamte Site.
TODO: übertrage wesentliche Punkte von #5 hierher.

Schreibweisen
- Zahlen von Null bis Zwölf, bzw. "zwölf Kinder", "drei Grundschulen", und dergleichen schreibt man normalerweise aus. Also nicht "12 Kinder", "3 Grundschulen". Bei Prozentwerten würde ich aber eine Ausnahme machen.
- "50%" statt "50 Prozent" ("50 %", d.h. mit Leerzeichen ist einfach falsch)
- generell: KEIN Leerzeichen vor Interpunktion
  - "Doppelpunkt:" statt "Doppelpunkt :"
  - "Punkt." statt "Punkt ."
  - "Komma," statt "Komma ,"
  - "Strichpunk; " statt "Strichpunkt ;"
  - "Fragezeichen?" statt "Fragezeichen ?"
  - "Ausrufezeichen!" statt "Ausrufezeichen !"
- Aber: Leerzeichen vor und nach Gedankenstrich - sonst ist's ein Bindestrich
- "Viertklässler" statt "4.Klässler"
Abkürzungen
- Abkürzungen, die ok sind:
  - "ggf."
  - "Bsp."
  - "z.B."
- Abkürzungen, die zu diskutieren sind:
  - "soz.päd." (auf Warum systemische Lernhilfe?)
  - "GS" für "Grundschule"
- Abkürzungen, die NICHT ok sind:
  - "TN" (für "Teilnehmer", auf Aktuell)

Filtere die Issues!

[EDIT: ist mittlerweile zu einer Wiki-Seite geworden: "Issues explizit AUSblenden" <<< Bitte diese ansehen, und wenn für gut befunden dieses Issue schließen]

@chdoerr: Wetten, Du wolltest schon mal alle "Wiki"-Issues ausblenden?
(bitte ausprobieren und abhaken wenn's klappt; kannst Dich dann auch "un-assignen")

Also, das geht mit einem sog. "Issue-Filter" (etwas raffinierter als nur mit Klicken möglich ist).
Vor jeder weiterer Erklärung: der Filter den Du vermutlich willst:
is:open assignee:chdoerr -label:Wiki -label:Doku -label:Später
oder ganz bequem hier klicken: https://github.com/chdoerr/Hafis-Homepage/issues?utf8=%E2%9C%93&q=is%3Aopen+assignee%3Achdoerr+-label%3AWiki+-label%3ADoku+-label%3ASp%C3%A4ter

Jetzt anhand eines einfacheren Beispiels: wir wollen alle Issues
- die offen sind (= nicht closed)
- und die weder Label Wiki noch Doku haben
Die kriegt man mit dem Filter is:open -label:Wiki -label:Doku. Diesen Text muss man in das Feld neben "Filters" kopieren (und danach Eingabetaste/Return/Enter drücken):

Den Filter wird man wieder los, indem man einfach auf das "Issues"-Tab klickt, oder auf "Clear current search query, filters, and sorts":

Genaue Erklärung des "Filters den Du vermutlich willst" von oben:
is:open assignee:chdoerr -label:Wiki -label:Doku -label:Später
zeigt alle Issues, die
- offen sind (is:open)
- und an chdoerr "assigned" sind (assignee:chdoerr)
- und NICHT das Label "Wiki" haben (-label:Wiki)
- und NICHT das Label "Doku" haben (-label:Doku)
- und NICHT das Label "Später" haben (-label:Später)
Der Witz offensichtlich ist das Minuszeichen - vor label: - das negiert die Auswahl. So eine Negation gibt's in github derzeit leider nicht bequem per Klick.
@meisl: Wiki-Seite draus machen
- screenshots nach /i/wiki/
- Wiki-Seite "Issues explizit AUSblenden"
- Verweise auf github-Hilfe:
  - https://help.github.com/articles/searching-issues-and-pull-requests/
  - wo war das mit dem - erklärt?
- ~~Issue öffnen~~ Label "Wiki" für dieses Issue, um die Wiki-Seite "abzunehmen"

Alternative zu github: Bitbucket?

Alternative zu github: Bitbucket von Atlassian

Pro:

beliebig viele private repos umsonst
bis zu 5 "User" umsonst
unterstützt git-LFS: in Schritten von 10$/Monat/100GB (github: 5$/Monat/50GB)
"file storage" bis 1 GB umsonst (etwas unklar sowohl bei Bitbucket als auch bei github; ich glaube es bezieht sich auch non-LFS Daten)
günstigere "Pro"-Accounts:
- 2$/Monat (mind. 5 user => ab 10$/Monat): beliebig viele User, 5 GB "file storage" inkl.
- 5$/Monat (mind. 5 user => ab 25$/Monat): beliebig viele User, 10 GB "file storage" inkl.
(ist nicht Microsoft - naja, ist das überhaupt ein Argument?)

Contra:

mit github läuft's halt momentan - müssten uns in Einiges neu einarbeiten (nicht zu unterschätzen!)
wie würden wir migrieren? Insbesondere würden wir die Issues behalten wollen!

Abgesehen davon wären aber vor einem evtl. Wechsel noch viele andere Fragen zu klären, z.B.:

die Integration von Issues, Wiki, commit-comments ist bei github schon wirklich sehr gut. Kann Bitbucket da mithalten? Bzw. was davon würden wir tatsächlich vermissen?
ist das Webinterface (= mit Browser drauf zugreifen) ähnlich einfach wie bei github?
sind die Issues bzw. der Umgang damit ähnlich simpel wie bei github?
haben sie auch ein REST-API?

Fazit:

Werde auf jeden Fall dort mal einen Account eröffnen und ein wenig herumprobieren, einfach aus Interesse/Neugier.
Aber, @chdoerr: ist das für Dich überhaupt eine Frage? Also ich meine:
- es ist zwar nicht auszuschließen, dass wir in Zukunft mehr "cloud storage" wollen/brauchen; so 50 GB oder 100 GB. Vllt. aber auch nicht...
- aber: so ein Umstieg/eine Umgewöhnung bedeutet viel Aufwand!
- angesichts dessen, und einer finanziellen Ersparnis von max. 20 €/Monat (ganz grobe Schätzung mit sehr großem "Sicherheitsabstand" nach oben, d.h. eher weniger!) - nehme ich schwer an, dass für Dich eine genauere Recherche erst gar nicht lohnenswert erscheint. Richtig?

repo-Umzug: privat? Organization "Hafis"?

Aus Besprechung am 17.11.2018, chdoerr & meisl @ Mariandl:

Der status quo - Hafis-repo ist öffentlich und "gehört" meisl - ist nicht optimal.

ein Transfer zu einem anderen Account ist relativ einfach. Issues und Wiki kann man mitnehmen: https://help.github.com/en/articles/transferring-a-repository
kostenlos sind nur öffentliche repos
Vorteil von privatem repo: könnte auch sensitive Daten wie insbes. Arbeitsdateien für die Übungshefte ("Mein fabelhaftes Deutschheft") enthalten*
ein sog. "Developer"-Account (für Einzelperson) kostet 7$/Monat und erlaubt private repos (beliebig viele), und man kann "collaborators" ernennen. Das wäre so wie jetzt auch, nur dass das repo privat wäre.
ein sog. "Team"-Account beinhaltet private repos und
- erlaubt die Einrichtung einer "organization" (hier: Hafis) mit Mitgliedern
- es gibt verschiedene Rollen mit unterschiedlichen Rechten: owner, admin, member, u.ä.
- kostet ab 25$/Monat für die ersten 5 Mitglieder, und 9$/Monat je weiteres Mitglied
Bezahlung: paypal
Zum Vergleich die Kosten bei 1&1/IONOS (alles brutto und pro Monat):
- MyWebsite Basic: 9,99€
- Zusatzdomain www.lernhilfe-hausaufgaben.de: 0,99€
- Dual Basic (gekündigt zum 12.12.2018): gesamt 26,45€
  - Grundgebühr: 20,97€
  - MobileSiteBuilder: 2,99€
  - Virenscanner: 2,49€

Bewertung meinerseits:

repo sollte auf jeden Fall entweder zu chdoerr oder neuer Organization Hafis transferiert werden
privat sollte schon sein - 7$/Monat ist das sicher wert
Organization Hafis wäre die passendste und schönste Lösung. Durch die Kündigung von 1&1 Dual Basic blieben die Kosten dabei etwa gleich.

Siehe:

Bsp.-Organization wo ich Mitglied bin: busterjs (schon länger her, momentan keine Aktivität)
https://github.com/pricing
https://help.github.com/categories/setting-up-and-managing-organizations-and-teams
https://mein.ionos.de/subscriptions?filter.contract=any&filter.type=any (vorher einloggen)

es ist wohl klar, dass es besser ist, alles - wirklich alles - in einem repo zu organisieren, oder? Ich sag nur: "Müsste noch auf irgendeinem Stick sein. Muss ich nur noch finden."...

chdoerr / hafis-homepage Goto Github PK

hafis-homepage's People

Contributors

Watchers

Forkers

hafis-homepage's Issues