forked from urfu-2016/markup-task-4
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
141 lines (140 loc) · 9.57 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<link href="index.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Marck+Script" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Neucha" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Philosopher" rel="stylesheet">
<title>DeLorean DMC-12</title>
</head>
<body>
<span>Режим:</span>
<input type="radio" id="white-color" class="white-color" name="color" checked>
<label for="white-color">Дневной</label>
<input type="radio" class="black-color" id="black-color" name="color">
<label for="black-color">Ночной</label><br>
<span>Размер шрифта:</span>
<input type="radio" class="large-font" id="large-font" name="font-size">
<label for="large-font">Большой</label>
<input type="radio" class="normal-font" id="normal-font" name="font-size" checked>
<label for="normal-font">Средний</label>
<input type="radio" class="small-font" id="small-font" name="font-size">
<label for="small-font">Маленький</label><br>
<span>Тип шрифта:</span>
<input type="radio" class="first-font-family" id="first-font" name="font-type">
<label for="first-font">Neucha, Philosopher</label>
<input type="radio" class="second-font-family" id="second-font" name="font-type" checked>
<label for="second-font">Marck Script, Comic Sans MS</label>
<header class="main frame">
<h1 class="header first-font">Литературная неделя</h1>
</header>
<main class="main content">
<div class="one-column column">
<article class="poem">
<h2 class="header second-font">Под вечер</h2>
<p>
Угрюмо шмель гудит, <span>толкаясь по стеклу...</span><br>
В окно зарница <span>глянула тревожно...</span><br>
Притихший соловей <span>в сирени на валу</span><br>
Выводит трели <span>осторожно.</span>
</p>
<p>
Гром, проворчав в саду, <span>скатился за гумно;</span><br>
Но воздух меркнет, <span>небо потухает...</span><br>
А тополь тянется <span>в открытое окно</span><br>
И ладаном <span>благоухает.</span><br>
</p>
</article>
<article class="poem">
<h2 class="header second-font">* * *</h2>
<p>
На окне, серебряном <span>от инея,</span><br>
За ночь хризантемы расцвели.<br>
В верхних стеклах - <span>небо ярко-синее</span><br>
И застреха в <span>снеговой пыли.</span>
</p>
<p>
Всходит солнце, <span>бодрое от холода,</span><br>
Золотится отблеском окно.<br>
Утро тихо, <span>радостно и молодо.</span><br>
Белым снегом <span>все запушено.</span>
</p>
<p>
И все утро яркие <span>и чистые</span><br>
Буду видеть краски <span>в вышине,</span><br>
И до полдня <span>будут серебристые</span><br>
Хризантемы на моем окне.
</p>
</article>
</div>
<div class="thin-column column">
<article><p class="v-direction">Иван Бунин</p></article>
</div>
<div class="center-column column">
<article class="story">
<h2 class="header all-columns second-font">
Отрывок из рассказа <q>Антоновский яблоки</q>
</h2>
<p>Помню раннее, свежее, тихое утро... Помню боль­шой, весь зо­ло­той,
под­сох­ший и по­ре­дев­ший сад, помню кленовые аллеи, тон­кий
аро­мат опав­шей лист­вы и – за­пах антоновских яблок, за­пах мёда
и осен­ней све­жес­ти. Воз­дух так чист, точ­но его сов­сем нет,
по все­му са­ду раз­да­ются го­ло­са и скрип те­лег.
Это тар­хане, ме­ща­не-са­дов­ни­ки, наняли мужиков и насыпают
яблоки, чтобы в ночь от­прав­лять их в го­род, – не­пременно в ночь,
ко­гда так слав­но ле­жать на во­зу, смот­реть в звёз­дное
не­бо, чув­ство­вать за­пах дёг­тя в све­жем воз­ду­хе
и слу­шать, как ос­то­рож­но пос­крип­ыва­ет в
тем­но­те длин­ный об­оз по боль­шой до­ро­ге. Муж­ик,
на­сып­ающий яб­ло­ки, ест их соч­ным трес­ком од­но за
од­ним, но уж та­ко­во за­ве­де­ние – ни­ког­да
ме­ща­нин не об­ор­вёт его, а ещё ска­жет:
</p>
<blockquote class="all-columns">
– Вали, ешь досыта, – делать нечего! На сливанье все мёд пьют.
</blockquote>
<figure class="all-columns illustration">
<img src="images/apples.jpg" alt="Картина «Яблоки», Петров-Водкин Кузьма"
title="Картина «Яблоки», Петров-Водкин Кузьма">
<figcaption>Петров-Водкин Кузьма <q>Яблоки</q></figcaption>
</figure>
<p>
И прох­лад­ную ти­ши­ну ут­ра на­руш­ает толь­ко сытое
квох­танье дроз­дов на ко­рал­ло­вых ря­би­нах в ча­ще
са­да, го­ло­са да гул­кий стук ссы­па­ем­ых в ме­ры и
ка­душ­ки яб­лок. В по­ре­дев­шем са­ду да­ле­ко
вид­на до­ро­га к боль­шо­му ша­ла­шу, усы­пан­ная
со­ло­мой, и са­мый ша­лаш, око­ло ко­то­ро­го
ме­ща­не об­за­ве­лись за ле­то це­лым хо­зяй­ством.
Всю­ду силь­но пах­нет яб­ло­ка­ми, тут – осо­бен­но.
</p>
</article>
</div>
<div class="one-column column">
<article class="poem">
<h2 class="header second-font">* * *</h2>
<p>
На даче тихо, ночь темна,<br>
Туманны звезды голубые<br>
Вздыхая, ширится волна,<br>
Цветы качаются слепые -<br>
</p>
<p>
И часто с ветром, <span>до скамьи,</span><br>
Как некий дух в <span>эфирной плоти,</span><br>
Доходят свежие струи<br>
Волны, вздыхающей <span>в дремоте.</span>
</p>
</article>
<blockquote class="frame">
<q>Какая радость — существовать! Только видеть, хотя бы видеть лишь один этот
дым и этот свет. Если бы у меня не было рук и ног и я бы только мог сидеть
на лавочке и смотреть на заходящее солнце, то я был бы счастлив этим. Одно
нужно только — видеть и дышать. Ничто не дает такого наслаждения, как краски…</q>
И.А.Бунин
</blockquote>
</div>
</main>
</body>
</html>