Als developer wil ik CSS variables zodat ik makkelijk kleuren kan aanpassen

• Alle kleuren uit de styleguide als variables
• Font size variables
• Border radius variables
• Shadow variables
• Definition of done

• Haalt op basis van de url de juiste sprint op uit JSON
• Heeft zelfde deeplink navigatie als de homepage
• Detail pagina bevat opdrachten per sprint
• Definition of Done

Als gebruiker wil ik zelf ingevulde content zien, zodat ik genoeg informatie krijg over het programma van FDND.

Requirements:

• Content invullen

• Beeldmateriaal

• DoD

Als gebruiker wil ik een modaal venster met een overzicht van de sprints zodat ik een duidelijk overzicht heb met informatie over de sprints.

Requirements

• #14

• Sluit knop om alle modaal vensters te sluiten

• Informatie over de sprints

• Animatie wanneer je het modaal venster opent en sluit

• Links naar de live producten

• Definition of done

• Bij de sprints moet er de volgende onderwerpen aanbod komen:

1. Beschrijving
2. Datum
3. Semester
4. Topics (inhoud)

Als gebruiker wil ik een footer met links naar andere microsites zodat ik makkelijk kan navigeren naar de andere websites

Requirements

• Links naar andere microsites
• Samenvatting van de website
• FDND shape toevoegen
• Footer titel toevoegen
• Definition of done

Als gebruiker, wil ik de semesters in een 2 koloms layout zien, zodat ik een overzicht krijg van alle semesters

Requirements:

• Content moet echt zijn
• Image toevoegen aan het grid semester
• Button voor meer informatie
• 2 kolom layout
• Definition of done

Als opdrachtgever wil ik een redesign van het huidige sprint grid, zodat het nog duidelijker is welk sprint het is

Als gebruiker wil ik door alle sprints gaan navigeren, zodat ik makkelijk bij alle sprints bij kan

Requirement

• Scroll bij navigatiebalk

• Automatische scroll naar gewenste sprint

• Goeie plek gepositioneerd zijn

• Verbergen na aantal seconde en terug komen als je omhoog scrolled

• Definition of Done

Als developer, wil ik goed geschreven documentatie hebben geschreven voor het project, zodat ik het project met trots kan afsluiten.

Requirements

• Documentatie schrijven in de ReadMe.md
• In correct Nederlands geschreven.

http://ui-patterns.com/patterns/modal-windows

Als gebruiker, wil ik de semesters in een 1 koloms layout zien, zodat ik een overzicht krijg van alle semesters.

Requirements:

• Content moet echt zijn
• Image toevoegen aan het grid semester
• Button voor meer informatie
• 1 kolom layout
• Definition of done

Als gebruiker wil ik informatie van de opdrachten en leertaken lezen, zodat ik weet wat de verwachtingen zijn van de opdrachten.

Requirements:

• Informatie over opdrachten & leertaken
• Beeldmateriaal doormiddel van foto, icon of logo
• Definition of done

op regel 41 in css staat er box-sizing dubbel in

Als gebruiker wil ik een header zien dat een logo bevat van de Hogeschool van Amsterdam, zodat ik weet dat opleiding onderdeel van de hogeschool is.

Requirements

• Logo HvA
• Definition of done

Als gebruiker wil ik een hero image zien, zodat ik me verwelkomd voel wanneer ik op de website kom.

• Hero image toevoegen
• FDND shape toevoegen
• FDND logo toevoegen bij de shapes
• FDND Title toevoegen bij de shapes
• Definition of done

Als developer wil ik makkelijk de content van de site kunnen vullen doormiddel van JSON zodat ik makkelijk content dynamisch kan aanpassen.

Requirements

• Simpele object structuur
• Bevat: beschrijving, datum, semester, topics, uitgewerkte opdrachten.
• Functie om de JSON op te halen.
• Definition of done