Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Рожков Максим #81

Open
wants to merge 7 commits into
base: master
Choose a base branch
from
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 Karton.woff
Binary file not shown.
Binary file added MSR.woff2
Binary file not shown.
Binary file added MainHeader.woff2
Binary file not shown.
92 changes: 92 additions & 0 deletions index.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,92 @@
@font-face
{
font-family: Parizhel;
src: url(MainHeader.woff2)format('truetype');
}

@font-face
{
font-family: Moscow Sans Regular;
src: url(MSR.woff2)format('truetype');
}

.mainHeader
{
font: 45px 'Parizhel', cursive;
text-align: center;
font-weight: bold;

Choose a reason for hiding this comment

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

Тоже можно унести в font

}

.head
{
text-align: center;
border-bottom: 1px solid #242121;
border-top: 1px solid #242121;
margin-bottom: 20px;
}

.aboutMarty
{
column-count: 3;
column-rule: 1px solid rgb(0, 0, 0);
margin-bottom: 20px;
}

.leftimg
{
float: left;
margin: 10px 7px 5px 5px;
filter: grayscale(100%);
}

p:first-letter
{
font-family: 'Lobster', cursive;
}

.family
{
column-count: 2;
column-rule: 1px solid rgb(0, 0, 0);
margin-top: 20px;
}

.docAndMarty
{
width: 100%;
filter: grayscale(100%);
}

.rub
{
position: absolute;
top: 5px;
right: 5px;
width: .7em;

Choose a reason for hiding this comment

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

Почему в em?
Подсказка: попробуй найти другой способ вертикального текста

word-wrap: break-word;
}

figcaption
{
text-align: center;
font-family: 'Kelly Slab', cursive;
}

main
{
margin: 1%;

Choose a reason for hiding this comment

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

?? Лучше сделать в px, потому что в % может работать не как ожидается

color: rgb(0, 0, 0);
font: 20px 'Moscow Sans Regular', Verdana, Helvetica, Arial, serif;
}

body header
{
padding: 5px;
text-align: center;
font-family: 'Lobster', cursive;
}

blockquote
{
font-family: 'Marmelad', Arial, Helvetica, sans-serif;
}
145 changes: 145 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,152 @@
<head>
<meta charset="utf-8">
<title>Задача «DeLorean DMC-12»</title>
<link rel="stylesheet" type="text/css" href="index.css">
<link href="https://fonts.googleapis.com/css?family=Kelly+Slab" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Marmelad" rel="stylesheet">
</head>
<body>
<main>
<aside class="rub">50 &#8381;</aside>
<header class="mainHeader">Wikipedia</header>
<header class="head">ЕКАТЕРИНБУРГ, ВТОРНИК, ОКТЯБРЬ 24, 2017, ОДНА СТРАНИЦА</header>
<section>
<article class="aboutMarty">
<header>Мар&shy;тин Шей&shy;мус Мак&shy;флай</header>
<img class="leftimg"
src="https://upload.wikimedia.org/wikipedia/ru/8/8f/Marty-mcfly.jpg"
alt="Марти, фото со съемок">
<p>
Мар&shy;тин Шей&shy;мус Мак&shy;флай бо&shy;лее из&shy;вест&shy;ный
как Марр&shy;ти Мак&shy;флай (Mar&shy;ty
Mc&shy;Fly) — глав&shy;ный ге&shy;рой фан&shy;
тас&shy;ти&shy;чес&shy;кой при&shy;клю&shy;
чен&shy;чес&shy;кой
три&shy;ло&shy;гии «На&shy;зад в бу&shy;ду&shy;щее»,
соз&shy;дан&shy;ной Ро&shy;бер&shy;том
Зе&shy;ме&shy;ки&shy;сом в 1985—1990 годах. В
филь&shy;мах роль Мар&shy;ти ис&shy;пол&shy;нил
ка&shy;над&shy;ско
-американ&shy;ский
ак&shy;тёр Майкл Джей Фокс. В мульт&shy;се&shy;риале
1991 го&shy;да пер&shy;со&shy;наж оз&shy;ву&shy;чил Дэ&shy;вид
Кауфф&shy;ман,
а в компь&shy;ютер&shy;ной иг&shy;ре 2010 го&shy;да —
А. Дж. Ло&shy;ка&shy;зио.
</p>
<header>Биография</header>
<p>
Мар&shy;ти ро&shy;дил&shy;ся в го&shy;ро&shy;де
Хилл-Вэл&shy;ли в 1968 го&shy;ду
в семье ир&shy;ланд&shy;ско&shy;го прои&shy;схож&shy;
де&shy;ния.
В 1985 го&shy;ду Мар&shy;ти яв&shy;ля&shy;ет&shy;ся
ве&shy;ду&shy;щим ги&shy;та&shy;рис&shy;том
му&shy;зы&shy;каль&shy;ной груп&shy;пы The Pinheads,
слу&shy;ша&shy;ет груп&shy;пы Huey Lewis and the
News, Tom Petty and the Heartbreakers и Van Halen.
От&shy;лич&shy;но ка&shy;та&shy;ет&shy;ся на
скейт&shy;бор&shy;де, мет&shy;ко стре&shy;ля&shy;ет
на иг&shy;ров&shy;ом ав&shy;то&shy;ма&shy;те
Wild Gunman в мест&shy;ном
ма&shy;га&shy;зи&shy;не 7-Eleven и от&shy;лич&shy;но
уме&shy;ет во&shy;дить ма&shy;ши&shy;ну
с ме&shy;ха&shy;ни&shy;чес&shy;кой ко&shy;роб&shy;кой
пе&shy;ре&shy;дач.
25 ок&shy;тя&shy;бря 1985 года Мар&shy;ти 17 лет,
хо&shy;тя воз&shy;раст не ука&shy;зы&shy;вает&shy;ся
ни в од&shy;ной
из час&shy;тей три&shy;логии — лишь на
пос&shy;те&shy;ре пер&shy;вой се&shy;рии. Од&shy;на&shy;ко,
ког&shy;да Док го&shy;во&shy;рит,
что хо&shy;чет от&shy;пра&shy;вить&shy;ся
на 30 лет впе&shy;рёд, Март&shy;и го&shy;во&shy;рит,
что ему тог&shy;да бу&shy;дет 47.
На су&shy;ве&shy;нир&shy;ных водительских
пра&shy;вах, ко&shy;то&shy;рые
мож&shy;но купить в не&shy;ко&shy;то&shy;рых
ма&shy;га&shy;зи&shy;нах
(к при&shy;ме&shy;ру, на eBay),
да&shy;той рож&shy;де&shy;ния Мар&shy;ти
ука&shy;за&shy;но 12 июня 1968
го&shy;да, а так&shy;же ука&shy;зан его
адрес: Лайонс-Драйв, 9303.
</p>
</article>
<article class="family">
<figure>
<img class="docAndMarty"
src="https://cdn.lifehacker.ru/wp-content/uploads/2017/02/backtofuture_1486029285-1140x570.jpg"
alt="Марти и Док Браун">
<figcaption>Док и Марти</figcaption>
</figure>
<header>Семья и друзья</header>
<p>
Мар&shy;ти — млад&shy;ший из тро&shy;их
де&shy;тей в се&shy;мье Джор&shy;джа и Лор&shy;рейн
Мак&shy;флай. У не&shy;го есть брат
Дэйв и сес&shy;тра Лин&shy;да. Его
воз&shy;люб&shy;лен&shy;ную зо&shy;вут
Джен&shy;ни&shy;фер Пар&shy;кер, а
луч&shy;ше&shy;го дру&shy;га — Эмметт Браун.
Бра&shy;ун, ко&shy;то&shy;ро&shy;го
Ма&shy;рти зо&shy;вёт прос&shy;то «Док» —
по&shy;жи&shy;лой
учё&shy;ный. Ка&shy;жет&shy;ся, что Мар&shy;ти
стес&shy;ня&shy;ет&shy;ся сво&shy;ей се&shy;мьи
и по&shy;это&shy;му про&shy;во&shy;дит с ней очень ма&shy;ло
вре&shy;ме&shy;ни. В ос&shy;нов&shy;ном он об&shy;ща&shy;ет&shy;ся
с До&shy;ком, Джен&shy;ни&shy;фер и ре&shy;бя&shy;та&shy;ми из
сво&shy;ей му&shy;зы&shy;каль&shy;ной груп&shy;пы.
Об&shy;сто&shy;ятель&shy;ства зна&shy;ком&shy;ства
Мар&shy;ти и До&shy;ка не&shy;из&shy;вест&shy;ны,
хо&shy;тя в
пер&shy;во&shy;на&shy;чаль&shy;ном сце&shy;на&shy;рии
упо&shy;ми&shy;на&shy;лось, что в 1983 го&shy;ду Док
на&shy;нял Ма&shy;рти, что&shy;бы
тот уби&shy;рал его га&shy;раж,
и муж&shy;чи&shy;на был го&shy;тов пла&shy;тить маль&shy;чи&shy;ку
50 дол&shy;ла&shy;ров в не&shy;де&shy;лю, да&shy;вая
так&shy;же бес&shy;плат&shy;ное пи&shy;во и дос&shy;туп
к его ра&shy;ри&shy;тет&shy;ным плас&shy;тин&shy;кам.
Од&shy;на&shy;ко в кон&shy;це кон&shy;цов сце&shy;на&shy;
рис&shy;ты Ро&shy;берт Зе&shy;ме&shy;кис
и Боб Гейл ре&shy;ши&shy;ли,
что та&shy;кая ис&shy;то&shy;рия про&shy;ти&shy;во&shy;ре&shy;чит
ко&shy;неч&shy;ной кон&shy;цеп&shy;ции
пер&shy;со&shy;на&shy;жа, и прос&shy;то
пред&shy;по&shy;ло&shy;жи&shy;ли, что друж&shy;ба
воз&shy;ник&shy;ла на ос&shy;но&shy;ве обыч&shy;но&shy;го
лю&shy;бо&shy;пытс&shy;тва,
ко&shy;то&shy;рое ис&shy;пы&shy;ты&shy;ва&shy;ют
лю&shy;ди, встре&shy;тив та&shy;кого эк&shy;сцен&shy;
трич&shy;но&shy;го че&shy;ло&shy;века, как Док.
К 2015 го&shy;ду Мар&shy;ти же&shy;нат на Джен&shy;ни&shy;фер,
у них двое де&shy;тей — сын Мар&shy;тин
Макфлай-младший и дочь Мар&shy;лин,
ко&shy;то&shy;рая ро&shy;ди&shy;лась 28 ап&shy;ре&shy;ля 1998
го&shy;да. Де&shy;ти очень по&shy;хо&shy;жи
на сво&shy;его от&shy;ца, во вто&shy;ром филь&shy;ме
оба пер&shy;со&shy;нажа
сыг&shy;рал Майкл Джей Фокс. Как бы там ни бы&shy;ло,
реше&shy;ние не участ&shy;вов&shy;ать
в гон&shy;ке с Нид&shy;лзом в кон&shy;це трет&shy;ьей
час&shy;ти мог&shy;ли повли&shy;ять на ход со&shy;бы&shy;тий
и из&shy;ме&shy;нить бу&shy;ду&shy;щее, ко&shy;то&shy;рое
зри&shy;тели ви&shy;де&shy;ли в <q>На&shy;зад в бу&shy;ду&shy;щее 2</q>.
</p>
<blockquote>
<p>
<q>
Никто не должен знать много о своём будущем.
Буду знать о будущем много — поставлю под угрозу собственное существование
</q>
- Доктор Эммет Браун
</p>
</blockquote>
</article>
</section>
</main>
</body>
</html>