Command Palette

Search for a command to run...

Hectal
Phase 6: The Head, SEO and Sharing
HTML · Exercise 4 of 6 PreviousNext
Intermediate

Icons, theme colour and an installable manifest

Make the Tickit to-do app installable. In the head, add: an SVG favicon link (/icon.svg, with its type), an Apple touch icon (/apple-touch-icon.png), a manifest link (/manifest.webmanifest) and a theme-color.

Then complete the manifest JSON in the <script id="manifest"> block: a name, a start_url of /, display set to standalone, and icons of size 192x192 and 512x512. It must stay valid JSON.

What Check tests

  1. An SVG favicon link with its type
  2. An Apple touch icon link
  3. A manifest link
  4. A theme-color meta tag with a colour
  5. The manifest is valid JSON with name, start_url and standalone display
  6. The manifest has 192 and 512 pixel icons

Stuck? One hint at a time

The solution unlocks after your first Check. Try first: that is where the learning happens.

Runs in your browser. Your code is saved here.

Your page

Press Run to see the page.

Console

Nothing logged yet.