Модификация домашней страницы

Изменим домашнюю страницу при помощи нового блока header и другого элемента Bootstrap, так называемого табло (jumbotron) — большого блока, который выдается на общем фоне страницы и может содержать любую информацию на ваше усмотрение. Обычно этот элемент используется на домашних страницах для размещения краткого описания проекта в целом. И раз уж мы занялись домашней страницей, заодно обновим текст сообщения. Файл index.html выглядит так:

index.html

{% extends "learning_logs/base.html" %}

(1) {% block header %}

(2) <div class='jumbotron'>

. .<h1>Track your learning.</h1> . . . .

</div>

{% endblock header %}

{% block content %}

(3) <h2>

. .<a href="{% url 'users:register' %}">Register an account</a> to make

. .your own Learning Log, and list the topics you're learning about.

</h2>

<h2>

. .Whenever you learn something new about a topic, make an entry

. .summarizing what you've learned.

</h2>

{% endblock content %}

В точке (1) мы сообщаем Django о том, что далее следует определение содержимого блока header. В элементе jumbotron (2) размещается краткий подзаголовок Track your learning, который дает посетителям представление о том, что делает Learning Log.

В точке (3) добавляется текст, который поможет сориентироваться неопытным пользователям. Приложение предлагает посетителю создать учетную запись, а также описывает два основных действия — создание новых тем и создание записей по темам. Страница на рис. 20.1 выглядит намного лучше, чем страница нашего проекта с простейшим оформлением.