25/09/2025

github rest api workshop met jad

codepen

wiki fetch

de URL om een specifieke wiki op te halen https://raw.githubusercontent.com/wiki/vsheo/i-love-web/Home.md

met een fetch:

fetch('https://raw.githubusercontent.com/wiki/vsheo/i-love-web/Home.md')
    .then(resp => resp.text())
    .then(text => console.log(text))

11ty syntax highlighter test

dit is om de pre code blokken te testen en stylen

<article class="neutral">
    <h2>wat is content inventory?</h2>
    <p>
        <a href="https://www.nngroup.com/articles/content-audits/">Content Inventory and Auditing 101</a>
    </p>
    <ul>
        <li>Een content inventory: is een overzicht van alle digitale content die je hebt, vastgelegd op pagina of assets,
            inclusief kenmerken van elk onderdeel.</li>
        <li>Een content audit: beoordeelt en evalueert de kwaliteit van de content in die inventory. Daarbij wordt gekeken welke
            content moet worden bijgewerkt, welke content behouden we, en welke stukken verwijderd kunnen worden.</li>
    </ul>
</article>

main {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    justify-items: center;
    margin-top: 3em;
    padding: 1em;

    @media (min-width: 925px) {
        grid-template-columns: 15em 1fr;
    }
}

export async function load({url}) {
	const projectsResponse = await fetch(`https://fdnd-agency.directus.app/items/dfr_projects`)
	const projectsData = await projectsResponse.json()

	return {projects: projectsData.data}
}