ToDo

HOGE PRIO

• scheduler inschakelen

LAGE PRIO

• beter email notificatie systeem met inschrijven/uitschrijven en logging (PHP)
• 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
• 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
• 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

RSS

De plugins voor Grav vond ik maar zo-zo en die pakte de ISO datumnotatie niet, dus gebruik ik pandoc-rss van Gregory Chamberlain:

https://github.com/chambln/pandoc-rss

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

mail notificatie

• nu via een simpel shellscript, gekoppeld aan make_thumbnails.sh

search

gebruikt Xapian met zelfgeschreven C++ CGI en omindex

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