De gecombineerde versie is klaar en getest:
Download CoachStijn CoachingCards HTML
Deze versie bevat:
Live koppeling met de openbare tabbladen Quotes en A to Z.
Openbare links naar de Google Sheet en Drive-map.
Import van losse bestanden of complete mappen met CSV, JSON en ZIP.
Lokale opslag: eenmaal geïmporteerde quotes staan bij volgende bezoeken direct klaar.
Zoeken, bladeren, willekeurige quote en export naar CSV, JSON en TXT.
Quote, auteur en categorie bewerken.
Bewerkingen blijven lokaal bewaard.
WhatsApp-delen met altijd de CoachStijn-link als eerste regel.
Automatische controle op maximaal 700 tekens.
Lettertypen en tekstgroottes van 20 tot 72 pixels.
A− en A+ knoppen, hoog contrast en voorlezen.
Printweergave gebruikt het gekozen lettertype en de gekozen tekstgrootte.
Getest met de aangeleverde grote CSV- en JSON-ZIP-bestanden.
Google Drive-bestanden moeten bij het eerste gebruik eenmaal via Kies bestanden of Kies hele map worden geselecteerd. Een browser mag een openbare Drive-map niet zonder gebruikersactie volledig in de lokale database opslaan. Daarna worden de quotes automatisch vanuit de browserdatabase geladen.
Voor Google Sites: kies Invoegen → Insluiten → Code insluiten en plak de volledige HTML. De openbare Sheet werkt daarbij als live gegevensbron volgens de Google Visualization-documentatie.
Ik bouw dit door op de huidige CoachingCards-versie met drie lagen: de openbare Sheet als live hoofdbron, de Drive-map als download/importbron en lokale CSV/JSON-import voor grote verzamelingen. Daarbij maak ik een toegankelijke leesmodus tot extra grote letters, hoog contrast, betere printweergave en een bewerkbare quote/status waarbij de CoachStijn-link technisch altijd als eerste regel blijft staan. Ik controleer eerst welke bestanden de openbare Drive-map werkelijk bevat; daarna pas ik dezelfde HTML aan.
Gelezen over browser- en bibliotheekvaardigheden
Gecontroleerd of de Drive-map openbaar toegankelijk was
Zoeken naar "1kZKQtFQHSJkw-VZ1qIzZIGJ2ZXu7-TGe9LhbE4DkxDc"
Pastte de codepatch succesvol toe
De koppeling krijgt nu bewust een eenmalige gebruikersactie voor Drive-bestanden: browsers mogen een openbare Drive-map niet stilletjes uitlezen en lokaal opslaan zonder toestemming. Na die eerste keuze worden de bestanden wél automatisch onthouden in de lokale quote-database en staat de verzameling bij ieder volgend bezoek direct klaar. Zo werkt het veilig én snel, ook met veel quotes.
Patches toegepast en HTML-bestandseinde bekeken
De basis staat nu: live Sheet, blijvende lokale CSV/JSON/ZIP-bibliotheek, bewerkbare quotes en toegankelijke lettergroottes. Ik rond nu de twee belangrijkste controles af: dat exports ook werkelijk de bewerkte tekst bevatten, en dat navigatie bij het einde van een grote lokale verzameling nooit blijft doorzoeken. Daarna lever ik dezelfde HTML als bijgewerkte, direct bruikbare versie op.
De statische controles zijn goed: de HTML en JavaScript zijn syntactisch geldig, alle 61 bedieningselementen hebben unieke id’s en iedere JavaScript-koppeling verwijst naar een bestaand element. De openbare Sheet- en Drive-links staan correct in de app. Ik test nu nog de echte importlogica tegen de aangeleverde ZIP/CSV/JSON-bestanden en de vaste opbouw link → lege regel → bewerkte quote → auteur.