-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Added: Prototype of "empty" parent portal dashboard (/prototypes/pare…
…nt-portal/index_empty.html)
- Loading branch information
Showing
2 changed files
with
97 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,96 @@ | ||
| <!DOCTYPE html> | ||
| <html dir="ltr" lang="en"> | ||
| <head> | ||
| <meta charset="utf-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" /> | ||
| <title>Sharpen Prototype: Parent Portal</title> | ||
| <link rel="stylesheet" href="/build/kezuri.css" /> | ||
| <script type="module" src="/build/kezuri.esm.js"></script> | ||
| <script nomodule src="/build/kezuri.js"></script> | ||
| </head> | ||
| <body> | ||
|
|
||
| <sharpen-primary-navigation current-learner="Abby Normal" current-user="Belinda Normal" class="sharpen-mb-md"> | ||
| <div slot="learner-links" class="sharpen-menu-links"> | ||
| <h5 class="sharpen-nav-link-header">Learners</h5> | ||
| <sharpen-nav-link icon="face" name="Jurdrick Profar" href="javascript:void();"></sharpen-nav-link> | ||
| <sharpen-nav-link icon="face" name="Juremy Profar" href="javascript:void();"></sharpen-nav-link> | ||
| <sharpen-nav-link icon="face" name="Jurickson Profar" href="javascript:void();"></sharpen-nav-link> | ||
| <sharpen-nav-link icon="add" name="Add new..." href="javascript:void();"></sharpen-nav-link> | ||
| </div> | ||
|
|
||
| <div slot="user-links" class="sharpen-menu-links"> | ||
| <sharpen-nav-link icon="account_box" name="Account" href="javascript:void();"></sharpen-nav-link> | ||
| <hr> | ||
| <h5 class="sharpen-nav-link-header">Learner Settings</h5> | ||
| <sharpen-nav-link icon="edit" name="Jurdrick Profar" href="javascript:void();"></sharpen-nav-link> | ||
| <sharpen-nav-link icon="edit" name="Juremy Profar" href="javascript:void();"></sharpen-nav-link> | ||
| <sharpen-nav-link icon="edit" name="Jurickson Profar" href="javascript:void();"></sharpen-nav-link> | ||
| <sharpen-nav-link icon="add" name="Add new..." href="javascript:void();"></sharpen-nav-link> | ||
| <hr> | ||
| <sharpen-nav-link icon="logout" name="Log Out" href="javascript:void();"></sharpen-nav-link> | ||
| </div> | ||
| </sharpen-primary-navigation> | ||
|
|
||
| <main class="container"> | ||
|
|
||
| <h1 class="sharpen-heading-3xl sharpen-heading--bordered sharpen-mb-lg"> | ||
| <i class="sharpen-icon">monitoring</i> | ||
| Abby's Tutoring Progress | ||
| </h1> | ||
|
|
||
| <div class="row"> | ||
| <div class="col-md-6 col-lg-4 col-xl-3"> | ||
| <sharpen-card border="none" padding="medium" class="sharpen-mb-md"> | ||
| <dl class="sharpen-list"> | ||
| <dt>Your tutor</dt> | ||
| <dd> | ||
| <em>No tutor assigned</em> | ||
| </dd> | ||
| </dl> | ||
| </sharpen-card> | ||
|
|
||
| <sharpen-card border="none" padding="medium" class="sharpen-mb-md"> | ||
| <dl class="sharpen-list"> | ||
| <dt>Your schedule</dt> | ||
| <dd><em>No schedule set</em></dd> | ||
| </dl> | ||
| </sharpen-card> | ||
|
|
||
| <sharpen-card border="none" padding="medium" class="sharpen-mb-md"> | ||
| <dl class="sharpen-list sharpen-mb-sm"> | ||
| <dt>Purchase more sessions</dt> | ||
| </dl> | ||
| <div class="sharpen-text-xs sharpen-mb-md">Keep the progress going and maintain your current timeslots with your tutor. See your most recent tutoring update email for your remaining session count.</div> | ||
| <a href="#" class="sharpen-button sharpen-button--small sharpen-button--full-width sharpen-button--primary sharpen-mb-sm">Buy 4 more sessions</a> | ||
| <a href="#" class="sharpen-button sharpen-button--small sharpen-button--full-width sharpen-button--primary sharpen-mb-sm">Buy 8 more sessions</a> | ||
| <a href="#" class="sharpen-button sharpen-button--small sharpen-button--full-width sharpen-button--primary sharpen-mb-sm">Buy 12 more sessions</a> | ||
| </sharpen-card> | ||
|
|
||
| <hr class="d-md-none" /> | ||
| </div> | ||
| <div class="col-md-6 col-lg-4 col-xl-5"> | ||
|
|
||
| <sharpen-card border="none" padding="medium" class="sharpen-mb-md"> | ||
| <dl class="sharpen-list"> | ||
| <dt>Current Level</dt> | ||
| <dd><span class="sharpen-text-2xl">Unknown</span></dd> | ||
| </dl> | ||
|
|
||
| <div class="sharpen-text-xs sharpen-text--muted sharpen-mt-sm"> | ||
| Abby has not yet been placed in the Sharpen Reading curriculum. | ||
| </div> | ||
| </sharpen-card> | ||
|
|
||
| <hr class="d-md-none" /> | ||
|
|
||
| </div> | ||
| <div class="col-lg-4 col-xl-4"> | ||
|
|
||
| </div> | ||
| </div> | ||
|
|
||
| </main> | ||
|
|
||
| </body> | ||
| </html> |