Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added dom.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
141 changes: 141 additions & 0 deletions index.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,141 @@
body
{
font-family: Georgia, 'Times New Roman', Times, serif;
}

.title
{
text-align: center;
font-size: 40px;
}

.name
{
margin: 0;
padding: 0;
}

.sub-name
{
font-size: 25px;
margin: 0;
padding: 0;
}

.information
{
border: 1px solid black;
column-count: 3;
margin: 5px;
}

.paper-number
{
margin: 0;
padding: 5px;
text-align: left;
}

.paper-date
{
margin: 0;
padding: 5px;
text-align: center;
}

.paper-type
{
margin: 0;
padding: 5px;
text-align: right;
}

main
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

лучше применять стили не к тегу, а к конкретному классу, чтобы эти стили не применились там, где не надо потом внезапно
и чтобы было понятнее, к чему применяются стили

{
column-count: 4;
column-rule: 2px solid black;
}

figure img
{
width: 100%;
}

figcaption
{
font-style: italic;
text-align: justify;
}

.content
{
column-rule: 1px dotted black;
}

.content p:first-of-type::first-letter
{
font-size: 30px;
margin-right: 2px;
}

.article1 .content
{
column-count: 2;
}

.article2 .content
{
column-count: 3;
}

.article2 .article-title
{
text-align: center;
font-family: Cambria, 'Times New Roman', serif;
font-style: oblique;
font-weight: 100;
border-top: 1px double black;
border-bottom: 1px double black;
}

.article3 .content
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

можно объединить с .article2 .content, а еще лучше не называть классы 1,2,3 а делать более понятными

{
column-count: 3;
}

.article3 .article-title
{
text-align: center;
font-family: 'Times New Roman', serif;
font-style: bold;
font-weight: 100;
border-top: 1px dotted black;
border-bottom: 1px dotted black;
}

.article4 .content
{
column-count: 2;
}

.article4 .article-title
{
font-family: fantasy;
padding: 10px;
border: 4px solid black;
text-align: center;
}

.vertical-text
{
font-size: 20px;
font-family: 'Times New Roman', Times, serif;
font-weight: bold;
writing-mode: vertical-lr;
text-orientation: upright;
text-transform: uppercase;
float: right;
padding: 10px;
border: 1px dashed black;
margin: 10px;
}
153 changes: 153 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,160 @@
<head>
<meta charset="utf-8">
<title>Задача «DeLorean DMC-12»</title>
<link rel="stylesheet" href="index.css">
</head>
<body>
<section class="title">
<h1 class="name">The Fake News</h1>
<p class="sub-name">Folow the news</p>
</section>
<section class="information">
<p class="paper-number">Index is 21</p>
<p class="paper-date">Thusday 32</p>
<p class="paper-type">Index out of range</p>
</section>
<main>
<article class="article1">
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

что-то у тебя не так с отступами

<h2>Санкции против России</h2>
<section class="content">
<p>
Владимир Путин ответил на недружественные some действия
Украины к российским гражданам и предприятиям.
Глава российского государства подписал указ
о введении ответных санкций к украинской стороне. У
каз вступает в силу с 22 октября 2018 года.
</p>
<p>
Президент России Владимир Путин подписал указ о применении санкций в связи
с недружественными действиями Украины,
«связанными с введением ограничительных мер в отношении граждан и юридических лиц».
Какие меры вводил Киев против России — в справке “Ъ”.
С 7 апреля 2014 года Украина ограничила россиянам срок пребывания на своей
территории до 90 суток.
11 апреля того же года Киев впервые поддержал личные санкции,
введенные Евросоюзом против граждан России и Украины.
В списке находились 33 человека, в том числе председатель
СФ РФ Валентина Матвиенко и тогдашний
вице-премьер Дмитрий Рогозин.
</p>
<p>
17 апреля Украина ограничила въезд на свою территорию
«всем гражданам России в возрасте от 16 до 60 лет»
без официального приглашения или документов,
подтверждающих болезнь (смерть) близкого родственника.
11 сентября Украина запретила въезд в страну 35 сотрудникам российских
СМИ на срок от трех до пяти лет.
</p>
</section>
<figure>
<img
src="https://avatars.mds.yandex.net/get-pdb/27625/abe819b7-5ba8-4202-87fd-108323e7e26d/s1200"
alt="big bear">
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

                <img 
                    src="https://avatars.mds.yandex.net/get-pdb/27625/abe819b7-5ba8-4202-87fd-108323e7e26d/s1200"
                    alt="big bear"
                >

лучше так выравнять тогда уж

<figcaption>
"Красивый, грозный мишка."
</figcaption>
</figure>
</article>
<article class="article2">
<h1 class="article-title">Дом снесут ради здания филармонии</h1>
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

кажется, тут должны быть уже h2, ведь h1 был выше

<section class="content">
<p>
Пятиэтажный дом на Карла Либкнехта, 40 точно снесут ради нового
здания филармонии. Таковы итоги общественного обсуждения
проекта, которые опубликованы на сайте мэрии Екатеринбурга.
«Учет поступивших от участников общественных обсуждений
предложений о сохранении жилого дома № 40 по улице Карла
Либкнехта не представляется возможным в случае реализации
проектов», — говорится в документе за подписью главного
архитектора Екатеринбурга Андрея Молокова.
Перенести филармонию тоже нельзя, объясняют в
горадминистрации.
</p>
<p>
«Место размещения концертного комплекса
филармонии обусловлено необходимостью создания
нового концертного зала…в непосредственной близости
с существующим зданием филармонии и объединения зданий
в один концертный комплекс мирового класса», — отмечается
в том же документе.
</p>
<p>
Напомним, что в сентябре в Екатеринбурге
подвели итоги конкурса концепций строительства
концертного зала Свердловской филармонии.
Победителем выбрали британское архитектурное бюро
Zaha Hadid Architects, которое разработало необычный
проект. В здании филармонии, помимо прочего, разместят
офисы, лаундж-зону, зеленое пространство,
а рядом — автомобильную парковку. При этом для
строительства филармонии нужно будет снести
пятиэтажку на Карла Либкнехта, 40.</p>
</section>
<figure>
<img src="dom.jpg" alt="dom">
<figcaption>
"Тот самый дом, в которой безметежно живут бедные люди,
которые не подозревают о предстоящей напасти."
</figcaption>
</figure>
</article>
<article class="article3">
<h1 class="article-title">Жители Екатеринбурга увидят, как Луна сблизится с Ураном</h1>
<section class="content">
<p>
Ночью 24 октября жители Екатеринбурга смогут увидеть
необычные явление — Луна сблизится с планетой Уран.
Как передаёт е1.ru со ссылкой на инженера учебной
обсерватории Уральского федерального университета
Владилена САНАКОЕВА, именно 24 октября наша планета
будет находиться на наиболее близком расстоянии с Ураном.
При этом Санакоев отмечает, что заметить Уран без
специальных приспособлений смогут, пожалуй, лишь люди с очень острым зрением.
Так что лучше воспользоваться телескопом, который позволит рассмотреть диск планеты.
Автор: С.Б.
</p>
</section>
<figure>
<img src="https://вечерний-екатеринбург.рф/uploads/posts/2018-10/1540264563_dscn3220.jpg"
alt="moon">
<figcaption>
"Та самая Луна, которую все так ждут."
</figcaption>
</figure>
</article>
<article class="article4">
<h1 class="article-title">
На Среднем Урале поймали 4,5
тысячи пешеходов-нарушителей за три дня
</h1>
<section class="content">
<div class="vertical-text">Что дальше</div>
<p>
В Госавтоинспекции Свердловской области подвели
итоги акции «Безопасная дорога». Мероприятие,
направленное на снижение количества ДТП с участием
пешеходов, прошло на Среднем Урале с 16 по 18 октября.
Как сообщает пресс-служба ГИБДД по Свердловской области,
за три дня инспекторы ДПС привлекли к ответственности
4 483 пешехода, которые намеренно нарушили ПДД.
100 из них находились на загородных трассах без
световозвращающих элементов. Ещё 59 человек гуляли по
дорогам вне городской черты с риском для жизни.
Помимо пешеходов, сотрудники ГИБДД также обращали
внимание на водителей, которые не предоставляли
преимущества пешеходам на переходах.
В Госавтоинспекции отмечают, что чаще всего наезды с
наиболее тяжёлыми последствиями происходят на загородных
трассах и в тёмное время суток. Однако и на освещённых
пешеходных переходах водители часто не пропускают пешеходов в
тёмной одежде, поскольку не успевают их заметить из-за плохой
видимости, связанной с погодными условиями.
В ГИБДД обратились к пешеходам с просьбой в осенний период
времени максимально использовать на одежде световозвращающие
элементы, надевать яркую и заметную одежду.
</p>
</section>
</article>
</main>
</body>
</html>
Loading