fdnd / programma.fdnd.nl Goto Github PK

manage fetch states && store data

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

For better a11y and UX

'toegankelijk webformulieren' moet 'toegankelijke webformulieren' worden

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

sveltejs/kit#5774

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

• 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

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

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

Thanks for mentioning @IschaGast

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

• 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

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

en de huidige datum de accent kleur geven

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

Full screen button doet het niet.

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

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

Op de pagina van sprint 7 overlappen deze elementen.

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

Divide the Content field into separate sections:

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

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

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

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

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>

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

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

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

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.

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

.. or smarter responsive layouts

Preventing long sentences for better readability, for example

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

Er is iets gekkigs, hier de error msg:

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)

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;
}

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

Fetch from prismic endpoint

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