x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<div class="tw:flex tw:flex-col tw:h-screen"> <div class="tw:bg-[#2d2d2d] tw:px-3 tw:py-2 tw:flex tw:items-center tw:gap-2.5 tw:shrink-0"> <!-- Nav buttons (decorative — no navigation in this prototype) --> <div class="tw:flex tw:gap-1.5" aria-hidden="true"> <span class="tw:bg-transparent tw:border-0 tw:text-[#888] tw:w-6 tw:h-6 tw:rounded tw:text-[11px] tw:flex tw:items-center tw:justify-center"> <i class="fa-solid fa-arrow-left"></i> </span> <span class="tw:bg-transparent tw:border-0 tw:text-[#888] tw:w-6 tw:h-6 tw:rounded tw:text-[11px] tw:flex tw:items-center tw:justify-center"> <i class="fa-solid fa-arrow-right"></i> </span> <span class="tw:bg-transparent tw:border-0 tw:text-[#888] tw:w-6 tw:h-6 tw:rounded tw:text-[11px] tw:flex tw:items-center tw:justify-center"> <i class="fa-solid fa-rotate"></i> </span> </div> <!-- Address bar --> <div class="tw:flex-1 tw:bg-[#3d3d3d] tw:rounded-full tw:px-3.5 tw:py-[5px] tw:flex tw:items-center tw:gap-1.5 tw:text-[12px] tw:text-[#ccc] tw:font-mono tw:overflow-hidden"> <i class="fa-solid fa-lock tw:text-[#6cc] tw:text-[10px] tw:shrink-0" aria-hidden="true"></i> <span class="tw:text-[#aaa] tw:shrink-0">https://demo.applicaa.com/applicaa_one_student_registers/email?application_form_id=0199048d-6f41-7444-af61-218c07c9a1fc&user_type=student</span> <span class="tw:bg-[rgba(99,200,128,0.2)] tw:text-[#6cd] tw:rounded-[3px] tw:px-1 tw:font-bold tw:shrink-0">?course=a1b2c3d4-e5f6-7890-abcd-ef1234567890</span> <span class="tw:ml-1 tw:text-[#9a9] tw:text-[11px] tw:whitespace-nowrap tw:overflow-hidden tw:text-ellipsis"> → A-Level Psychology </span> </div> </div> <main class="tw:flex-1 tw:overflow-y-auto tw:bg-[linear-gradient(160deg,#c5d0d8_0%,#b2bfc8_35%,#9fadb6_65%,#8d9ba4_100%)] tw:flex tw:flex-col tw:items-center tw:justify-start tw:px-6 tw:py-10"> <div class="tw:bg-white tw:w-full tw:max-w-[552px] tw:shadow-[0_4px_24px_rgba(0,0,0,0.20)] tw:px-12 tw:py-10"> <!-- Match found banner --> <div class="tw:bg-[#d4edda] tw:border tw:border-[#c3e6cb] tw:rounded tw:px-4 tw:py-3 tw:mb-7 tw:flex tw:gap-2.5 tw:items-start tw:text-[14px]"> <i class="fa-solid fa-circle-check tw:text-[#28a745] tw:text-[18px] tw:shrink-0 tw:mt-px" aria-hidden="true"></i> <div> <div class="tw:font-bold tw:text-[#155724] tw:mb-[3px]">We found your school account</div> <div class="tw:text-[#1d6a34] tw:leading-[1.4]">Your email matches a student record at Greenford Sixth Form College. Log in with your school-provided credentials to continue.</div> </div> </div> <!-- Heading --> <div class="tw:text-center tw:mb-7"> <h2 class="tw:font-heading tw:font-semibold tw:text-[20px] tw:leading-[1.3] tw:text-[rgb(52,52,52)] tw:mb-1.5"> Log in with your school account </h2> <div class="tw:text-[14px] tw:text-[rgb(108,117,125)]"> Use your school username and password to continue. </div> </div> <form> <!-- School username --> <div class="tw:mb-3.5"> <label for="internal-login-username" class="tw:block tw:font-bold tw:text-[14px] tw:mb-1 tw:text-[rgb(52,52,52)]"> School username </label> <input type="text" id="internal-login-username" name="school_username" placeholder="firstname.lastname" class="tw:w-full tw:box-border tw:px-3 tw:py-[7px] tw:border tw:border-[#ced4da] tw:rounded tw:text-[14px] tw:font-sans tw:outline-none tw:focus:ring-2 tw:focus:ring-[#2b48da]/40"> </div> <!-- Password --> <div class="tw:mb-[22px]"> <label for="internal-login-password" class="tw:block tw:font-bold tw:text-[14px] tw:mb-1 tw:text-[rgb(52,52,52)]"> Password </label> <input type="password" id="internal-login-password" name="school_password" class="tw:w-full tw:box-border tw:px-3 tw:py-[7px] tw:border tw:border-[#ced4da] tw:rounded tw:text-[14px] tw:font-sans tw:outline-none tw:focus:ring-2 tw:focus:ring-[#2b48da]/40"> <div class="tw:text-right tw:mt-1.5"> <a href="#" class="tw:text-[13px] tw:text-[#2b48da] tw:no-underline">Forgot your school password?</a> </div> </div> <!-- Submit --> <button type="submit" class="tw:w-full tw:py-[9px] tw:bg-[rgb(93,202,115)] tw:text-white tw:border-0 tw:rounded tw:text-[14px] tw:font-semibold tw:cursor-pointer tw:flex tw:items-center tw:justify-center tw:gap-2 tw:hover:opacity-90"> <i class="fa-solid fa-lock tw:text-[12px]" aria-hidden="true"></i> Log in </button> </form> <!-- Pre-linked course note --> <div class="tw:mt-5 tw:px-3.5 tw:py-2.5 tw:bg-[#eff6ff] tw:border tw:border-[#bfdbfe] tw:rounded-md tw:text-[13px] tw:text-[#1e4fb5] tw:flex tw:gap-2 tw:items-center"> <i class="fa-solid fa-link tw:shrink-0" aria-hidden="true"></i> <span><strong class="tw:font-bold">A-Level Psychology</strong> will be pre-selected on your Courses step.</span> </div> <!-- Not you --> <div class="tw:text-center tw:mt-[18px]"> <a href="#" class="tw:text-[#2b48da] tw:text-[13px] tw:underline"> Not you? Use a different email </a> </div> </div> </main></div>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<%# ds:allow raw-hex — faithful translation of the ApplicaaOne student portal (CourseFirstApplications/StudentFlow.jsx); the palette is that product's, not DS+ %><%# Course-First Applications — Student Portal: Internal student login (AC5) %><%# The entered email matched an imported internal-student record, so instead of registering, the applicant is asked to log in with their existing school credentials. The prelinked course carries through and will be pre-selected once they reach the Courses step. %><%# Reference: CourseFirstApplications/StudentFlow.jsx:395-466 (InternalLoginScreen) %><div class="tw:flex tw:flex-col tw:h-screen"> <%= render "projects/course_first_preview/browser_bar", path: "applicaa_one_student_registers/email?application_form_id=0199048d-6f41-7444-af61-218c07c9a1fc&user_type=student", course_id: "a1b2c3d4-e5f6-7890-abcd-ef1234567890", course_name: "A-Level Psychology" %> <main class="tw:flex-1 tw:overflow-y-auto tw:bg-[linear-gradient(160deg,#c5d0d8_0%,#b2bfc8_35%,#9fadb6_65%,#8d9ba4_100%)] tw:flex tw:flex-col tw:items-center tw:justify-start tw:px-6 tw:py-10"> <div class="tw:bg-white tw:w-full tw:max-w-[552px] tw:shadow-[0_4px_24px_rgba(0,0,0,0.20)] tw:px-12 tw:py-10"> <!-- Match found banner --> <div class="tw:bg-[#d4edda] tw:border tw:border-[#c3e6cb] tw:rounded tw:px-4 tw:py-3 tw:mb-7 tw:flex tw:gap-2.5 tw:items-start tw:text-[14px]"> <i class="fa-solid fa-circle-check tw:text-[#28a745] tw:text-[18px] tw:shrink-0 tw:mt-px" aria-hidden="true"></i> <div> <div class="tw:font-bold tw:text-[#155724] tw:mb-[3px]">We found your school account</div> <div class="tw:text-[#1d6a34] tw:leading-[1.4]">Your email matches a student record at Greenford Sixth Form College. Log in with your school-provided credentials to continue.</div> </div> </div> <!-- Heading --> <div class="tw:text-center tw:mb-7"> <h2 class="tw:font-heading tw:font-semibold tw:text-[20px] tw:leading-[1.3] tw:text-[rgb(52,52,52)] tw:mb-1.5"> Log in with your school account </h2> <div class="tw:text-[14px] tw:text-[rgb(108,117,125)]"> Use your school username and password to continue. </div> </div> <form> <!-- School username --> <div class="tw:mb-3.5"> <label for="internal-login-username" class="tw:block tw:font-bold tw:text-[14px] tw:mb-1 tw:text-[rgb(52,52,52)]"> School username </label> <input type="text" id="internal-login-username" name="school_username" placeholder="firstname.lastname" class="tw:w-full tw:box-border tw:px-3 tw:py-[7px] tw:border tw:border-[#ced4da] tw:rounded tw:text-[14px] tw:font-sans tw:outline-none tw:focus:ring-2 tw:focus:ring-[#2b48da]/40"> </div> <!-- Password --> <div class="tw:mb-[22px]"> <label for="internal-login-password" class="tw:block tw:font-bold tw:text-[14px] tw:mb-1 tw:text-[rgb(52,52,52)]"> Password </label> <input type="password" id="internal-login-password" name="school_password" class="tw:w-full tw:box-border tw:px-3 tw:py-[7px] tw:border tw:border-[#ced4da] tw:rounded tw:text-[14px] tw:font-sans tw:outline-none tw:focus:ring-2 tw:focus:ring-[#2b48da]/40"> <div class="tw:text-right tw:mt-1.5"> <a href="#" class="tw:text-[13px] tw:text-[#2b48da] tw:no-underline">Forgot your school password?</a> </div> </div> <!-- Submit --> <button type="submit" class="tw:w-full tw:py-[9px] tw:bg-[rgb(93,202,115)] tw:text-white tw:border-0 tw:rounded tw:text-[14px] tw:font-semibold tw:cursor-pointer tw:flex tw:items-center tw:justify-center tw:gap-2 tw:hover:opacity-90"> <i class="fa-solid fa-lock tw:text-[12px]" aria-hidden="true"></i> Log in </button> </form> <!-- Pre-linked course note --> <div class="tw:mt-5 tw:px-3.5 tw:py-2.5 tw:bg-[#eff6ff] tw:border tw:border-[#bfdbfe] tw:rounded-md tw:text-[13px] tw:text-[#1e4fb5] tw:flex tw:gap-2 tw:items-center"> <i class="fa-solid fa-link tw:shrink-0" aria-hidden="true"></i> <span><strong class="tw:font-bold">A-Level Psychology</strong> will be pre-selected on your Courses step.</span> </div> <!-- Not you --> <div class="tw:text-center tw:mt-[18px]"> <a href="#" class="tw:text-[#2b48da] tw:text-[13px] tw:underline"> Not you? Use a different email </a> </div> </div> </main></div>No notes provided.
No params configured.