e.g. https://programma.fdnd.nl/static-web/your-tribe instead of https://programma.fdnd.nl/your-tribe

https://kit.svelte.dev/docs/advanced-routing

ipv UL een MENU element gebruiken in de Nav.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/menu

• use https://www.npmjs.com/package/capture-website to capture screenshots
• use a serverless function or web worker (to heavy for the main thread)
• post to hygraph (if no screenshot exists yet)
• reference img based on name: screenshot-${fork.owner.login}-${fork.name}.png

Op programma.fdnd.nl heeft de border-radius een gele bg. Klopt dat?

De actieve sprints kunnen in het menu opgenomen worden, zo kunnen gebruikers snel door klikken naar de actuele sprint.

We need to find a way to dynamically implement the footer in all websites we host. Maybe put it in prismic?

Along with refactoring the FDND Living Styleguide. The program website is a nice porject to base our CSS strategy on.

Op de pagina van sprint 7 overlappen deze elementen.

Studentwork can be find on GitHub in the form of forked repos's of fdnd tasks

https://code.visualstudio.com/docs/editor/refactoring

manage fetch states && store data

Example:
https://svelte.dev/repl/b2d671b8119845ca903667f1b3a96e31?version=3.37.0

'toegankelijk webformulieren' moet 'toegankelijke webformulieren' worden

• Label meer-info button veranderen naar toon-meer?
• CSS style mouse pointer toevoegen cursor: pointer;
• on/off toggle knop van maken?
• Knop in het semester blok plaatsen

In de meivakantie sttat 2-04 ipv 2-5
@ju5tu5

De kaartjes inde sprint planning hoeven niet geschaald te worden als dit horizontaal gescrollt kan worden.

Een kaartje is bv altijd

td{
width: 18em
}

Met een overflow op de table row kan je op een smal scherm horizontaal scrollen.

tr{
display: flex;
flex-wrap: no-wrap;
width: 100vw; /* of 100% van de <table> die 100vw is? */
overflow-x: scroll;
}

Thanks for mentioning @IschaGast

Fetch from prismic endpoint

Mijn website link die via de studentenwerk card gaat die werkt niet. Er staat in mijn github repo wel een werkende link.

https://programma.fdnd.nl/static-web/fix-the-flow

Divide the Content field into separate sections:

• Intro (type: rich text)
• Gedragscriteria (type: rich text)
• Leertaken (type: rich text)
• Workshops
• We ❤️ Web (type: relationship)

States toevoegen aan de fullscreen-button.
En mouse pointer voor desktop.

kalender items in het programma een groene kleur geven
en voor responsive ene overflow-hidden

en de huidige datum de accent kleur geven

Is het een idee om er nog een legenda onder te zetten met uitleg van de kleuren?

Originally posted by @joostf in #69 (comment)

@joostf wat had je in gedachten qua kleuren?

De strings waar op gefilterd wordt zijn nu deze:

const strings = [
	'sprintplanning',
	'kickoff',
	'workshop',
	'opdrachtgever',
	'code review',
	'retrospect ',
	'wrap-up',
	'review'
];

Soms komt het ook voor dat twee strings in dezelfde zin zitten dan is de cascade van CSS leidend.

<style>
.day :global(.sprintplanning) {
	--border: var(--lavender);
}
.day :global(.workshop) {
	--border: var(--turquoise);
}
.day :global(.opdrachtgever),
.day :global(.code-review),
.day :global(.review),
.day :global(.retrospect),
.day :global(.kickoff),
.day :global(.wrap-up) {
	--border: var(--call-to-action);
}
</style>

https://prismic.io/docs/technologies/graphql

Er is iets gekkigs, hier de error msg:

Full screen button doet het niet.

Groen is een vellere kleur, valt meer op, dus leertaken en intro groen maken en de gedragscriteria paars?

Failed to load resource: the server responded with a status of 404 ()
manifest.json:1 Manifest: Line: 1, column: 1, Syntax error.
manifest.json:1 Failed to load resource: the server responded with a status of 404 ()

There is currently no manifest within the repo

De wysiwyg editor heeft geen <del> optie, dat zou wel handig zijn... minimaal een line through optie, maar beter is dat er <del> aan de html wordt toegevoegd

For better a11y and UX

MIsschien is het handig om een http check toe te voegen aan de Studentenwerk cards.

De link gaat nu naar https://http// .

Het menu item is nogal vreemd uitgelijnd.
lMeer naar links, of helemaal rechts?

sveltejs/kit#5774

.. or smarter responsive layouts

Preventing long sentences for better readability, for example

Als een sprint een vakantie is dan geen 'sprint null' tonen, geen link, en tekst niet bold.

Navigate moet op elke pagina hetzelfde. Highlight met geel op de pagina waar je bent.
(Dus de 'programma' button moet ook op de programma pagina staan)

Alle teksten in de semester blokken groen. (het wordt onrustig als we allemaal kleuren door elkaar heen gebruiken)

Een semester na de studie inrichten waarin informatie staat over het inhalen van eerder gemiste semesters, assessments en een jaarlijkse terugkomdag om binding met onze alumni te houden.