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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<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=parent</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:pb-10"> <!-- School logos row --> <div class="tw:flex tw:items-center tw:justify-between tw:px-6 tw:py-3"> <div class="tw:bg-white tw:border-2 tw:border-[#555] tw:px-3 tw:py-1 tw:rounded-sm tw:shadow-[0_1px_4px_rgba(0,0,0,0.2)]"> <span class="tw:font-heading tw:font-bold tw:text-[13px] tw:leading-[1.6] tw:text-[#111] tw:tracking-[0.06em]"> GREENFORD </span> </div> <div class="tw:w-10 tw:h-10 tw:bg-white/70 tw:rounded-full tw:flex tw:items-center tw:justify-center tw:text-[11px] tw:font-bold tw:text-[#263C91]" aria-hidden="true"> GFC </div> </div> <!-- Centered card --> <div class="tw:flex tw:justify-center tw:px-6"> <div class="tw:bg-white tw:w-full tw:max-w-[552px] tw:shadow-[0_4px_24px_rgba(0,0,0,0.20)]"> <!-- Dot pagination (decorative) --> <div class="tw:flex tw:justify-center tw:gap-2 tw:pt-5 tw:pb-1.5" aria-hidden="true"> <span class="tw:w-2.5 tw:h-2.5 tw:rounded-full tw:bg-[#333] tw:block"></span> <span class="tw:w-2.5 tw:h-2.5 tw:rounded-full tw:bg-[#d0d0d0] tw:block"></span> <span class="tw:w-2.5 tw:h-2.5 tw:rounded-full tw:bg-[#d0d0d0] tw:block"></span> </div> <div class="tw:px-12 tw:pt-3 tw:pb-9"> <!-- Heading --> <div class="tw:text-center tw:mb-6"> <h2 class="tw:font-heading tw:font-semibold tw:text-[20px] tw:leading-[1.3] tw:text-[rgb(52,52,52)] tw:mb-2"> Let’s get started </h2> <div class="tw:text-[16px] tw:text-[rgb(108,117,125)]"> To get started, enter your email address below. As a parent or carer, you'll use this to manage your child's application and receive updates on their behalf. </div> </div> <form> <!-- Personal email --> <div class="tw:mb-[18px]"> <label for="email-entry-personal-email-parent" class="tw:block tw:font-bold tw:text-[14px] tw:mb-1 tw:text-[rgb(52,52,52)]"> Personal Email </label> <div class="tw:text-[14px] tw:text-[#2b48da] tw:mb-1.5 tw:leading-[1.45]"> This email address will serve as the primary communication channel for all updates regarding your application. </div> <input type="email" id="email-entry-personal-email-parent" name="personal_email" placeholder="Enter your personal email" 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> <!-- School email (optional) --> <div class="tw:mb-[18px]"> <label for="email-entry-school-email-parent" class="tw:block tw:font-bold tw:text-[14px] tw:mb-1 tw:text-[rgb(52,52,52)]"> Your school email address (optional) </label> <div class="tw:text-[14px] tw:text-[rgb(52,52,52)] tw:leading-[1.5] tw:mb-2"> You can add your personal school email address (e.g. yourname@schoolname.org — not the school office email address) so we can contact you if you ever lose access to your main email. <span>This step is <strong class="tw:font-bold">completely optional</strong> — only fill it in if you can currently log in and receive emails at that address.</span> </div> <div class="tw:bg-[rgb(236,239,244)] tw:rounded tw:px-3.5 tw:py-2.5"> <label class="tw:flex tw:items-center tw:gap-2 tw:text-[14px] tw:text-[rgb(52,52,52)] tw:cursor-pointer"> <input type="checkbox" name="add_school_email" class="tw:w-4 tw:h-4 tw:accent-[#2b48da]"> I can access my school email now and would like to add it. </label> <input type="email" id="email-entry-school-email-parent" name="school_email" placeholder="your.name@school.org" class="tw:w-full tw:box-border tw:mt-2 tw:px-3 tw:py-[7px] tw:border tw:border-[#ced4da] tw:rounded tw:text-[14px] tw:font-sans tw:outline-none tw:bg-white tw:focus:ring-2 tw:focus:ring-[#2b48da]/40"> </div> </div> <!-- reCAPTCHA mockup (decorative, non-interactive) --> <div class="tw:mb-[18px]"> <div class="tw:border tw:border-[#d3d3d3] tw:rounded tw:px-3.5 tw:py-3 tw:w-[230px] tw:bg-[#f9f9f9] tw:flex tw:items-center tw:gap-3" aria-hidden="true"> <span class="tw:w-[22px] tw:h-[22px] tw:border-2 tw:border-[#c0c0c0] tw:rounded-[3px] tw:shrink-0"></span> <span class="tw:text-[14px] tw:text-[#555]">I’m not a robot</span> <div class="tw:ml-auto tw:text-center tw:leading-[1.2]"> <i class="fa-solid fa-arrows-rotate tw:text-[18px] tw:text-[#4a90e2]"></i> <div class="tw:text-[8px] tw:text-[#999]">reCAPTCHA</div> <div class="tw:text-[7px] tw:text-[#bbb]">Privacy · Terms</div> </div> </div> </div> <!-- Submit --> <button type="submit" class="tw:w-full tw:py-2 tw:bg-[#5dca73] 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> Send Verification Email </button> </form> <!-- Separator --> <div class="tw:my-6 tw:border-t tw:border-dashed tw:border-[#ccc]"></div> <!-- ApplicaaOne section --> <div class="tw:text-center"> <div class="tw:font-heading tw:font-bold tw:text-[17px] tw:leading-none tw:mb-3"> <span class="tw:text-[#2b48da]">Applicaa</span><span class="tw:text-[#f97316] tw:italic">One</span> </div> <div class="tw:font-sans tw:font-bold tw:text-[18px] tw:leading-[1.35] tw:text-[rgb(38,60,145)] tw:mb-1.5"> Your Future Awaits, From Courses to Careers </div> <div class="tw:text-[14px] tw:text-[rgb(38,43,54)] tw:mb-5"> Introducing ApplicaaOne from Applicaa. </div> <div class="tw:flex tw:flex-col tw:gap-2 tw:text-left"> <div class="tw:flex tw:gap-3 tw:items-start tw:px-3 tw:py-2.5 tw:bg-[#f8f9ff] tw:border tw:border-[#e8eef8] tw:rounded"> <div class="tw:w-[42px] tw:h-[42px] tw:bg-[#e8eef8] tw:rounded-md tw:shrink-0 tw:flex tw:items-center tw:justify-center" aria-hidden="true"> <i class="fa-regular fa-star tw:text-[#2b48da] tw:text-[16px]"></i> </div> <div> <div class="tw:font-sans tw:font-bold tw:text-[13px] tw:leading-[1.3] tw:text-[rgb(52,52,52)] tw:mb-[3px]"> Track All Your Applications in One Place </div> <div class="tw:text-[12px] tw:text-[rgb(108,117,125)] tw:leading-[1.4]"> A single platform to track and log into your Applicaa applications. </div> </div> </div> <div class="tw:flex tw:gap-3 tw:items-start tw:px-3 tw:py-2.5 tw:bg-[#f8f9ff] tw:border tw:border-[#e8eef8] tw:rounded"> <div class="tw:w-[42px] tw:h-[42px] tw:bg-[#e8eef8] tw:rounded-md tw:shrink-0 tw:flex tw:items-center tw:justify-center" aria-hidden="true"> <i class="fa-regular fa-star tw:text-[#2b48da] tw:text-[16px]"></i> </div> <div> <div class="tw:font-sans tw:font-bold tw:text-[13px] tw:leading-[1.3] tw:text-[rgb(52,52,52)] tw:mb-[3px]"> Secure Backup Opportunities with Matching </div> <div class="tw:text-[12px] tw:text-[rgb(108,117,125)] tw:leading-[1.4]"> Find alternative options if you do not secure your first-choice courses. </div> </div> </div> <div class="tw:flex tw:gap-3 tw:items-start tw:px-3 tw:py-2.5 tw:bg-[#f8f9ff] tw:border tw:border-[#e8eef8] tw:rounded"> <div class="tw:w-[42px] tw:h-[42px] tw:bg-[#e8eef8] tw:rounded-md tw:shrink-0 tw:flex tw:items-center tw:justify-center" aria-hidden="true"> <i class="fa-regular fa-star tw:text-[#2b48da] tw:text-[16px]"></i> </div> <div> <div class="tw:font-sans tw:font-bold tw:text-[13px] tw:leading-[1.3] tw:text-[rgb(52,52,52)] tw:mb-[3px]"> Explore Future Careers </div> <div class="tw:text-[12px] tw:text-[rgb(108,117,125)] tw:leading-[1.4]"> Discover career paths and plan your journey beyond sixth form or college. </div> </div> </div> </div> </div> </div> </div> </div> </main></div>1
2
3
4
5
6
7
8
9
<%# Course-First Applications — Student Portal: Email entry, parent-only (AC2) %><%# Parent/carer-only mode: the prelinked-course URL routed the applicant straight into the ApplicaaOne email-entry flow — the landing/"Who's applying?" screens are bypassed entirely because user_type=parent is already known. Course context is retained in the URL. %><%# Reference: CourseFirstApplications/StudentFlow.jsx:246-391 (EmailEntryScreen) %><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=parent", course_id: "a1b2c3d4-e5f6-7890-abcd-ef1234567890", course_name: "A-Level Psychology" %> <%= render "projects/course_first_preview/email_entry", context: "parent" %></div>No notes provided.
No params configured.