From 08c22d2dbdf32562f07f71e69f9f2051262d273c Mon Sep 17 00:00:00 2001 From: Eric Bouchut Date: Tue, 4 Aug 2026 01:00:08 +0200 Subject: [PATCH 01/10] docs(design): Add the mobile wireframe exports Mobile wireframe variants for Home, Login, Register, and Dashboard join the lesson mobile wireframe already in the set, exported from the Figma frames with the same grayscale conventions and the -mobile naming suffix. Refs #131 --- docs/design/wireframes/dashboard-mobile.svg | 25 ++++++++++++++++++ docs/design/wireframes/home-mobile.svg | 28 +++++++++++++++++++++ docs/design/wireframes/login-mobile.svg | 25 ++++++++++++++++++ docs/design/wireframes/register-mobile.svg | 25 ++++++++++++++++++ 4 files changed, 103 insertions(+) create mode 100644 docs/design/wireframes/dashboard-mobile.svg create mode 100644 docs/design/wireframes/home-mobile.svg create mode 100644 docs/design/wireframes/login-mobile.svg create mode 100644 docs/design/wireframes/register-mobile.svg diff --git a/docs/design/wireframes/dashboard-mobile.svg b/docs/design/wireframes/dashboard-mobile.svg new file mode 100644 index 0000000..f5c0177 --- /dev/null +++ b/docs/design/wireframes/dashboard-mobile.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/design/wireframes/home-mobile.svg b/docs/design/wireframes/home-mobile.svg new file mode 100644 index 0000000..8e9e284 --- /dev/null +++ b/docs/design/wireframes/home-mobile.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/design/wireframes/login-mobile.svg b/docs/design/wireframes/login-mobile.svg new file mode 100644 index 0000000..f661841 --- /dev/null +++ b/docs/design/wireframes/login-mobile.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/design/wireframes/register-mobile.svg b/docs/design/wireframes/register-mobile.svg new file mode 100644 index 0000000..78ef57c --- /dev/null +++ b/docs/design/wireframes/register-mobile.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + From ef2d54ef6dba04a87ad1dd46c2e72ceeb79da8c3 Mon Sep 17 00:00:00 2001 From: Eric Bouchut Date: Tue, 4 Aug 2026 01:00:40 +0200 Subject: [PATCH 02/10] docs(design): Add the instructor and admin wireframe exports Desktop wireframes for the instructor pages (courses, course editor, lesson editor, students) and the admin accounts page join the set, completing the wireframe coverage of the application's three roles. Refs #131 --- docs/design/wireframes/admin-users.svg | 63 +++++++++++++++++++ .../wireframes/instructor-course-editor.svg | 60 ++++++++++++++++++ docs/design/wireframes/instructor-courses.svg | 59 +++++++++++++++++ .../wireframes/instructor-lesson-editor.svg | 60 ++++++++++++++++++ .../design/wireframes/instructor-students.svg | 57 +++++++++++++++++ 5 files changed, 299 insertions(+) create mode 100644 docs/design/wireframes/admin-users.svg create mode 100644 docs/design/wireframes/instructor-course-editor.svg create mode 100644 docs/design/wireframes/instructor-courses.svg create mode 100644 docs/design/wireframes/instructor-lesson-editor.svg create mode 100644 docs/design/wireframes/instructor-students.svg diff --git a/docs/design/wireframes/admin-users.svg b/docs/design/wireframes/admin-users.svg new file mode 100644 index 0000000..716e3d0 --- /dev/null +++ b/docs/design/wireframes/admin-users.svg @@ -0,0 +1,63 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/design/wireframes/instructor-course-editor.svg b/docs/design/wireframes/instructor-course-editor.svg new file mode 100644 index 0000000..933bf90 --- /dev/null +++ b/docs/design/wireframes/instructor-course-editor.svg @@ -0,0 +1,60 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/design/wireframes/instructor-courses.svg b/docs/design/wireframes/instructor-courses.svg new file mode 100644 index 0000000..f110ba8 --- /dev/null +++ b/docs/design/wireframes/instructor-courses.svg @@ -0,0 +1,59 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/design/wireframes/instructor-lesson-editor.svg b/docs/design/wireframes/instructor-lesson-editor.svg new file mode 100644 index 0000000..5f2de80 --- /dev/null +++ b/docs/design/wireframes/instructor-lesson-editor.svg @@ -0,0 +1,60 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/design/wireframes/instructor-students.svg b/docs/design/wireframes/instructor-students.svg new file mode 100644 index 0000000..38b4fb6 --- /dev/null +++ b/docs/design/wireframes/instructor-students.svg @@ -0,0 +1,57 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + From 70c7a0d94c8dbd19d0bb625d55c7d0a56104283e Mon Sep 17 00:00:00 2001 From: Eric Bouchut Date: Tue, 4 Aug 2026 03:24:14 +0200 Subject: [PATCH 03/10] docs(design): Add wireframe exports for the remaining application pages Wireframes for the pages that had no design record yet: add lesson, admin courses, admin user form, error, privacy policy, forgot password, and reset password, each in a desktop and a mobile variant, following the existing grayscale conventions and naming. Refs #131 --- docs/design/wireframes/add-lesson-mobile.svg | 27 ++++++++ docs/design/wireframes/add-lesson.svg | 59 +++++++++++++++++ .../wireframes/admin-courses-mobile.svg | 34 ++++++++++ docs/design/wireframes/admin-courses.svg | 63 +++++++++++++++++++ .../wireframes/admin-user-form-mobile.svg | 28 +++++++++ docs/design/wireframes/admin-user-form.svg | 57 +++++++++++++++++ docs/design/wireframes/error-mobile.svg | 23 +++++++ docs/design/wireframes/error.svg | 50 +++++++++++++++ .../wireframes/forgot-password-mobile.svg | 24 +++++++ docs/design/wireframes/forgot-password.svg | 51 +++++++++++++++ docs/design/wireframes/privacy-mobile.svg | 27 ++++++++ docs/design/wireframes/privacy.svg | 57 +++++++++++++++++ .../wireframes/reset-password-mobile.svg | 25 ++++++++ docs/design/wireframes/reset-password.svg | 52 +++++++++++++++ 14 files changed, 577 insertions(+) create mode 100644 docs/design/wireframes/add-lesson-mobile.svg create mode 100644 docs/design/wireframes/add-lesson.svg create mode 100644 docs/design/wireframes/admin-courses-mobile.svg create mode 100644 docs/design/wireframes/admin-courses.svg create mode 100644 docs/design/wireframes/admin-user-form-mobile.svg create mode 100644 docs/design/wireframes/admin-user-form.svg create mode 100644 docs/design/wireframes/error-mobile.svg create mode 100644 docs/design/wireframes/error.svg create mode 100644 docs/design/wireframes/forgot-password-mobile.svg create mode 100644 docs/design/wireframes/forgot-password.svg create mode 100644 docs/design/wireframes/privacy-mobile.svg create mode 100644 docs/design/wireframes/privacy.svg create mode 100644 docs/design/wireframes/reset-password-mobile.svg create mode 100644 docs/design/wireframes/reset-password.svg diff --git a/docs/design/wireframes/add-lesson-mobile.svg b/docs/design/wireframes/add-lesson-mobile.svg new file mode 100644 index 0000000..dd0ce90 --- /dev/null +++ b/docs/design/wireframes/add-lesson-mobile.svg @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/design/wireframes/add-lesson.svg b/docs/design/wireframes/add-lesson.svg new file mode 100644 index 0000000..db76bdf --- /dev/null +++ b/docs/design/wireframes/add-lesson.svg @@ -0,0 +1,59 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/design/wireframes/admin-courses-mobile.svg b/docs/design/wireframes/admin-courses-mobile.svg new file mode 100644 index 0000000..1a89572 --- /dev/null +++ b/docs/design/wireframes/admin-courses-mobile.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/design/wireframes/admin-courses.svg b/docs/design/wireframes/admin-courses.svg new file mode 100644 index 0000000..bbb5cc4 --- /dev/null +++ b/docs/design/wireframes/admin-courses.svg @@ -0,0 +1,63 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/design/wireframes/admin-user-form-mobile.svg b/docs/design/wireframes/admin-user-form-mobile.svg new file mode 100644 index 0000000..c55583b --- /dev/null +++ b/docs/design/wireframes/admin-user-form-mobile.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/design/wireframes/admin-user-form.svg b/docs/design/wireframes/admin-user-form.svg new file mode 100644 index 0000000..0606db1 --- /dev/null +++ b/docs/design/wireframes/admin-user-form.svg @@ -0,0 +1,57 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/design/wireframes/error-mobile.svg b/docs/design/wireframes/error-mobile.svg new file mode 100644 index 0000000..da7f1c1 --- /dev/null +++ b/docs/design/wireframes/error-mobile.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/design/wireframes/error.svg b/docs/design/wireframes/error.svg new file mode 100644 index 0000000..ddeb453 --- /dev/null +++ b/docs/design/wireframes/error.svg @@ -0,0 +1,50 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/design/wireframes/forgot-password-mobile.svg b/docs/design/wireframes/forgot-password-mobile.svg new file mode 100644 index 0000000..c8557e2 --- /dev/null +++ b/docs/design/wireframes/forgot-password-mobile.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/design/wireframes/forgot-password.svg b/docs/design/wireframes/forgot-password.svg new file mode 100644 index 0000000..bde79ee --- /dev/null +++ b/docs/design/wireframes/forgot-password.svg @@ -0,0 +1,51 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/design/wireframes/privacy-mobile.svg b/docs/design/wireframes/privacy-mobile.svg new file mode 100644 index 0000000..cd06c7a --- /dev/null +++ b/docs/design/wireframes/privacy-mobile.svg @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/design/wireframes/privacy.svg b/docs/design/wireframes/privacy.svg new file mode 100644 index 0000000..1f43fe8 --- /dev/null +++ b/docs/design/wireframes/privacy.svg @@ -0,0 +1,57 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/design/wireframes/reset-password-mobile.svg b/docs/design/wireframes/reset-password-mobile.svg new file mode 100644 index 0000000..6cfbc86 --- /dev/null +++ b/docs/design/wireframes/reset-password-mobile.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/design/wireframes/reset-password.svg b/docs/design/wireframes/reset-password.svg new file mode 100644 index 0000000..a3c55f8 --- /dev/null +++ b/docs/design/wireframes/reset-password.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + From 2755ac8d69240dd69a43163f14767a6e03644209 Mon Sep 17 00:00:00 2001 From: Eric Bouchut Date: Tue, 4 Aug 2026 03:24:30 +0200 Subject: [PATCH 04/10] docs(design): Add the mobile instructor and admin wireframe exports The instructor pages (courses, course editor, lesson editor, students) and the admin accounts page gain mobile wireframes, so both role flows are documented at 390 as well as at 1440. Refs #131 --- docs/design/wireframes/admin-users-mobile.svg | 34 +++++++++++++++++++ .../instructor-course-editor-mobile.svg | 33 ++++++++++++++++++ .../wireframes/instructor-courses-mobile.svg | 30 ++++++++++++++++ .../instructor-lesson-editor-mobile.svg | 29 ++++++++++++++++ .../wireframes/instructor-students-mobile.svg | 28 +++++++++++++++ 5 files changed, 154 insertions(+) create mode 100644 docs/design/wireframes/admin-users-mobile.svg create mode 100644 docs/design/wireframes/instructor-course-editor-mobile.svg create mode 100644 docs/design/wireframes/instructor-courses-mobile.svg create mode 100644 docs/design/wireframes/instructor-lesson-editor-mobile.svg create mode 100644 docs/design/wireframes/instructor-students-mobile.svg diff --git a/docs/design/wireframes/admin-users-mobile.svg b/docs/design/wireframes/admin-users-mobile.svg new file mode 100644 index 0000000..ab981e5 --- /dev/null +++ b/docs/design/wireframes/admin-users-mobile.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/design/wireframes/instructor-course-editor-mobile.svg b/docs/design/wireframes/instructor-course-editor-mobile.svg new file mode 100644 index 0000000..1f7b123 --- /dev/null +++ b/docs/design/wireframes/instructor-course-editor-mobile.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/design/wireframes/instructor-courses-mobile.svg b/docs/design/wireframes/instructor-courses-mobile.svg new file mode 100644 index 0000000..d2ba17f --- /dev/null +++ b/docs/design/wireframes/instructor-courses-mobile.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/design/wireframes/instructor-lesson-editor-mobile.svg b/docs/design/wireframes/instructor-lesson-editor-mobile.svg new file mode 100644 index 0000000..661722c --- /dev/null +++ b/docs/design/wireframes/instructor-lesson-editor-mobile.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/design/wireframes/instructor-students-mobile.svg b/docs/design/wireframes/instructor-students-mobile.svg new file mode 100644 index 0000000..f2b65c6 --- /dev/null +++ b/docs/design/wireframes/instructor-students-mobile.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + From f8e204d620fc55f22a8fc248e74c0820b49a1f07 Mon Sep 17 00:00:00 2001 From: Eric Bouchut Date: Tue, 4 Aug 2026 03:24:30 +0200 Subject: [PATCH 05/10] docs(design): Show the archive action in the editor and account wireframes The course editor, lesson editor, and accounts wireframes gain the archive control beside the submit button and in each account row, matching the wording used across the instructor and admin screens. Refs #131 --- docs/design/wireframes/admin-users.svg | 12 ++++++------ docs/design/wireframes/instructor-course-editor.svg | 8 +++++--- docs/design/wireframes/instructor-lesson-editor.svg | 8 +++++--- 3 files changed, 16 insertions(+), 12 deletions(-) diff --git a/docs/design/wireframes/admin-users.svg b/docs/design/wireframes/admin-users.svg index 716e3d0..2532ae5 100644 --- a/docs/design/wireframes/admin-users.svg +++ b/docs/design/wireframes/admin-users.svg @@ -1,9 +1,9 @@ - - - + + + @@ -28,17 +28,17 @@ - + - + - + diff --git a/docs/design/wireframes/instructor-course-editor.svg b/docs/design/wireframes/instructor-course-editor.svg index 933bf90..5fac04b 100644 --- a/docs/design/wireframes/instructor-course-editor.svg +++ b/docs/design/wireframes/instructor-course-editor.svg @@ -1,9 +1,9 @@ - - - + + + @@ -33,6 +33,8 @@ + + diff --git a/docs/design/wireframes/instructor-lesson-editor.svg b/docs/design/wireframes/instructor-lesson-editor.svg index 5f2de80..c1f39d3 100644 --- a/docs/design/wireframes/instructor-lesson-editor.svg +++ b/docs/design/wireframes/instructor-lesson-editor.svg @@ -1,9 +1,9 @@ - - - + + + @@ -33,6 +33,8 @@ + + From 28424321f1e626f8a2927a25c4eeb4cc22cd094e Mon Sep 17 00:00:00 2001 From: Eric Bouchut Date: Tue, 4 Aug 2026 03:41:51 +0200 Subject: [PATCH 06/10] docs(design): Add the course catalogue and course detail wireframes The catalogue and the course detail page had mockups but no wireframe record; both now have a desktop and a mobile variant, completing the one to one match between the wireframe and mockup sets. Refs #131 --- docs/design/wireframes/course-mobile.svg | 30 ++++++++++++ docs/design/wireframes/course.svg | 59 +++++++++++++++++++++++ docs/design/wireframes/courses-mobile.svg | 28 +++++++++++ docs/design/wireframes/courses.svg | 57 ++++++++++++++++++++++ 4 files changed, 174 insertions(+) create mode 100644 docs/design/wireframes/course-mobile.svg create mode 100644 docs/design/wireframes/course.svg create mode 100644 docs/design/wireframes/courses-mobile.svg create mode 100644 docs/design/wireframes/courses.svg diff --git a/docs/design/wireframes/course-mobile.svg b/docs/design/wireframes/course-mobile.svg new file mode 100644 index 0000000..92e7e6c --- /dev/null +++ b/docs/design/wireframes/course-mobile.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/design/wireframes/course.svg b/docs/design/wireframes/course.svg new file mode 100644 index 0000000..399c423 --- /dev/null +++ b/docs/design/wireframes/course.svg @@ -0,0 +1,59 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/design/wireframes/courses-mobile.svg b/docs/design/wireframes/courses-mobile.svg new file mode 100644 index 0000000..5af14ed --- /dev/null +++ b/docs/design/wireframes/courses-mobile.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/design/wireframes/courses.svg b/docs/design/wireframes/courses.svg new file mode 100644 index 0000000..2b87b6c --- /dev/null +++ b/docs/design/wireframes/courses.svg @@ -0,0 +1,57 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + From ebd059301b3798e64c88928196ef49be4501814b Mon Sep 17 00:00:00 2001 From: Eric Bouchut Date: Tue, 4 Aug 2026 04:12:50 +0200 Subject: [PATCH 07/10] docs(design): Replace the role field with the initial password in the account form The account creation wireframes showed a role selector that the application does not have: the route creates instructors only. Both variants now mirror the real form: username with its length hint, email, and the initial password with its handover note, inside the narrow centred card the page uses, followed by the link back to the accounts list. Refs #131 --- .../wireframes/admin-user-form-mobile.svg | 28 +++++++----- docs/design/wireframes/admin-user-form.svg | 44 ++++++++++--------- 2 files changed, 40 insertions(+), 32 deletions(-) diff --git a/docs/design/wireframes/admin-user-form-mobile.svg b/docs/design/wireframes/admin-user-form-mobile.svg index c55583b..bf28b7f 100644 --- a/docs/design/wireframes/admin-user-form-mobile.svg +++ b/docs/design/wireframes/admin-user-form-mobile.svg @@ -1,8 +1,8 @@ - - + + @@ -13,16 +13,20 @@ - - - - - - - - - - + + + + + + + + + + + + + + diff --git a/docs/design/wireframes/admin-user-form.svg b/docs/design/wireframes/admin-user-form.svg index 0606db1..9cc5120 100644 --- a/docs/design/wireframes/admin-user-form.svg +++ b/docs/design/wireframes/admin-user-form.svg @@ -1,11 +1,11 @@ - - + + - - + + - + @@ -23,29 +23,33 @@ - - - - - - - - - - + + + + + + + + + + + + + + - - - + + + - + - + From 0f5fc9f47e8564050ed0e296e599f7e75b012bb7 Mon Sep 17 00:00:00 2001 From: Eric Bouchut Date: Tue, 4 Aug 2026 10:26:19 +0200 Subject: [PATCH 08/10] docs(design): Move the publication actions below the course form The course editor wireframes kept the publication buttons inside the form card. In the application only Save sits there; publishing and archiving belong to a lifecycle section below the card, followed by the students link, the lessons section whose add button precedes the list, and the link back to the courses. Refs #131 --- .../instructor-course-editor-mobile.svg | 61 +++++++++----- .../wireframes/instructor-course-editor.svg | 81 +++++++++++++------ 2 files changed, 96 insertions(+), 46 deletions(-) diff --git a/docs/design/wireframes/instructor-course-editor-mobile.svg b/docs/design/wireframes/instructor-course-editor-mobile.svg index 1f7b123..55486bb 100644 --- a/docs/design/wireframes/instructor-course-editor-mobile.svg +++ b/docs/design/wireframes/instructor-course-editor-mobile.svg @@ -1,10 +1,10 @@ - - + + - - + + - + - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/design/wireframes/instructor-course-editor.svg b/docs/design/wireframes/instructor-course-editor.svg index 5fac04b..1f120e1 100644 --- a/docs/design/wireframes/instructor-course-editor.svg +++ b/docs/design/wireframes/instructor-course-editor.svg @@ -1,11 +1,11 @@ - - + + - - + + - + @@ -22,32 +22,64 @@ - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - + + + - + - + @@ -55,8 +87,5 @@ - - - From 844427fdbf29fedd034df55da85e465b6bf26674 Mon Sep 17 00:00:00 2001 From: Eric Bouchut Date: Tue, 4 Aug 2026 10:26:23 +0200 Subject: [PATCH 09/10] docs(design): Keep lesson archiving on the course editor The lesson editor wireframes carried an archive control the lesson form does not have: archiving and restoring a lesson happen per row on the course editor. Both lesson forms now show what the page really holds: the course breadcrumb, the title and content fields with their hints, and a single submit button, without a card wrapper. Refs #131 --- docs/design/wireframes/add-lesson-mobile.svg | 30 ++++++------ docs/design/wireframes/add-lesson.svg | 45 +++++++++-------- .../instructor-lesson-editor-mobile.svg | 32 ++++++------- .../wireframes/instructor-lesson-editor.svg | 48 +++++++++---------- 4 files changed, 76 insertions(+), 79 deletions(-) diff --git a/docs/design/wireframes/add-lesson-mobile.svg b/docs/design/wireframes/add-lesson-mobile.svg index dd0ce90..ce914a8 100644 --- a/docs/design/wireframes/add-lesson-mobile.svg +++ b/docs/design/wireframes/add-lesson-mobile.svg @@ -1,10 +1,10 @@ - - + + - - + + - + - - - - - - - - - + + + + + + + + + + + diff --git a/docs/design/wireframes/add-lesson.svg b/docs/design/wireframes/add-lesson.svg index db76bdf..2ab95c8 100644 --- a/docs/design/wireframes/add-lesson.svg +++ b/docs/design/wireframes/add-lesson.svg @@ -1,11 +1,11 @@ - - + + - - + + - + @@ -22,29 +22,31 @@ - - - - - - - - - - + + + + + + + + + + + + - - - + + + - + - + @@ -52,8 +54,5 @@ - - - diff --git a/docs/design/wireframes/instructor-lesson-editor-mobile.svg b/docs/design/wireframes/instructor-lesson-editor-mobile.svg index 661722c..31564c3 100644 --- a/docs/design/wireframes/instructor-lesson-editor-mobile.svg +++ b/docs/design/wireframes/instructor-lesson-editor-mobile.svg @@ -1,10 +1,10 @@ - - + + - - + + - + - - - - - - - - - - - + + + + + + + + + + + diff --git a/docs/design/wireframes/instructor-lesson-editor.svg b/docs/design/wireframes/instructor-lesson-editor.svg index c1f39d3..b04b218 100644 --- a/docs/design/wireframes/instructor-lesson-editor.svg +++ b/docs/design/wireframes/instructor-lesson-editor.svg @@ -1,11 +1,11 @@ - - + + - - + + - + @@ -22,32 +22,31 @@ - - - - - - - - - - - - - + + + + + + + + + + + + - - - + + + - + - + @@ -55,8 +54,5 @@ - - - From c894c59d6f98e83bb98c003a8ed428ea01a17f4f Mon Sep 17 00:00:00 2001 From: Eric Bouchut Date: Tue, 4 Aug 2026 10:26:32 +0200 Subject: [PATCH 10/10] docs(design): Use the wording and row actions of the application The instructor and admin wireframes carried invented labels. They now follow the application: My courses with Create a course, Course moderation for the admin catalogue with its cross link from Accounts, Reactivate rather than Restore for an archived account, Remove on each student row with the link back to the courses, and Register for this course on the course page. Refs #131 --- docs/design/wireframes/admin-courses-mobile.svg | 6 +++--- docs/design/wireframes/admin-courses.svg | 6 +++--- docs/design/wireframes/admin-users-mobile.svg | 5 +++-- docs/design/wireframes/admin-users.svg | 5 +++-- docs/design/wireframes/course-mobile.svg | 2 +- docs/design/wireframes/course.svg | 2 +- .../wireframes/instructor-courses-mobile.svg | 8 ++++---- docs/design/wireframes/instructor-courses.svg | 10 +++++----- .../wireframes/instructor-students-mobile.svg | 11 +++++++++-- docs/design/wireframes/instructor-students.svg | 17 ++++++++++++----- 10 files changed, 44 insertions(+), 28 deletions(-) diff --git a/docs/design/wireframes/admin-courses-mobile.svg b/docs/design/wireframes/admin-courses-mobile.svg index 1a89572..a67feb9 100644 --- a/docs/design/wireframes/admin-courses-mobile.svg +++ b/docs/design/wireframes/admin-courses-mobile.svg @@ -1,8 +1,8 @@ - - + + @@ -13,7 +13,7 @@ - + diff --git a/docs/design/wireframes/admin-courses.svg b/docs/design/wireframes/admin-courses.svg index bbb5cc4..97186b0 100644 --- a/docs/design/wireframes/admin-courses.svg +++ b/docs/design/wireframes/admin-courses.svg @@ -1,8 +1,8 @@ - - + + @@ -23,7 +23,7 @@ - + diff --git a/docs/design/wireframes/admin-users-mobile.svg b/docs/design/wireframes/admin-users-mobile.svg index ab981e5..a7b4b6b 100644 --- a/docs/design/wireframes/admin-users-mobile.svg +++ b/docs/design/wireframes/admin-users-mobile.svg @@ -1,8 +1,8 @@ - - + + @@ -29,6 +29,7 @@ + diff --git a/docs/design/wireframes/admin-users.svg b/docs/design/wireframes/admin-users.svg index 2532ae5..a120f80 100644 --- a/docs/design/wireframes/admin-users.svg +++ b/docs/design/wireframes/admin-users.svg @@ -1,8 +1,8 @@ - - + + @@ -39,6 +39,7 @@ + diff --git a/docs/design/wireframes/course-mobile.svg b/docs/design/wireframes/course-mobile.svg index 92e7e6c..e705795 100644 --- a/docs/design/wireframes/course-mobile.svg +++ b/docs/design/wireframes/course-mobile.svg @@ -17,7 +17,7 @@ - + diff --git a/docs/design/wireframes/course.svg b/docs/design/wireframes/course.svg index 399c423..475a231 100644 --- a/docs/design/wireframes/course.svg +++ b/docs/design/wireframes/course.svg @@ -27,7 +27,7 @@ - + diff --git a/docs/design/wireframes/instructor-courses-mobile.svg b/docs/design/wireframes/instructor-courses-mobile.svg index d2ba17f..17f37c9 100644 --- a/docs/design/wireframes/instructor-courses-mobile.svg +++ b/docs/design/wireframes/instructor-courses-mobile.svg @@ -1,8 +1,8 @@ - - + + @@ -13,9 +13,9 @@ - + - + diff --git a/docs/design/wireframes/instructor-courses.svg b/docs/design/wireframes/instructor-courses.svg index f110ba8..ec48f3b 100644 --- a/docs/design/wireframes/instructor-courses.svg +++ b/docs/design/wireframes/instructor-courses.svg @@ -1,9 +1,9 @@ - - - + + + @@ -23,9 +23,9 @@ - + - + diff --git a/docs/design/wireframes/instructor-students-mobile.svg b/docs/design/wireframes/instructor-students-mobile.svg index f2b65c6..466950b 100644 --- a/docs/design/wireframes/instructor-students-mobile.svg +++ b/docs/design/wireframes/instructor-students-mobile.svg @@ -1,8 +1,8 @@ - - + + @@ -23,6 +23,13 @@ + + + + + + + diff --git a/docs/design/wireframes/instructor-students.svg b/docs/design/wireframes/instructor-students.svg index 38b4fb6..b50acdc 100644 --- a/docs/design/wireframes/instructor-students.svg +++ b/docs/design/wireframes/instructor-students.svg @@ -1,9 +1,9 @@ - - - + + + @@ -33,11 +33,18 @@ + + + + + + + - - + +