diff --git a/plinth/modules/first_boot/templates/firstboot_complete.html b/plinth/modules/first_boot/templates/firstboot_complete.html index d0323dd75..b931395dc 100644 --- a/plinth/modules/first_boot/templates/firstboot_complete.html +++ b/plinth/modules/first_boot/templates/firstboot_complete.html @@ -8,27 +8,79 @@ {% block content %} -

{% trans "Setup Complete!" %}

+

{% trans "Setup Complete! Next Steps:" %}

-

- {% blocktrans trimmed %} - Without any apps, your {{ box_name }} cannot do very much. - {% endblocktrans %} -

+
    +
  1. +
    +
    + {% url 'upgrades:index' as upgrades_url %} + {% blocktrans trimmed %} + Automatic software + update runs daily by default. For the first time, manually run + it now. + {% endblocktrans %} +
    + {% csrf_token %} + +
    +
    +
  2. -
    - - {% trans "Install Apps" %} -
    +
  3. +
    +
    + {% url 'privacy:index' as privacy_url %} + {% blocktrans trimmed %} + Review privacy options. + {% endblocktrans %} +
    +
  4. -

    -

    - {% url 'networks:index' as networks_url %} - {% blocktrans trimmed %} - You may want to check the network - setup and modify it if necessary. - {% endblocktrans %} -

    -

    +
  5. +
    +
    + {% url 'networks:index' as networks_url %} + {% blocktrans trimmed %} + Review and setup network + connections. Change the default Wi-Fi password, if applicable. + {% endblocktrans %} +
    +
  6. + +
  7. +
    +
    + {% url 'names:index' as names_url %} + {% blocktrans trimmed %} + Configure a domain name. + {% endblocktrans %} +
    +
  8. + +
  9. +
    +
    + {% url 'backups:index' as backups_url %} + {% blocktrans trimmed %} + Configure and schedule remote + backups. + {% endblocktrans %} +
    +
  10. + +
  11. +
    +
    + {% url 'apps' as apps_url %} + {% blocktrans trimmed %} + Put {{ box_name }} to use by installing + apps. + {% endblocktrans %} +
    +
  12. + {% endblock %} diff --git a/static/themes/default/css/main.css b/static/themes/default/css/main.css index 5492689f8..b8aecfe08 100644 --- a/static/themes/default/css/main.css +++ b/static/themes/default/css/main.css @@ -636,6 +636,29 @@ a.menu_link_active { width: 50%; } +.next-steps { + list-style: none; + margin-top: 1.5rem; + padding: 0; +} + +.next-steps li { + display: flex; + align-items: center; + padding: 0.75rem 0; +} + +.next-steps .app-icon { + font-size: 3rem; + margin-right: 1rem; + width: 3rem; + text-align: center; +} + +.next-steps form { + display: inline; +} + /* * Toggle button */