diff --git a/package-lock.json b/package-lock.json index eb96b60..43a0b6b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@sharpen-com/kezuri", - "version": "0.13.4", + "version": "0.13.5", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@sharpen-com/kezuri", - "version": "0.13.4", + "version": "0.13.5", "license": "MIT", "dependencies": { "@stencil/core": "4.11", diff --git a/package.json b/package.json index 1d0dc14..1d47f4d 100644 --- a/package.json +++ b/package.json @@ -2,7 +2,7 @@ "name": "@sharpen-com/kezuri", "description": "The Sharpen Design System", "license": "MIT", - "version": "0.13.4", + "version": "0.13.5", "main": "dist/index.cjs.js", "module": "dist/index.js", "es2015": "dist/esm/index.mjs", diff --git a/src/components/sharpen-alert/sharpen-alert.scss b/src/components/sharpen-alert/sharpen-alert.scss index 20b1c8d..4f4e2d4 100644 --- a/src/components/sharpen-alert/sharpen-alert.scss +++ b/src/components/sharpen-alert/sharpen-alert.scss @@ -5,9 +5,26 @@ sharpen-alert { display: flex; margin-bottom: var(--spacing-md); - &[type="success"] { background-color: var(--color-light-green); } - &[type="warning"] { background-color: var(--color-light-orange); } - &[type="danger"] { background-color: var(--color-light-red); } + &[type="success"] { + background-color: var(--color-light-green); + a { color: var(--color-dark-green); } + } + + &[type="warning"] { + background-color: var(--color-light-orange); + a { color: var(--color-dark-orange); } + } + + &[type="danger"] { + background-color: var(--color-light-red); + a { color: var(--color-dark-red); } + } + + &[type="info"] { + background-color: var(--color-gray-4); + a { color: var(--color-gray-1); } + } + .sharpen-alert--icon { padding-right: var(--spacing-md); diff --git a/src/index.html b/src/index.html index 16472c0..40b5428 100644 --- a/src/index.html +++ b/src/index.html @@ -3,7 +3,7 @@ - prototypes.sharpen.com + Sharpen User Experience Prototypes Library @@ -23,7 +23,7 @@
-

prototypes.sharpen.com

+

Sharpen User Experience Prototypes Library

diff --git a/src/index.ts b/src/index.ts index dcaee2a..e213cc4 100644 --- a/src/index.ts +++ b/src/index.ts @@ -24,4 +24,4 @@ export * from './components/sharpen-simple-navigation/sharpen-simple-navigation' export * from './components/sharpen-story-header/sharpen-story-header' export * from './components/sharpen-story-page/sharpen-story-page' export * from './components/sharpen-waiting-bar/sharpen-waiting-bar' -export * from './components/sharpen-wizard-header/sharpen-wizard-header' \ No newline at end of file +export * from './components/sharpen-wizard-header/sharpen-wizard-header' diff --git a/src/prototypes/enterprise-layout/enterprise-layout.css b/src/prototypes/enterprise-layout/enterprise-layout.css index c3d10aa..1f915eb 100644 --- a/src/prototypes/enterprise-layout/enterprise-layout.css +++ b/src/prototypes/enterprise-layout/enterprise-layout.css @@ -72,4 +72,50 @@ html, body, .sharpen-enterprise-container { .sharpen-button-bar form { flex: 1; +} + + + + + +/* +** TABS +*/ + +.sharpen-tabs { + list-style-type: none; + display: flex; + gap: var(--spacing-xs); + border-bottom: 1px solid var(--color-gray-2); + margin-bottom: var(--spacing-md); +} + +.sharpen-tabs .tab { + border: 1px solid var(--color-gray-3); + border-bottom: transparent; + border-top-left-radius: var(--border-radius-sm); + border-top-right-radius: var(--border-radius-sm); + margin-bottom: -1px; +} + +.sharpen-tabs .tab.selected { + border: 1px solid var(--color-gray-2); + border-bottom-color: white; +} + +.sharpen-tabs .tab.selected > a { + color: #333; + font-weight: 600; +} + +.sharpen-tabs .tab > a { + display: block; + padding: var(--spacing-sm) var(--spacing-md); + text-decoration: none; +} + +.sharpen-tabs .tab > a .sharpen-icon { + vertical-align: -6px; + margin-right: 0.25em; + margin-left: -3px; } \ No newline at end of file diff --git a/src/prototypes/enterprise-layout/index.html b/src/prototypes/enterprise-layout/index.html index 6da03c3..6e8c498 100644 --- a/src/prototypes/enterprise-layout/index.html +++ b/src/prototypes/enterprise-layout/index.html @@ -1,167 +1,131 @@ - - - - Sharpen Prototype: Enterprise Layout - - - + + + + Sharpen Prototype: Enterprise Management + + + + + + - - - - +
-
-
- + Sharpen User Experience Prototypes Library -

Public Schools of Brookline

+ - +

PROTOTYPE

+

Enterprise Management

- - -
-
- -

- Students -

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
web + District - Details +
web + District - Administrators +
web + Users +
web + Users - User Details +
web + Users - Invite New User +
web + Users - Upload CSV +
web + Users - New User Setup +
web + Schools +
web + Schools - School Details +
web + Schools - School - Classes +
web + Schools - School - Show Class +
web + Students +
web + Students - Student Details +
web + Students - Edit Student +
-
-
-
- -
-
- -
- -
-
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Name ClassSharpen Level
faceAbelli, Onni -
Runkle School
- G1 · Mrs. Elliott - 		A - - -
faceHouk, Ranko -
Runkle School
- G1 · Mrs. Elliott - 		A - - -
faceKhachaturian, Ruf -
Runkle School
- G1 · Mrs. Elliott - 		A - - -
+ - +
- - - - + + \ No newline at end of file diff --git a/src/prototypes/enterprise-layout/students.html b/src/prototypes/enterprise-layout/students.html new file mode 100644 index 0000000..4f8e04b --- /dev/null +++ b/src/prototypes/enterprise-layout/students.html @@ -0,0 +1,175 @@ + + + + + + Sharpen Prototype: Enterprise Layout + + + + + + + + + +
+
+ + +

Public Schools of Brookline

+ + + + + +
+
+ +

+ Students +

+ + + +
+
+
+ +
+
+ +
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Name ClassSharpen Level
faceAbelli, Onni +
Runkle School
+ G1 · Mrs. Elliott + 		A + + +
faceHouk, Ranko +
Runkle School
+ G1 · Mrs. Elliott + 		A + + +
faceKhachaturian, Ruf +
Runkle School
+ G1 · Mrs. Elliott + 		A + + +
+ + + +
+
+ + + diff --git a/src/prototypes/milestones/img/book5.jpg b/src/prototypes/milestones/img/book5.jpg new file mode 100644 index 0000000..078689d Binary files /dev/null and b/src/prototypes/milestones/img/book5.jpg differ diff --git a/src/prototypes/milestones/img/book6.jpg b/src/prototypes/milestones/img/book6.jpg new file mode 100644 index 0000000..b9b65af Binary files /dev/null and b/src/prototypes/milestones/img/book6.jpg differ diff --git a/src/prototypes/milestones/img/book7.jpg b/src/prototypes/milestones/img/book7.jpg new file mode 100644 index 0000000..9314e42 Binary files /dev/null and b/src/prototypes/milestones/img/book7.jpg differ diff --git a/src/prototypes/milestones/img/book8.jpg b/src/prototypes/milestones/img/book8.jpg new file mode 100644 index 0000000..04aa822 Binary files /dev/null and b/src/prototypes/milestones/img/book8.jpg differ diff --git a/src/prototypes/milestones/img/book9.jpg b/src/prototypes/milestones/img/book9.jpg new file mode 100644 index 0000000..6791a0b Binary files /dev/null and b/src/prototypes/milestones/img/book9.jpg differ diff --git a/src/prototypes/milestones/index.html b/src/prototypes/milestones/index.html index 96a2d36..b75441b 100644 --- a/src/prototypes/milestones/index.html +++ b/src/prototypes/milestones/index.html @@ -3,83 +3,73 @@ - Sharpen Prototype: One-Device Reading Lesson + Sharpen Prototype: One-Device Milestones - - - - - - + - + -
-
-
-
-
-
Sharpen
-
-
- check_circle -

You finished Level A, Unit 1

-

Lesson 1

-
-
-
-
- -
+ + + + + + + + + + + + + + + + + + + +
web + End of Lesson +

Simple message with basic confetti

+
web + Up Next +

Preview of upcoming lesson

+
web + End of Unit +

Celebration with key words and enhanced confetti

+
web + End of Level +

Highlights popular books now accessible to learner, with premium confetti

+
- + - - + \ No newline at end of file diff --git a/src/prototypes/milestones/lesson.html b/src/prototypes/milestones/lesson.html new file mode 100644 index 0000000..57de31a --- /dev/null +++ b/src/prototypes/milestones/lesson.html @@ -0,0 +1,104 @@ + + + + + + Sharpen Prototype: One-Device Reading Lesson + + + + + + + + + + + + + +
+
+
+
+
+
Sharpen
+
+
+ check_circle +

You finished Level A, Unit 1

+

Lesson 1

+
+
+
+
+ +
+ + + + + + + diff --git a/src/prototypes/milestones/level.html b/src/prototypes/milestones/level.html index edb4c60..25f16a8 100644 --- a/src/prototypes/milestones/level.html +++ b/src/prototypes/milestones/level.html @@ -10,6 +10,7 @@ + @@ -74,6 +75,14 @@

Level A

diff --git a/src/prototypes/milestones/unit.html b/src/prototypes/milestones/unit.html index da18946..08c5085 100644 --- a/src/prototypes/milestones/unit.html +++ b/src/prototypes/milestones/unit.html @@ -10,6 +10,7 @@ + @@ -76,6 +77,32 @@

Unit 1

diff --git a/src/prototypes/reading-dashboard/active.html b/src/prototypes/reading-dashboard/active.html new file mode 100644 index 0000000..a0a97db --- /dev/null +++ b/src/prototypes/reading-dashboard/active.html @@ -0,0 +1,246 @@ + + + + + + Sharpen Prototype: Reading Dashboard + + + + + + + + + + + +
+
Learners
+ + + + +
+ +
+ +
+
Learner Settings
+ + + + +
+ +
+ + +
+ +

+ menu_bookWelcome to Sharpen Reading +

+ +
+
+ +
+
+
Abby's next lesson
+
+ Lesson 4 +
+
+ +
+ + + +
+
About the next lesson
+
Level A › Unit 2 › Lesson 4
+
+ +
+

In this lesson, Learners will:

+
    +
  • Play a Sound Game
    • +
  • Do a Word Puzzle for "will", "zip", "ship", "fish", "shop", and "went"
    • +
  • Learn to write "w" and "zip"
    • +
  • Do Letter-Sound Practice (sound to symbol)
    • +
  • Do Letter-Sound Practice (symbol to sound)
    • +
  • Say-and-Write "will", "zip", "ship", "fish", "shop", and "went"
    • +
  • Read Sentences with target words
    • +
+
+ + + +
+
Printable resources
+
+ As you progress through different units in the Sharpen curriculum, + links to additional printable resources will appear here. +
+
+ + + + +
+
+
+ + +
+
Abby's reading journey
+
+ + +
+
    +
  • + arrow_circle_rightLevel A +
    + +
    + 23% complete (11 of 48 lessons) +
    +
    + In Level A, Learners master the one-letter consonants, the so-called "short vowels," and the two-letter consonant spellings ll, sh, ch, th, and ck. Most of the words explored at this level consist of just three sounds (consonant-vowel-consonant). +
    + +
    +
    • +
  • + circleLevel B1 +
    • +
  • + circleLevel B2 +
    • +
+
+ + + +
+ +
+
+ + + +
2.2
+
+ Average weekly lessons completed +
+ + + Learners that complete 4 lessons per week typically see a 1-grade-level improvement in 3 months. + Need more support? Learn about Sharpen Tutoring + + + +
+
Tips for parents
+
+ Did you know? There are over 2,000 words covered by Sharpen Reading & Spelling! +
+
+ + + + + +

Fun, unique stories for practice between sessions

+
+
+ + + +
+

In Sharpen Storymaker, Abby can choose characters, settings, and plot twists to create fun & unique stories, aligned with Abby's current Sharpen reading level.

+
+ + + +
+
+ +
+ + +

Watch your child achieve their reading goals

+

At every Sharpen level, your learner will unlock fun new books that they can read. These classics are widely available at bookstores and your local library.

+
+
+

Level A

+
+
+ Book Title +
+
+ Book Title +
+
+
+
+

Level B1

+
+
+ Book Title +
+
+ Book Title +
+
+
+
+

Level B2

+
+
+ Book Title +
+
+ Book Title +
+
+
+
+

Levels C/D

+
+
+ Book Title +
+
+ Book Title +
+
+
+
+ + +
+ + + \ No newline at end of file diff --git a/src/prototypes/reading-dashboard/additional.html b/src/prototypes/reading-dashboard/additional.html new file mode 100644 index 0000000..77e0109 --- /dev/null +++ b/src/prototypes/reading-dashboard/additional.html @@ -0,0 +1,197 @@ + + + + + + Sharpen Prototype: Reading Dashboard + + + + + + + + + + + +
+
Learners
+ + + + +
+ +
+ +
+
Learner Settings
+ + + + +
+ +
+ + +
+ +

+ menu_bookWelcome to Sharpen Reading +

+ +
+
+ +
+
+
Arnel's next lesson
+
+ Placement +
+
+ +
+ + + +
+
About the next lesson
+
Placement
+
+ +
+

Before we can start Sharpen Reading, we ask you to conduct a + short placement assessment with your learner.

+
+ + +
+
+
+ + +
+
Abby's reading journey
+
+ + +
+
    +
  • + circleLevel A +
    • +
  • + circleLevel B1 +
    • +
  • + circleLevel B2 +
    • +
+
+ + + +
+ +
+
+ + + +
0
+
+ Average weekly lessons completed +
+ + + Learners that complete 4 lessons per week typically see a 1-grade-level improvement in 3 months. + + + +
+
Tips for parents
+
+ Did you know? There are over 2,000 words covered by Sharpen Reading & Spelling! +
+
+ + +
+
+ +
+ + +

Watch your child achieve their reading goals

+

At every Sharpen level, your learner will unlock fun new books that they can read. These classics are widely available at bookstores and your local library.

+
+
+

Level A

+
+
+ Book Title +
+
+ Book Title +
+
+
+
+

Level B1

+
+
+ Book Title +
+
+ Book Title +
+
+
+
+

Level B2

+
+
+ Book Title +
+
+ Book Title +
+
+
+
+

Levels C/D

+
+
+ Book Title +
+
+ Book Title +
+
+
+
+ + +
+ + + © 2023 Sharpen.com, Inc. + + + + + + + + \ No newline at end of file diff --git a/src/prototypes/reading-dashboard/inactive.html b/src/prototypes/reading-dashboard/inactive.html new file mode 100644 index 0000000..d039f9f --- /dev/null +++ b/src/prototypes/reading-dashboard/inactive.html @@ -0,0 +1,246 @@ + + + + + + Sharpen Prototype: Reading Dashboard + + + + + + + + + + + +
+
Learners
+ + + + +
+ +
+ +
+
Learner Settings
+ + + + +
+ +
+ + +
+ +

+ menu_bookWelcome to Sharpen Reading +

+ + Reactivate to continue lessons + +
+
+ +
+
+
Abby's next lesson
+
+ Lesson 4 +
+
+ +
+ + + +
+
About the next lesson
+
Level A › Unit 2 › Lesson 4
+
+ +
+

In this lesson, Learners will:

+
    +
  • Play a Sound Game
    • +
  • Do a Word Puzzle for "will", "zip", "ship", "fish", "shop", and "went"
    • +
  • Learn to write "w" and "zip"
    • +
  • Do Letter-Sound Practice (sound to symbol)
    • +
  • Do Letter-Sound Practice (symbol to sound)
    • +
  • Say-and-Write "will", "zip", "ship", "fish", "shop", and "went"
    • +
  • Read Sentences with target words
    • +
+
+ + + +
+
Printable resources
+
+ As you progress through different units in the Sharpen curriculum, + links to additional printable resources will appear here. +
+
+ + + + +
+
+
+ + +
+
Abby's reading journey
+
+ + +
+
    +
  • + arrow_circle_rightLevel A +
    + +
    + 23% complete (11 of 48 lessons) +
    +
    + In Level A, Learners master the one-letter consonants, the so-called "short vowels," and the two-letter consonant spellings ll, sh, ch, th, and ck. Most of the words explored at this level consist of just three sounds (consonant-vowel-consonant). +
    + +
    +
    • +
  • + circleLevel B1 +
    • +
  • + circleLevel B2 +
    • +
+
+ + + +
+ +
+
+ + + +
2.2
+
+ Average weekly lessons completed +
+ + + Learners that complete 4 lessons per week typically see a 1-grade-level improvement in 3 months. + + + +
+
Tips for parents
+
+ Did you know? There are over 2,000 words covered by Sharpen Reading & Spelling! +
+
+ + + + + +

Fun, unique stories for practice between sessions

+
+
+ + + +
+

In Sharpen Storymaker, Abby can choose characters, settings, and plot twists to create fun & unique stories, aligned with Abby's current Sharpen reading level.

+
+ + + +
+
+ +
+ + +

Watch your child achieve their reading goals

+

At every Sharpen level, your learner will unlock fun new books that they can read. These classics are widely available at bookstores and your local library.

+
+
+

Level A

+
+
+ Book Title +
+
+ Book Title +
+
+
+
+

Level B1

+
+
+ Book Title +
+
+ Book Title +
+
+
+
+

Level B2

+
+
+ Book Title +
+
+ Book Title +
+
+
+
+

Levels C/D

+
+
+ Book Title +
+
+ Book Title +
+
+
+
+ + +
+ + + \ No newline at end of file diff --git a/src/prototypes/reading-dashboard/index.html b/src/prototypes/reading-dashboard/index.html index 54be920..2f64321 100644 --- a/src/prototypes/reading-dashboard/index.html +++ b/src/prototypes/reading-dashboard/index.html @@ -8,259 +8,74 @@ - - - -
-
Learners
- - - - -
- -
- -
-
Learner Settings
- - - - -
- -
- - -
- -

- menu_bookWelcome to Sharpen Reading -

- -
-
- -
-
-
Jurickson's next lesson
-
- Lesson 4 -
-
- - play_arrow - Start - -
- - - -
-
About the next lesson
-
Level A › Unit 2 › Lesson 4
-
- -
-

In this lesson, Learners will:

-
    -
  • Play a Sound Game
    • -
  • Do a Word Puzzle for "will", "zip", "ship", "fish", "shop", and "went"
    • -
  • Learn to write "w" and "zip"
    • -
  • Do Letter-Sound Practice (sound to symbol)
    • -
  • Do Letter-Sound Practice (symbol to sound)
    • -
  • Say-and-Write "will", "zip", "ship", "fish", "shop", and "went"
    • -
  • Read Sentences with target words
    • -
-
- - - -
-
Printable resources
-
- - - - -
-
-
- - -
-
Jurickson's reading journey
-
- - -
-
    -
  • check_circlePlacement
    • -
  • check_circleIntroduction
    • -
  • - pendingLevel A -
      -
    • check_circle
      • -
    • check_circle
      • -
    • circle
      • -
    • circle
      • -
    • circle
      • -
    • circle
      • -
    • circle
      • -
    • circle
      • -
    • circle
      • -
    • circle
      • -
    • circle
      • -
    • circle
      • -
    -
    • -
  • - circleLevel B1 -
      -
    • circle
      • -
    • circle
      • -
    • circle
      • -
    • circle
      • -
    • circle
      • -
    • circle
      • -
    • circle
      • -
    • circle
      • -
    • circle
      • -
    • circle
      • -
    • circle
      • -
    • circle
      • -
    -
    • -
  • - circleLevel B2 -
      -
    • circle
      • -
    • circle
      • -
    • circle
      • -
    • circle
      • -
    • circle
      • -
    • circle
      • -
    • circle
      • -
    • circle
      • -
    • circle
      • -
    • circle
      • -
    • circle
      • -
    • circle
      • -
    -
    • -
-
- - - -
- -
-
- - - third column - - - -

Fun, unique stories for practice between sessions

-
-
- - - -
-

In Sharpen Storymaker, Abby can choose characters, settings, and plot twists to create fun & unique stories, aligned with Abby's current Sharpen reading level.

-
- - +
+ + Sharpen User Experience Prototypes Library + + + +

PROTOTYPE

+

One-Device Reading Dashboard

+ + + + + + + + + + + + + + + + + + + + + + + + +
web + New learner +

Customer has just signed up through the onboarding wizard, created their account, and confirmed their child profile

+
web + Active learner +

Learner has begun the curriculum.

+
web + Learner with inactive subscription +

Learner's subscription has lapsed.

+
web + New additional learner without placement +

Parent has just added an additional learner to account.

+
grid_view + Journey map variations +
+ + + + -
-
\ No newline at end of file diff --git a/src/prototypes/reading-dashboard/journeys.html b/src/prototypes/reading-dashboard/journeys.html new file mode 100644 index 0000000..3a7f55c --- /dev/null +++ b/src/prototypes/reading-dashboard/journeys.html @@ -0,0 +1,391 @@ + + + + + + Sharpen Prototype: Reading Dashboard + + + + + + + + +
+
+
+ +
+
Current Level
+
Level A
+
+ + +
+ check 23% complete (11 of 48 lessons) +
+ +
+ In Level A, Learners master the one-letter consonants, the so-called "short vowels," and the two-letter consonant spellings ll, sh, ch, th, and ck. Most of the words explored at this level consist of just three sounds (consonant-vowel-consonant). +
+ + + +
+
Abby's reading journey
+
+ + +
+
    +
  • + arrow_circle_rightLevel A (12 units) +
      +
    • check_circle
      • +
    • + pending +
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    +
    • +
  • + circleLevel B1 +
    • +
  • + circleLevel B2 +
    • +
+
+ + + +
+
+ + +
+
Abby's reading journey
+
+ + +
+
    +
  • + arrow_circle_rightLevel A +
    + +
    + 23% complete (11 of 48 lessons) +
    +
    + In Level A, Learners master the one-letter consonants, the so-called "short vowels," and the two-letter consonant spellings ll, sh, ch, th, and ck. Most of the words explored at this level consist of just three sounds (consonant-vowel-consonant). +
    + +
    +
    • +
  • + circleLevel B1 +
    • +
  • + circleLevel B2 +
    • +
+
+ + + +
+
+ + +
+
Abby's reading journey
+
+ + +
+
    +
  • + arrow_circle_rightLevel A12 units, 48 lessons total +
    +
    + ▀▀▀▀▀▀▀ + ▀▀▀▀▀ + ▀▀▀▀▀ + ▀▀▀▀▀ + ▀▀▀▀▀ + ▀▀▀ + ▀▀▀ + ▀▀▀ + ▀▀▀ + ▀▀▀ + ▀▀▀ + ▀▀▀ +
    +
    + 23% complete +
    +
    + In Level A, Learners master the one-letter consonants, the so-called "short vowels," and the two-letter consonant spellings ll, sh, ch, th, and ck. Most of the words explored at this level consist of just three sounds (consonant-vowel-consonant). +
    + +
    +
    • +
  • + circleLevel B1 +
    • +
  • + circleLevel B2 +
    • +
  • + circleLevel C +
    • +
  • + circleLevel D +
    • +
+
+ + + +
+
+ +
+ +
+
+ + +
+
Abby's reading journey
+
+ + +
+
    + +
  • + pendingLevel A +
      +
    • check_circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    +
    • +
  • + circleLevel B1 +
      +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    +
    • +
  • + circleLevel B2 +
      +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    +
    • +
+
+ + + + + +
+
+ + +
+
Abby's reading journey
+
+ + +
+
    +
  • + arrow_circle_rightLevel A (12 units) +
      +
    • check_circle
      • +
    • + pending +
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    +
    • +
  • + circleLevel B1 +
    • +
  • + circleLevel B2 +
    • +
+
+ + + + + +
+
Abby's reading journey
+
+ + +
+
    +
  • + check_circleLevel A +
    • +
  • + arrow_circle_rightLevel B1 (12 units) +
      +
    • check_circle
      • +
    • + pending +
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    • circle
      • +
    +
    • +
  • + circleLevel B2 +
    • +
+
+ + + + + +
+
+ + +
+
Abby's reading journey
+
+ + +
+
    +
  • + arrow_circle_rightLevel A (12 units) +
      +
    • + Unit 1: 1 2 3 4 5 6 7 + +
      • +
    • + Unit 2 + +
      • +
    • + Unit 3 +
      • +
    • + Unit 4 +
      • +
    • + Unit 5 +
      • +
    • + Unit 6 +
      • +
    • + Unit 7 +
      • +
    • + Unit 8 +
      • +
    • + Unit 9 +
      • +
    • + Unit 10 +
      • +
    • + Unit 11 +
      • +
    • + Unit 12 +
      • +
    +
    • +
  • + circleLevel B1 +
    • +
  • + circleLevel B2 +
    • +
+
+ + + + +
+
+ +
+ + + \ No newline at end of file diff --git a/src/prototypes/reading-dashboard/new.html b/src/prototypes/reading-dashboard/new.html new file mode 100644 index 0000000..d0e51e6 --- /dev/null +++ b/src/prototypes/reading-dashboard/new.html @@ -0,0 +1,246 @@ + + + + + + Sharpen Prototype: Reading Dashboard + + + + + + + + + + + +
+
Learners
+ + + + +
+ +
+ +
+
Learner Settings
+ + + + +
+ +
+ + +
+ +

+ menu_bookWelcome to Sharpen Reading +

+ +
+
+ +
+
+
Abby's next lesson
+
+ Introduction +
+
+ +
+ + + +
+
About the next lesson
+
Introduction
+
+ +
+

This interactive introduction will walk you and your learner through how Sharpen Reading works.

+
+ + + +
+
Printable resources
+
+ As you progress through different units in the Sharpen curriculum, + links to additional printable resources will appear here. +
+
+ + +
+
+
+ + +
+
Abby's reading journey
+
+ + +
+
    +
  • + arrow_circle_rightLevel A +
    + +
    + 0% complete (0 of 48 lessons) +
    +
    + In Level A, Learners master the one-letter consonants, the so-called "short vowels," and the two-letter consonant spellings ll, sh, ch, th, and ck. Most of the words explored at this level consist of just three sounds (consonant-vowel-consonant). +
    + +
    +
    • +
  • + circleLevel B1 +
    • +
  • + circleLevel B2 +
    • +
+
+ + + + +
+
Lessons too easy? Too hard?
+
+

We can adjust your child’s level placement anytime.

+ + + +
+ +
+
+ + + +
0
+
+ Average weekly lessons completed +
+ + + Learners that complete 4 lessons per week typically see a 1-grade-level improvement in 3 months. + + + + + +
+
Tips for parents
+
+ Did you know? There are over 2,000 words covered by Sharpen Reading & Spelling! +
+
+ + + + + +

Fun, unique stories for practice between sessions

+
+
+ + + +
+

In Sharpen Storymaker, Abby can choose characters, settings, and plot twists to create fun & unique stories, aligned with Abby's current Sharpen reading level.

+
+ + + +
+
+ +
+ + +

Watch your child achieve their reading goals

+

+ At the completion of every Sharpen level, your learner will be able to independently read fun new books. + These classics (and others like them) are widely available at bookstores and your local library. + Use them for extra reading practice between lessons. +

+
+
+

Level A

+
+
+ Book Title +
+
+ Book Title +
+
+
+
+

Level B1

+
+
+ Book Title +
+
+ Book Title +
+
+
+
+

Level B2

+
+
+ Book Title +
+
+ Book Title +
+
+
+
+

+ The Sharpen Reading curriculum includes digital storybooks for Level A and fables for Level B1. + Pick up printed versions in the Sharpen Store and feel confident that your child can read decodable content aligned with their level. +

+ + +
+ + + © 2023 Sharpen.com, Inc. + + + + + + + + \ No newline at end of file diff --git a/src/prototypes/reading-dashboard/reading-dashboard.css b/src/prototypes/reading-dashboard/reading-dashboard.css new file mode 100644 index 0000000..d0b8cff --- /dev/null +++ b/src/prototypes/reading-dashboard/reading-dashboard.css @@ -0,0 +1,124 @@ +.center-flex { + display: flex; + align-content: center; +} + +.center-flex > :first-child { + flex: 1; +} + +.next-lesson { + background-color: var(--color-mint); +} + +.level-description > :last-child { + margin-bottom: 0; +} + +ul.file-list li + li { + margin-top: var(--spacing-sm); +} + +sharpen-learning-map { + display: block; + font-size: 16pt; +} + +sharpen-learning-map .map-container { + position: relative; +} + +sharpen-learning-map .map-container:before { + content: ""; + background-color: var(--color-mint); + position: absolute; + width: 4px; + left: 14px; + top: 0; + bottom: 30px; +} + +sharpen-learning-map .map-container > ul { + position: relative; + z-index: 1; +} + +sharpen-learning-map ul { + list-style-type: none; +} + +sharpen-learning-map .map-container > ul > li { + margin: 6pt 0; +} + +sharpen-learning-map .map-container > ul > li > .sharpen-icon { + font-size: 24pt; + margin-right: 0.25em; + vertical-align: -8px; + background-color: white; +} + +sharpen-learning-map ul ul { + margin: 0 0 0.5em 1.75em; + display: flex; +} + +sharpen-learning-map ul ul .sharpen-icon { + font-size: 16pt; +} + +sharpen-learning-map .sharpen-icon { color: var(--color-gray-4); } +sharpen-learning-map .complete > .sharpen-icon { color: var(--color-evergreen); } +sharpen-learning-map .current > .sharpen-icon { color: var(--color-pine); } + +sharpen-learning-map .map-level-content { + margin-left: 2.6rem; +} + +sharpen-learning-map .level-description { + font-size: var(--font-size-xs); + color: var(--color-gray-1); +} + +sharpen-learning-map .sharpen-level-progress { + font-size: var(--font-size-sm); +} + +.images img { width: 80px; } + +.goals-book-covers { + display: flex; + gap: 1em; +} + +.goals-book-covers .cover { + width: 50%; +} + +.goals-book-covers img { + width: 100%; +} + +sharpen-learning-map .level-unit-count { + font-size: var(--font-size-sm); + color: var(--color-gray-2); + margin-left: var(--spacing-sm); +} + + +.unit-progress-blocks { + font-size: var(--font-size-xs); + margin-bottom: var(--spacing-sm); + color: var(--color-gray-4); + letter-spacing: -1px; + line-height: 90%; + margin-bottom: 0px; +} + +.unit-progress-blocks .unit { + margin-right: 2px; +} + +.unit-progress-blocks .complete { + color: var(--color-pine); +} \ No newline at end of file diff --git a/src/prototypes/roster-view/index.html b/src/prototypes/roster-view/index.html index bfa0a40..73e15a9 100644 --- a/src/prototypes/roster-view/index.html +++ b/src/prototypes/roster-view/index.html @@ -64,15 +64,15 @@

--> - +
- - + + @@ -82,12 +82,13 @@

@@ -98,12 +99,13 @@

@@ -114,12 +116,13 @@

@@ -130,12 +133,13 @@

@@ -146,12 +150,13 @@

@@ -162,12 +167,13 @@

@@ -178,12 +184,13 @@

@@ -194,12 +201,13 @@

@@ -210,12 +218,13 @@

@@ -226,12 +235,13 @@

Name Grade Sharpen LevelUser ID / PasscodeEditLinks
1 A - + Reading · + Spelling · + Story Maker · + ID/Passcode - 1 A - + Reading · + Spelling · + Story Maker · + ID/Passcode - 1 A - + Reading · + Spelling · + Story Maker · + ID/Passcode - 1 A - + Reading · + Spelling · + Story Maker · + ID/Passcode - 1 A - + Reading · + Spelling · + Story Maker · + ID/Passcode - 1 A - + Reading · + Spelling · + Story Maker · + ID/Passcode - 1 A - + Reading · + Spelling · + Story Maker · + ID/Passcode - 1 A - + Reading · + Spelling · + Story Maker · + ID/Passcode - 1 A - + Reading · + Spelling · + Story Maker · + ID/Passcode - 1 A - + Reading · + Spelling · + Story Maker · + ID/Passcode -