ToDo

HOGE PRIO

• scheduler inschakelen
• email notificatie systeem (php); bijhouden met een yaml veld + cronjob oid (of koppelen aan thumbnails)

LAGE PRIO

• TNTSearch en de Grav plugin + BM25 (uitleg)
• de IMG TITLE wordt niet meegenomen
  • alle img title attributen vinden dmv een regex
  • findinblogposts.sh
• inline markdown voor IMG ALT werkt weer, dus eventueel weer weghalen:
  • > Bron:
  • > Source:
• telegram notificatie integreren
• responsief hamburger menu voor mobieltjes
  • https://www.w3schools.com/howto/howto_js_mobile_navbar.asp
• comments
• datumtijd: TIME tag gebruiken, zie hier
• google webmaster tools lijkt leeg of veranderd, opnieuw
• pdf icons, zie bijv. www/evertmouw.nl/inc/pdf_icon.png
• zoeken
  • vertalen
  • scheiden css en template
  • mooiere opmaak
• uploads (images, pdf-jes) van /wp-content/upload naar eigen grav mapjes
• alles naar net thema overzetten
  • https://mybyways.com/blog/my-custom-grav-theme
  • blogroll template maken; huidige blogroll.md omzetten
• betere caching
  • https://shouts.dev/articles/install-apcu-on-centos-7

zie ook: | collections | editor buttons en interessante plugins

kleurenschema’s

• kiezen tussen kleurenschema’s
  • https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web/
• https://www.w3.org/wiki/Dynamic_style_-_manipulating_CSS_with_JavaScript

automatically choose light mode or dark mode styles based on the user’s preferences, detected via CSS @media queries. At the moment, this means there is no way to programmatically toggle between light and dark mode except by toggling the OS or browser’s setting. You can also use the .only-light-mode and .only-dark-mode CSS classes to make something appear only in light or dark mode.

pandoc

• https://twitter.com/getgrav/status/1633634634444705796

missing featured images

misschien is de default goed genoeg?

cut -f1 edit.tsv
2010-06-02-hallo-wereld.md
2010-06-07-schiet-ze-neer-en-kelder-ze.md
2011-02-03-investeren-in-relevant-onderwijs.md
2012-09-26-teeven-vvd-voor-het-recht-op-zelfverdediging.md
2012-10-20-verfbommen-voor-minister-leers-politiek-extremisten-blijven-actief.md
2012-10-27-nog-wat-opmerkingen-bij-belastingen-en-dikke-overheden.md
2013-03-11-open-brief-aan-joost-niemoller.md
2013-04-06-je-eigen-server-met-je-oude-laptop.md
2013-05-14-economisch-herstelletje.md
2014-08-17-de-institutionalisering-van-empathie-en-solidariteit.md
2014-09-30-choosing-and-using-coturn-as-a-stun-and-turn-server-for-ice.md

implementatie notities

mdfiles

Alle markdown bronbestanden van blogposts bij elkaar? Handig voor scripts! Zie onder user het mapje mdfiles dat ik gemaakt heb; daar zit een script TODO dat symlinks maakt.

wp-content/uploads

test met https://www.furorteutonicus.eu/wp-content/uploads/2022/08/Waarheid-en-wil-bij-Augustinus-Belijdenissen.jpg

uitgevoerd:

cd /www/furorteutonicus.eu
mkdir wp-content
cd wp-content
ln -s ../../furorteutonicus.eu/wp-content/uploads .

root

De enige manier om sommige bestanden in de “web root” te zetten is om ze te plaatsen in de Grav hoofdmap, dus niet onder user.

• favicon.ico
• *.css
• *.ico
• 1280px_Wilde_Jacht_Odin_door_Peter_Nicolai_Arbo.jpg (fallback og:image)

hidedocinfo

De document-info zoals datum, auteur en leestijd kun je verbergen door in de YAML frontmater hidedocinfo: true op te nemen.

routes (URLs)

De /over/ en /lyme/ pagina’s zitten eigenlijk onder /blog/ en hebben in de YAML header dus ook eigen routes: en aliases:.

Alle oude WP-stijl URL’s worden ondervangen in site.yaml met:

routes:
  /([0-9]{4})/([0-9]{2})/([0-9]{2})/(.+): /$1-$2-$3-$4

Font Awesome

Niet via de Grav plugin, maar als externe stylesheet (cloudfare) in de template:

• officieel: https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.css
• doet het ook en gebruik ik: https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css

Zoek icoontjes op:

https://fontawesome.com/v4/icons/

sitemap

XML https://furorteutonicus.eu/sitemap

lightbox

Niet Grav’s ingebouwde featherlight gebruikt, maar lightbox2. Hierbij wat jQuery en javascript gebruikt om automatisch alle afbeeldingen client-side in een <a> linkje te zetten. Alle image-linkjes krijgen een data-lightbox="lightbox2" eigenschap (dus je kunt door alle plaatjes op de pagina klikken, een standaard galerij) en een caption gebaseerd op de img-alt plus de img-title.

other files download support

In user/config/ de bestanden media.yaml en media.yaml aangevuld om meer bestanden toe te staan:

• cbz
• gnumeric
• odt
• ods

caching

APCu installed

user/plugins/advanced-pagecache/advanced-pagecache.yaml

yaml frontmatter

pandoc = grav

• abstract = description
• keywords = tag
• lang = language

keywords: &keywords
  - een
  - twee
taxonomy:
  tag: *keywords

# testje
echo bash
if [[ $1 == "test" ]]; then
  sleep 3
fi