Мы очень хотим, чтобы код вы написали сами, а не пользовались внешними библиотеками.
Прежде чем отправлять решение, проверьте его на соответствие требованиям к HTML коду
и требованиям к CSS.
В помощь вам мы разместили файл .editorconfig. Этот файл содержит базовые
правила оформления кода (codestyle), понятные для большинства редакторов.
Прочитайте о нём подробнее.
Из Азкабана сбежал преступник Бордерус Радиус, последователь злого преспешника АндефайндИзНотЭФаншкенуса (но мы называем его Тот-Кого-Нельзя-Сынтрпретировать). По всей школе магии ходят испуганные школьники и чтобы хоть как-то их успокоить министерство магии решает выпустить газету с веселыми историями и картинками. Вам нужно её сверстать.
Вот некоторые особенности газетной вёрстки:
-
Первая буква первого параграфа в статье обычно заметно выделяется
-
А текст разбивается на колонки
-
Есть, конечно, картинки и подписи к ним, иногда они занимают несколько колонок
-
Часто в тексте выделяют цитаты
-
Обычно используют много разных нестандартных шрифтов
-
В тексте используются переносы
-
Изредка текст пишут:
В
О
ТТ
А
К -
Изображения умеют двигаться, а герои на них пропадать.
Фантазия в данной задаче приветствуется, главное чтобы студенты сразу почуствовали себя спокойнее, от тёплой ламповой печатной газеты у них на руках.
Пример современной газеты (так себе):
Пример старинной газеты (вот, гораздо лучше):
Газета так же должна мочь хорошо распечататься на листах формата А4.
Вечером студенты идут пить сливочное пиво в деревушку Боксы и они все не против почитать газеты. Но, чтобы выйти из Хогвартса им нужно чтобы шалость удалась. Примеры шалостей, которые нужно реализовать.
- Возможность увеличить/уменьшить шрифт
- Возможность поменять шрифт на другой, другого типа
- Возможность поменять «черные буквы на белом» на «белые буквы на чёрном» (или другую цветовое тему).
- Возможность всем тексту исчезнуть или появиться.
- Секретная шалость, которую будет сложно найти даже профессору темных сил CSS
