diff --git a/fonts/machina.eot b/fonts/machina.eot new file mode 100644 index 0000000..8a34912 Binary files /dev/null and b/fonts/machina.eot differ diff --git a/fonts/machina.svg b/fonts/machina.svg new file mode 100644 index 0000000..b514333 --- /dev/null +++ b/fonts/machina.svg @@ -0,0 +1,154 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/fonts/machina.ttf b/fonts/machina.ttf new file mode 100644 index 0000000..87bdf5b Binary files /dev/null and b/fonts/machina.ttf differ diff --git a/fonts/machina.woff b/fonts/machina.woff new file mode 100644 index 0000000..f1ff903 Binary files /dev/null and b/fonts/machina.woff differ diff --git a/fonts/machina.woff2 b/fonts/machina.woff2 new file mode 100644 index 0000000..7b80a87 Binary files /dev/null and b/fonts/machina.woff2 differ diff --git a/fonts/zelek.eot b/fonts/zelek.eot new file mode 100644 index 0000000..e34026b Binary files /dev/null and b/fonts/zelek.eot differ diff --git a/fonts/zelek.svg b/fonts/zelek.svg new file mode 100644 index 0000000..3598ea6 --- /dev/null +++ b/fonts/zelek.svg @@ -0,0 +1,269 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/fonts/zelek.ttf b/fonts/zelek.ttf new file mode 100644 index 0000000..ad2baf0 Binary files /dev/null and b/fonts/zelek.ttf differ diff --git a/fonts/zelek.woff b/fonts/zelek.woff new file mode 100644 index 0000000..921f856 Binary files /dev/null and b/fonts/zelek.woff differ diff --git a/fonts/zelek.woff2 b/fonts/zelek.woff2 new file mode 100644 index 0000000..1ed7b93 Binary files /dev/null and b/fonts/zelek.woff2 differ diff --git a/images/dead.gif b/images/dead.gif new file mode 100644 index 0000000..fb84b39 Binary files /dev/null and b/images/dead.gif differ diff --git a/images/king.jpg b/images/king.jpg new file mode 100644 index 0000000..219d0b8 Binary files /dev/null and b/images/king.jpg differ diff --git a/images/oldpaper.jpg b/images/oldpaper.jpg new file mode 100644 index 0000000..5edc4cc Binary files /dev/null and b/images/oldpaper.jpg differ diff --git a/images/yura.png b/images/yura.png new file mode 100644 index 0000000..1c38bf1 Binary files /dev/null and b/images/yura.png differ diff --git a/index.css b/index.css index e69de29..4bd1d7d 100644 --- a/index.css +++ b/index.css @@ -0,0 +1,204 @@ +@font-face +{ + font-family: machina; + src: url(./fonts/machina.ttf) + format('truetype'), url(./fonts/machina.eot) + format('eot'), url(./fonts/machina.woff) + format('woff'), url(./fonts/machina.woff2) + format('woff2'), url(./fonts/machina.svg) + format('svg'); +} + +@font-face +{ + font-family: zelek; + src: url(./fonts/zelek.ttf) + format('truetype'), url(./fonts/zelek.eot) + format('eot'), url(./fonts/zelek.woff) + format('woff'), url(./fonts/zelek.woff2) + format('woff2'), url(./fonts/zelek.svg) + format('svg'); +} + +body +{ + background: url(images/oldpaper.jpg) no-repeat; + background-size: cover; +} + +header +{ + font: 5em machina; + text-align: center; +} + +aside +{ + text-align: center; + width: 50px; + word-break: break-all; + float: left; + font: 4em machina; +} + +main +{ + margin-left: 60px; + font: 1em zelek; +} + +h1 +{ + font-size: 2em; +} + +.block1 +{ + + font-size: 1em; + padding: 5px; +} + +.first +{ + width: 40%; + padding: 20px; +} + +.second +{ + padding: 20px; +} + +.third +{ + text-align: center; + width: 20%; + height: 100%; + word-break: break-all; + font: 4em machina; +} + +.first, +.second, +.third +{ + display: table-cell; + vertical-align: top; +} + +.king +{ + column-span: all; + text-align: center; +} + +.kingimage +{ + width: 100%; +} + +.walker +{ + column-span: all; + text-align: center; +} + +.walkerimage +{ + width: 100%; + column-span: all; + text-align: center; +} + +.first::first-letter +{ + font-size: 2em; + margin-left: 15px; + border: 2px dashed #000; +} + +.block2 +{ + font-size: 1em; + border: 7px dotted #000; + padding: 2%; +} + +.block3 +{ + font-size: 1em; + padding: 2%; +} + +h3 +{ + column-span: all; + text-align: center; + font-size: 2em; +} + +.end, +.authorimage +{ + vertical-align: top; + display: inline-block; +} + +.end +{ + width: calc(100% - 300px); +} + +.authorimage +{ + width: 200px; +} + +.columns1 +{ + column-count: 1; + column-gap: 3em; +} + +.columns2 +{ + column-count: 2; + column-gap: 2em; + +} + +.columns3 +{ + margin-top: 0; + column-count: 3; + column-gap: 3em; +} + +.columns4 +{ + column-count: 4; + column-gap: 3em; +} + +.columns5 +{ + column-count: 5; + column-gap: 3em; +} + +.c1:checked ~ main +{ + color: #fff; + background-color: #000; +} + +.c2:checked ~ main +{ + font-family: Arial; +} + +.c3:checked ~ main +{ + font-size: 150%; +} diff --git a/index.html b/index.html index 960eff7..3340455 100644 --- a/index.html +++ b/index.html @@ -2,8 +2,169 @@ - Задача «DeLorean DMC-12» + #киногид_психопата + + + + + + + + + + +
+ свидетели сингулярности +
+ + + +
+
+

Игра Престолов 7 сезон

+
+
+
+ Как со­вер­шен­но спра­вед­ли­во за­ме­тил + в фейс­бу­ке один мой друг(Шу­рик, при­вет!), + Night King - по­след­ний ин­те­рес­ный пер­со­наж + в Иг­ре Пре­сто­лов. Спе­шу со­гла­сить­ся. + Наи­бо­лее оче­вид­ная при­чи­на здесь в том, что Night + King - один из не­мно­гих ос­нов­ных пер­со­на­жей, + ко­то­ро­го мы до сих пор не уви­де­ли без пор­ток. +
+ kingimage +
+ Осталь­ным уже ни­ко­гда не удаст­ся про­бу­дить + ин­те­рес + к их пер­со­нам, по­то­му что их со­и­тия, пыт­ки и + смер­ти + мы ви­де­ли во всех все­воз­мож­ных ра­кур­сах, + они про­чи­та­ны на­столь­ко, на­сколь­ко мы + се­бя-то + ни­ко­гда + (к сча­стью) не чи­та­ем. + Ка­кой уж тут те­перь мо­жет быть ин­те­рес? +
+
white
walkers
+
+ Но де­ло, ко­неч­но, не толь­ко в этом. + Вду­май­тесь в ис­то­рию Night King-а и White Walker-ов. + Ко­роль был че­ло­ве­ком, не­ко­гда + пре­вра­щен­ным + ма­ги­ей в Ино­го, и по­сле это­го об­ра­тил + хо­до­ков + с по­мо­щью той же са­мой ма­гии в мла­ден­че­стве. + Не за­будь­те о том, что ма­гия яв­ля­ет­ся + фэн­те­зи-ме­та­фо­рой на­у­ки. +
+ walkerimage +
+ Те­перь Иные об­ла­да­ют все­воз­мож­ны­ми + ма­ги­че­ски­ми спо­соб­но­стя­ми, + ар­ми­ей + бес­плат­ной и бес­пре­ко­слов­ной ра­бо­чей + си­лы + (весь­ма де­я­тель­ной, как мы ви­де­ли, в пла­не + под­ня­тия + за­то­нув­ших тя­же­стей, и, ве­ро­ят­но, + так­же + в ме­тал­лур­гии, по­то­му что ина­че + ре­ши­тель­но + не­воз­мож­но объ­яс­нить, от­ку­да + за сте­ной та­кие + це­пи), + и, ко­неч­но же, a-mortality - не бес­смер­ти­ем, но + спо­соб­но­стью + не уми­рать в слу­чае, ко­гда к это­му ни­кто не + при­кла­ды­ва­ет + де­я­тель­ных уси­лий. +
+
+
+ + Это же клас­си­че­ский сю­жет син­гу­ляр­но­сти! + Ки­бор­ги­за­ция (в слу­чае ко­ро­ля) и + ге­не­ти­че­ская + ин­же­не­рия (хо­до­ки), + ро­бо­ты-при­служ­ни­ки, + тех­но­ло­гии, за­вер­шен­ный “Про­ект + Гиль­га­меш” - + че­го еще же­лать-то? Это - ре­пор­таж из + пост-син­гу­ляр­но­сти, + и не слу­чай­но нам не­по­нят­ны по­мыс­лы + хо­до­ков, + их мо­ти­вы: цель и смыс­ле - это во­об­ще-то нечто очень + че­ло­ве­че­ское, у по­ст­че­ло­ве­ка и + ка­те­го­рии та­кой мо­жет не быть. Они Иные не толь­ко в + Мар­ти­нов­ском, но и в Ла­ка­нов­ском смыс­ле, и + че­рез + диа­лог Ве­сте­ро­са с ни­ми мы мо­жем + рас­шиф­ро­вать + ав­тор­скую кон­цеп­цию вос­при­я­тия + син­гу­ляр­но­сти. +

Это же классический сюжет сингулярности!

+ + И по­ка она, ко­неч­но, жут­кая. В ка­че­стве + ме­та­фо­ры + ро­бо­та у нас не го­ле­мы, а + по­лу­раз­ло­жен­ные + тру­пы, + сам вид ко­то­рых при­зван от­бить у нас же­ла­ние иметь + по­доб­ные + си­лы. По­ст­лю­ди пред­став­ле­ны + из­на­чаль­но + враж­деб­ны­ми, с пер­вой се­рии они же­сто­ко + уби­ва­ют + лю­дей, и для вой­ны нет ни­ка­кой аль­тер­на­ти­вы. + Са­ма Сте­на сво­ей гран­ди­оз­но­стью + сим­во­ли­зи­ру­ет за­ряд этой вой­ны и те + не­во­об­ра­зи­мые уси­лия, ко­то­рые нуж­ны + для за­щи­ты нас от син­гу­ляр­но­сти. По­бе­да над + смер­тью ока­зы­ва­ет­ся Пир­ро­вой, и нам да­же + не мо­жет прий­ти в го­ло­ву мысль о том, что об­ра­ще­ние + всех мла­ден­цев Ве­сте­ро­са в хо­до­ков мо­жет быть + не тра­ге­ди­ей, а ве­ли­чай­шим + эво­лю­ци­он­ным про­ры­вом. + + Имен­но так бу­дут ви­деть лю­ди, en masse, + ки­бор­ги­за­цию + и био­ин­же­не­рию: как из­го­тов­ле­ние чуж­дых + и враж­деб­ных су­ществ, для за­щи­ты от ко­то­рых + нуж­на здо­ро­вен­ная сте­на. Не ве­ри­те? + По­смот­ри­те на от­но­ше­ние стар­ше­го + по­ко­ле­ния + к смарт­фо­нам и ин­тер­не­ту, ко­то­рые + “зом­би­ру­ют” + (да­же кон­но­та­ция та же са­мая, труп­ная!) + мо­ло­дежь, + от­ры­ва­ют де­тей от ми­лых че­ло­ве­че­ских + глу­по­стей + вро­де пи­на­ния ме­ча и са­ло­чек, пре­вра­ща­ют + их в Иных, + пу­сто та­ра­ща­щих­ся в экран и бес­смыс­лен­но + кла­ца­ю­щих по не­му. Но мы-то зна­ем, как на са­мом + де­ле + на­сы­ще­на жизнь по ту сто­ро­ну экра­на, не так ли? + +
+
+

+ Так что же там, по ту сто­ро­ну Сте­ны? Не­уже­ли лишь ужас + по­жи­ло­го че­ло­ве­ка, + под­на­то­рев­ше­го + в ро­ман­тиз­ме и мен­таль­но + пе­ре­ехав­ше­го в + good old times? Не хо­чу в это ве­рить. Уди­ви ме­ня, + Джордж Мар­тин! + Ведь рань­ше это по­лу­ча­лось так хо­ро­шо! +

+ authorimage +
+
+
+