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
<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> </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:items-center tw:justify-center tw:px-6 tw:py-10"> <div class="tw:bg-white tw:rounded tw:px-10 tw:py-12 tw:max-w-[480px] tw:w-full tw:shadow-[0_4px_24px_rgba(0,0,0,0.20)] tw:text-center"> <!-- Green circular envelope icon --> <div class="tw:w-16 tw:h-16 tw:bg-[#d4edda] tw:rounded-full tw:flex tw:items-center tw:justify-center tw:mx-auto tw:mb-5"> <i class="fa-regular fa-envelope tw:text-[28px] tw:text-[#28a745]" aria-hidden="true"></i> </div> <!-- Heading --> <h2 class="tw:font-heading tw:font-semibold tw:text-[20px] tw:leading-[1.3] tw:text-[rgb(52,52,52)] tw:mb-3"> Check your email </h2> <!-- Explanatory copy --> <p class="tw:text-[14px] tw:text-[rgb(108,117,125)] tw:leading-[1.55] tw:mb-7"> We've sent a verification link to your email address. Click the link to verify your account and continue your application. </p> <!-- Continue button --> <button type="button" class="tw:w-full tw:py-2.5 tw:bg-[#5dca73] tw:text-white tw:border-0 tw:rounded tw:text-[14px] tw:font-semibold tw:cursor-pointer"> Continue </button> </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
<%# 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: Email verification sent (AC3) External path "Check your email" screen after submitting the email. Translated from CourseFirstApplications/StudentFlow.jsx:1285-1306 (verification-sent block).%><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" %> <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:items-center tw:justify-center tw:px-6 tw:py-10"> <div class="tw:bg-white tw:rounded tw:px-10 tw:py-12 tw:max-w-[480px] tw:w-full tw:shadow-[0_4px_24px_rgba(0,0,0,0.20)] tw:text-center"> <!-- Green circular envelope icon --> <div class="tw:w-16 tw:h-16 tw:bg-[#d4edda] tw:rounded-full tw:flex tw:items-center tw:justify-center tw:mx-auto tw:mb-5"> <i class="fa-regular fa-envelope tw:text-[28px] tw:text-[#28a745]" aria-hidden="true"></i> </div> <!-- Heading --> <h2 class="tw:font-heading tw:font-semibold tw:text-[20px] tw:leading-[1.3] tw:text-[rgb(52,52,52)] tw:mb-3"> Check your email </h2> <!-- Explanatory copy --> <p class="tw:text-[14px] tw:text-[rgb(108,117,125)] tw:leading-[1.55] tw:mb-7"> We've sent a verification link to your email address. Click the link to verify your account and continue your application. </p> <!-- Continue button --> <button type="button" class="tw:w-full tw:py-2.5 tw:bg-[#5dca73] tw:text-white tw:border-0 tw:rounded tw:text-[14px] tw:font-semibold tw:cursor-pointer"> Continue </button> </div> </main></div>No notes provided.
No params configured.