-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
206 lines (197 loc) · 7.35 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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
<!DOCTYPE html>
<html lang="en">
<head>
<title>Глобализация(Стивен Кинг)</title>
<meta charset="UTF-8">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Samoylov Andrey">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
<link rel="stylesheet" href="./main.css"/>
<link rel="stylesheet" href="./swiper.css"/>
</head>
<body>
<header>
</header>
<h1>Stephen King</h1>
<p class="description">Stephen Edwin King (born September 21, 1947) is an American author. Called the "King of Horror", he has also explored other genres, among them suspense, crime, science-fiction, fantasy and mystery. He has also written approximately 200 short stories, most of which have been published in collections. His debut, Carrie (1974), established him in horror. Different Seasons (1982), a collection of four novellas, was his first major departure from the genre. Among the films adapted from King's fiction are Carrie, Christine, The Shining, The Dead Zone, Stand by Me, Misery, Dolores Claiborne, The Shawshank Redemption, The Green Mile and It. He has published under the pseudonym Richard Bachman and has co-written works with other authors, notably his friend Peter Straub and sons Joe Hill and Owen King. He has also written nonfiction, notably On Writing: A Memoir of the Craft.</p>
<h2>The Dark Tower (series)</h2>
<p class="description">The Dark Tower is a series of eight novels, one novella, and a children's book written by American author Stephen King. Incorporating themes from multiple genres, including dark fantasy, science fantasy, horror, and Western, it describes a "gunslinger" and his quest toward a tower, the nature of which is both physical and metaphorical. The series, and its use of the Dark Tower, expands upon Stephen King's multiverse and in doing so, links together many of his other novels.</p>
<!-- Slider main container -->
<div class="swiper">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide">
<img src="./img/dark-tower/sister.jpg" alt="gunslinger">
<h3>"The Little Sisters of Eluria"</h3>
<p></p>
</div>
<div class="swiper-slide">
<img src="./img/dark-tower/gunslinger.jpeg" alt="gunslinger">
<h3>The Dark Tower: The Gunslinger</h3>
<p>The story centers Roland Deschain, the last gunslinger, who has been chasing his adversary, "the man in black," for many years</p>
</div>
<div class="swiper-slide">
<img src="./img/dark-tower/drawing_of_the_three.jpeg" alt="gunslinger">
<h3> The Dark Tower II: The Drawing of the Three</h3>
<p></p>
</div>
<div class="swiper-slide">
<img src="./img/dark-tower/waste_lands.jpg" alt="gunslinger">
<h3>The Dark Tower III: The Waste Lands</h3>
<p></p>
</div>
<div class="swiper-slide">
<img src="./img/dark-tower/wind_keyhole.jpeg" alt="gunslinger">
<h3>The Dark Tower: The Wind Through the Keyhole</h3>
<p></p>
</div>
<div class="swiper-slide">
<img src="./img/dark-tower/wizard_glass.jpeg" alt="gunslinger">
<h3> The Dark Tower IV: Wizard and Glass</h3>
<p></p>
</div>
<div class="swiper-slide">
<img src="./img/dark-tower/wolves_calla.jpeg" alt="gunslinger">
<h3>The Dark Tower V: Wolves of the Calla</h3>
<p></p>
</div>
<div class="swiper-slide">
<img src="./img/dark-tower/song_susannah.jpeg" alt="gunslinger">
<h3>The Dark Tower VI: Song of Susannah</h3>
<p></p>
</div>
<div class="swiper-slide">
<img src="./img/dark-tower/dark_tower.jpeg" alt="gunslinger">
<h3>The Dark Tower VII: The Dark Tower</h3>
<p></p>
</div>
</div>
<a href="upload/Dark_tower_ANTHOLOGY_torrent.torrent">Скачать антологию в аудиоформате</a>
<!-- If we need pagination -->
<!-- <div class="swiper-pagination"></div>-->
<!-- If we need navigation buttons -->
<!-- <div class="swiper-button-prev"></div>-->
<!-- <div class="swiper-button-next"></div>-->
<!-- If we need scrollbar -->
<!-- <div class="swiper-scrollbar"></div>-->
</div>
<h2>The writer's characters</h2>
<div class="swiper">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide">
<img src="./img/characters/it.png" alt="gunslinger">
<h3>IT</h3>
<p></p>
</div>
<div class="swiper-slide">
<img src="./img/characters/blaine.jpg" alt="gunslinger">
<h3>Blain</h3>
<p></p>
</div>
<div class="swiper-slide">
<img src="./img/characters/crimson_king.jpeg" alt="gunslinger">
<h3>Crimson King</h3>
<p></p>
</div>
<div class="swiper-slide">
<img src="./img/characters/man_in_black.jpeg" alt="gunslinger">
<h3>Man in black / Marten / Rendall Flagg</h3>
<p></p>
</div>
<div class="swiper-slide">
<img src="./img/characters/roland.jpeg" alt="gunslinger">
<h3>Gunslinger / Roland</h3>
<p></p>
</div>
<div class="swiper-slide">
<img src="./img/characters/tik_tak.jpg" alt="gunslinger">
<h3>Tik Tak</h3>
<p></p>
</div>
</div>
</div>
<h2>Books read</h2>
<div class="swiper">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide">
<img src="./img/readed/read_1.jpeg" alt="gunslinger">
<h3>Стрелок и Извлечение троих</h3>
</div>
<div class="swiper-slide">
<img src="./img/readed/read_2.jpeg" alt="gunslinger">
<h3>Бесплодные земли</h3>
</div>
<div class="swiper-slide">
<img src="./img/readed/read_3.jpeg" alt="gunslinger">
<h3>Колдун и кристал</h3>
</div>
<div class="swiper-slide">
<img src="./img/readed/read_4.jpeg" alt="gunslinger">
<h3>Волки Кальи</h3>
</div>
<div class="swiper-slide">
<img src="./img/readed/read_5.jpeg" alt="gunslinger">
<h3>Песнь Сюзанны</h3>
</div>
<div class="swiper-slide">
<img src="./img/readed/read_6.jpeg" alt="gunslinger">
<h3>Тёмная Башня</h3>
</div>
<div class="swiper-slide">
<img src="./img/readed/read_7.jpeg" alt="gunslinger">
<h3>Противостояние</h3>
</div>
<div class="swiper-slide">
<img src="./img/readed/read_8.jpeg" alt="gunslinger">
<h3>11/22/63</h3>
</div>
<div class="swiper-slide">
<img src="./img/readed/read_9.jpeg" alt="gunslinger">
<h3>Бессонница</h3>
</div>
<div class="swiper-slide">
<img src="./img/readed/read_10.jpeg" alt="gunslinger">
<h3>Оно</h3>
</div>
</div>
</div>
<footer>
<h2>Write by</h2>
<ul>
<li>Samoylov Andrey</li>
<li>Obmolov Anton</li>
<li>Dmitrichenko George</li>
</ul>
</footer>
</body>
<script type="module">
import Swiper from 'https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.mjs'
const swiper = new Swiper('.swiper', {
// Optional parameters
direction: 'horizontal',
loop: true,
slidesPerView: 3,
spaceBetween: 3,
// If we need pagination
pagination: {
el: '.swiper-pagination',
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
// And if we need scrollbar
scrollbar: {
el: '.swiper-scrollbar',
},
});
</script>
</html>