diff --git a/css/main.css b/css/main.css new file mode 100644 index 0000000..6f5c271 --- /dev/null +++ b/css/main.css @@ -0,0 +1,236 @@ +@font-face +{ + font-family: annabelle; + src: local(anabelle), url(../fonts/annabelle.ttf); +} + +@font-face +{ + font-family: Ubuntu; + src: local(ubuntu), url(../fonts/Ubuntu.ttf); +} + +@font-face +{ + font-family: Arimo; + src: local(arimo), url(../fonts/Arimo.ttf); +} + +@font-face +{ + font-family: Lora; + src: local(lora), url(../fonts/Lora.ttf); +} + +@font-face +{ + font-family: Coca-Cola; + src: local(coca-cola), url(../fonts/Coca-cola.otf); +} + +@font-face +{ + font-family: Starcraft; + src: local(starcraft), url(../fonts/Starcraft.ttf); +} + +@font-face +{ + font-family: Chocolate; + src: local(chocolate), url(../fonts/Chocolate.otf); +} + +@font-face +{ + font-family: Rusish; + src: local(rusish), url(../fonts/Rusish.otf); +} + +html +{ + font-size: 62.5%; +} + +body +{ + min-width: 800px; + margin: 0 auto; + font: 1.5rem 'Times New Roman', serif; +} + +.content +{ + background: url('http://bit.ly/2f0lLgc'); + text-align: center; +} + +h2, +h3 +{ + font: 1.7rem 'Chocolate', serif; +} + +.header .title +{ + font: 10rem Coca-Cola, serif; + margin: 0; +} + +.main_news +{ + width: 44%; + display: inline-block; + vertical-align: top; + margin-right: -5px; + margin-bottom: 10px; + text-align: left; + padding: 10px; +} + +.add_news +{ + width: 44%; + text-align: left; + vertical-align: top; + display: inline-block; + padding: 10px; + margin-bottom: 10px; + -webkit-column-count: 2; + -moz-column-count: 2; + column-count: 2; + -webkit-column-rule: 2px solid #000; + -moz-column-rule: 2px solid #000; + column-rule: 2px solid #000; +} + +.inside_main_news +{ + -webkit-column-count: 2; + -moz-column-count: 2; + column-count: 2; + -webkit-column-rule: 2px solid #000; + -moz-column-rule: 2px solid #000; + column-rule: 2px solid #000; +} + +.first_letter::first-letter +{ + font: 3.5rem Rusish, sans-serif; +} + +hr +{ + background-color: #000; + height: 2px; +} + +q +{ + font-weight: bold; + font-style: italic; + font-size: larger; +} + +img +{ + width: 90%; +} + +input.night:checked ~ .content +{ + color: #fff; + background: url('http://bit.ly/2fhRTzK'); +} + +input[name='size'][value='80']:checked ~ .content +{ + font-size: 1.2rem; +} + +input[name='size'][value='80']:checked ~ .content h3, +input[name='size'][value='80']:checked ~ .content h2 +{ + font-size: 1.36rem; +} + +input[name='size'][value='110']:checked ~ .content +{ + font-size: 1.65rem; +} + +input[name='size'][value='110']:checked ~ .content h3, +input[name='size'][value='110']:checked ~ .content h2 +{ + font-size: 1.87rem; +} + +input[name='size'][value='120']:checked ~ .content +{ + font-size: 1.8rem; +} + +input[name='size'][value='120']:checked ~ .content h3, +input[name='size'][value='120']:checked ~ .content h2 +{ + font-size: 2.04rem; +} + +input[name='size'][value='140']:checked ~ .content +{ + font-size: 2.38rem; +} + +input[name='size'][value='140']:checked ~ .content h3, +input[name='size'][value='140']:checked ~ .content h2 +{ + font-size: 2.04rem; +} + +input[name='family'][value='Serif']:checked ~ .content +{ + font-family: Lora, serif; +} + +input[name='family'][value='Serif']:checked ~ .content h2, +input[name='family'][value='Serif']:checked ~ .content h3 +{ + font-family: Lora, serif; +} + +input[name='family'][value='Sans-serif']:checked ~ .content +{ + font-family: Arimo, sans-serif; +} + +input[name='family'][value='Sans-serif']:checked ~ .content h2, +input[name='family'][value='Sans-serif']:checked ~ .content h3 +{ + font-family: Arimo, sans-serif; +} + +input[name='family'][value='Monospace']:checked ~ .content +{ + font-family: Ubuntu, monospace; +} + +input[name='family'][value='Monospace']:checked ~ .content h2, +input[name='family'][value='Monospace']:checked ~ .content h3 +{ + font-family: Ubuntu, monospace; +} + +input[name='family'][value='Cursive']:checked ~ .content +{ + font-family: annabelle, cursive; +} + +input[name='family'][value='Cursive']:checked ~ .content h2, +input[name='family'][value='Cursive']:checked ~ .content h3 +{ + font-family: annabelle, cursive; +} + +footer +{ + font: 2rem Starcraft, serif; +} diff --git a/fonts/Arimo.ttf b/fonts/Arimo.ttf new file mode 100644 index 0000000..9be443c Binary files /dev/null and b/fonts/Arimo.ttf differ diff --git a/fonts/Chocolate.otf b/fonts/Chocolate.otf new file mode 100644 index 0000000..bf2b2c4 Binary files /dev/null and b/fonts/Chocolate.otf differ diff --git a/fonts/Coca-cola.otf b/fonts/Coca-cola.otf new file mode 100644 index 0000000..dee2859 Binary files /dev/null and b/fonts/Coca-cola.otf differ diff --git a/fonts/Gerbera Medium.otf b/fonts/Gerbera Medium.otf new file mode 100644 index 0000000..5d4e94e Binary files /dev/null and b/fonts/Gerbera Medium.otf differ diff --git a/fonts/Gerbera.otf b/fonts/Gerbera.otf new file mode 100644 index 0000000..cde34d2 Binary files /dev/null and b/fonts/Gerbera.otf differ diff --git a/fonts/Lora.ttf b/fonts/Lora.ttf new file mode 100644 index 0000000..233ae75 Binary files /dev/null and b/fonts/Lora.ttf differ diff --git a/fonts/Rusish.otf b/fonts/Rusish.otf new file mode 100644 index 0000000..4ddabf1 Binary files /dev/null and b/fonts/Rusish.otf differ diff --git a/fonts/Starcraft.ttf b/fonts/Starcraft.ttf new file mode 100644 index 0000000..b617cd0 Binary files /dev/null and b/fonts/Starcraft.ttf differ diff --git a/fonts/Ubuntu.ttf b/fonts/Ubuntu.ttf new file mode 100644 index 0000000..fdd309d Binary files /dev/null and b/fonts/Ubuntu.ttf differ diff --git a/fonts/annabelle.ttf b/fonts/annabelle.ttf new file mode 100644 index 0000000..8354920 Binary files /dev/null and b/fonts/annabelle.ttf differ diff --git a/index.html b/index.html index 960eff7..985093e 100644 --- a/index.html +++ b/index.html @@ -2,8 +2,332 @@ + Задача «DeLorean DMC-12» + + + +Размер шрифта: + + + + + + + + +Тип шрифта: + + + + + + + + +
+ +
+

The Art Newspaper

+
+
+ + +
+ +
+

+ Pussy Riot воз­об­но­ви­ли му­зы­каль­ную + де­я­тель­ность +

+ image pussy riot +

+ Зна­ме­ни­тая арт-груп­па вы­пу­сти­ла уже два ви­део­ + кли­па на пес­ни о жен­ской сек­су­аль­но­сти, и еще один + дол­жен по­явить­ся в Се­ти до кон­ца ок­тяб­ря. +

+

+ Клип на пес­ню «Straight Outta Vagina» по­свя­щен то­му, + как жен­щи­ны осво­бож­да­ют­ся от муж­ско­го + дик­та­та, иро­ни­зи­ру­ет над фрей­дист­ской + иде­ей о том, что «сла­бый пол» за­ви­ду­ет пе­ни­су, + и по­ка­зы­ва­ет муж­чин, ко­то­рые хо­дят на + каб­лу­ках и вся­че­ски пы­та­ют­ся по­хо­дить + на жен­щин. На­деж­да То­ло­кон­ни­ко­ва иг­ + ра­ет в кли­пе глав­ную роль, по­яв­ля­ясь в бе­лой + ря­се и цвет­ной ба­ла­кла­ве. «Organs» — пес­ня + и ви­део­клип о по­ли­ти­че­ских убий­ствах и при­ + сво­е­нии го­су­дар­ством прав на че­ло­ве­че­ + ское те­ло: Ор­га­ны в ря­сах или ор­га­ны в по­ + го­нах — за­да­ча у них, в об­щем-то, од­на: по­да­вить + во­лю, страсть, твор­че­скую и жиз­нен­ную си­лы. + Оба кли­па мож­но по­смот­реть на YouTube-ка­на­ле + wearepussyriot. +

+

+ В ком­мен­та­рии The Guardian по по­во­ду + вы­хо­да пер­во­го кли­па На­деж­да То­ло­ + кон­ни­ко­ва срав­ни­ла рас­про­стра­не­ние в со­ + вре­мен­ном ми­ре пат­ри­ар­халь­ных и же­но­ + не­на­вист­ни­че­ских идей с ве­не­ри­че­ски­ми + за­бо­ле­ва­ни­я­ми. Она за­яви­ла, что Трамп + от­кры­то под­дер­жи­ва­ет ав­то­ри­тар­ные ме­ + то­ды Вла­ди­ми­ра Пу­ти­на. И это страш­но. Это не мир, в + ко­то­ром я хо­чу жить, — ска­за­ла + То­ло­кон­ни­ко­ва. +

+
+ +
+
+
+

+ В Вер­са­ле тор­го­ва­ли фаль­ши­вы­ми + би­ле­та­ми +

+ image Versailles +

+ В про­шлое вос­кре­се­нье, 9 ок­тяб­ря, пя­те­ро + со­труд­ни­ков Вер­саль­ско­го двор­ца в воз­расте + от 21 до 34 лет бы­ли пой­ма­ны на про­да­же под­дель­ных + би­ле­тов в быв­ший ко­ро­лев­ский дво­рец. Как со­ + об­ща­ет га­зе­та Le Parisien, по­до­ + зре­ва­е­мые в мо­шен­ни­че­стве за­дер­жа­ны + по­ли­ци­ей го­род­ской ком­му­ны Ви­ро­ф­ле. + Двое муж­чин и две жен­щи­ны уже при­зна­ли свое уча­стие в + не­за­кон­ной тор­го­вой схе­ме, 11 ок­тяб­ря им + бы­ли офи­ци­аль­но предъ­яв­ле­ны об­ви­не­ния. + Еще один муж­чи­на, на про­тя­же­нии че­ты­рех лет + ра­бо­тав­ший се­зон­ным со­труд­ни­ком на ис­ + то­ри­че­ском объ­ек­те и сей­час по­до­зре­ + ва­ю­щий­ся в том, что был ру­ко­во­ди­те­лем пре­ + ступ­ной груп­пы, пол­но­стью от­ри­ца­ет свою ви­ну. + Он так­же за­клю­чен под стра­жу. +

+

+ По­ли­ция пред­по­ла­га­ет, что в те­че­ние не­ + сколь­ких ме­ся­цев груп­па рас­про­стра­ня­ла + два ви­да фаль­ши­вок, яко­бы да­вав­ших пра­во вхо­да + на тер­ри­то­рию пар­ка и на про­езд на кур­си­ру­ю­ + щем по его тер­ри­то­рии ми­ни-по­ез­де: под­дель­ные + би­ле­ты и на­сто­я­щиеби­ле­ты, пе­ре­про­ + да­вав­ши­е­ся во вто­рой раз. Кас­сир вы­да­вал + под­дель­ные би­ле­ты рас­пла­чи­вав­шим­ся на­ + лич­ны­ми по­се­ти­те­лям, а его со­общ­ни­ки + про­пус­ка­ли их на вхо­де на тер­ри­то­рию. Схе­му + раз­об­ла­чи­ли дру­гие со­труд­ни­ки, за­ме­ + тив­шие, что кол­ле­ги не про­во­дят не­ко­то­рые + би­ле­ты че­рез кон­троль­ный ав­то­мат, и ру­ко­ + во­ди­тель вы­звал по­ли­цию. В вос­кре­се­нье + во вре­мя аре­ста у од­но­го из по­до­зре­ва­е­мых + бы­ло об­на­ру­же­но око­ло 150 фаль­ши­вых би­ле + ­тов, каж­дый из ко­то­рых пе­ре­про­да­вал­ся + при­бли­зи­тель­но за €10, — со­об­ща­ет + Le Parisien. Обыч­ный би­лет в глав­ный дво­рец и на + вре­мен­ные вы­став­ки сто­ит €15, а пол­ный би­лет, + да­ю­щий пра­во на по­се­ще­ние все­го ис­то­ + ри­че­ско­го ком­плек­са, вклю­чая са­ды, — €25. +

+
+
+
+

+ Эмод­зи при­зна­ли ис­кус­ством +

+ image emoji +

+ Спе­ци­а­лист от­де­ла ар­хи­тек­ту­ры и ди­ + зай­на му­зея Пол Гол­лоуэй в ком­мен­та­рии из­да­нию + CBS News от­ме­тил, что эти ше­дев­ры ди­зай­на + раз­ме­ром 12 на 12 пик­се­лей ста­ли пер­вы­ми + рост­ка­ми но­во­го ви­зу­аль­но­го язы­ка. +

+

+ Со­здан­ные 17 лет на­зад пер­вые эмод­зи + ста­ли хи­том в Япо­нии, од­на­ко толь­ко в 2010 го­ду + их вклю­чи­ли в стан­дарт ко­ди­ро­ва­ния сим­во­лов + Юни­код, что спо­соб­ство­ва­ло рас­про­стра­не­нию + изоб­ра­же­ний в дру­гих стра­нах. Пе­ре­дан­ный + му­зею на­бор, в част­но­сти, вклю­ча­ет пик­то­грам­ + мы на те­му эмо­ций, по­го­ды, жи­вот­ных и зна­ков зо­ + ди­а­ка. В Му­зее со­вре­мен­но­го ис­кус­ства в + Нью-Йор­ке пред­ста­вить вы­став­ку, по­свя­щен­ную + эво­лю­ции язы­ка эмод­зи, пла­ни­ру­ют в де­каб­ре + те­ку­ще­го го­да. +

+
+
+
+ + +
+
+

+ В

М
о
с
к
в
е
прой­дет эко­фе­сти­валь + ви­део­ар­та +

+ image fest
+ Ма­ри-Франс Жи­ра­до, Эн­т­ро(СКО)пия, Ка­на­да, 2016 +

+ Меж­ду­на­род­ный фе­сти­валь ви­део­ар­та + «Сей­час&По­том» прой­дет в Го­су­дар­ + ствен­ном Дар­ви­нов­ском му­зеес 22 ок­тяб­ря по 29 + но­яб­ря. +

+

+ Фе­сти­валь ви­део­ар­та, со­здан­ный в 2011 го­ду + мос­ков­ской ху­дож­ни­цей и ку­ра­то­ром Ма­ри­ной + Фо­мен­ко, пу­те­ше­ству­ет по му­зей­ным пло­щад­кам + сто­ли­цы уже ше­стой год. Его те­ма каж­дый раз ме­ня­ет­ся + в за­ви­си­мо­сти от про­бле­ма­ти­ки му­зея, и в этом + го­ду она зву­чит так: «Эко­ло­гия без гра­ниц». В + ра­бо­те с ху­дож­ни­ка­ми фе­сти­валь то­же + ста­ра­ ет­ся уста­но­вить как мож­но мень­ше огра­ + ни­че­ний: уча­стие в нем бес­плат­ное, а воз­раст­ной ценз тех, + кто в те­че­ние го­да мог при­слать свои ра­бо­ты на + рас­смот­ре­ние от­бо­роч­ной ко­мис­сии, не + ука­зы­вал­ся. Глав­ное усло­вие — не пре­вы­шать + хро­но­мет­раж. В от­ли­чие от + экс­пе­ри­мен­таль­но­го или до­ку­мен­таль­ + но­го ки­но, у ху­дож­ни­ков бы­ло не боль­ше 15 ми­нут, + что­бы от­ра­зить свое ви­де­ние вза­и­мо­ + от­но­ше­ний че­ло­ве­ка и при­ро­ды. В ре­зуль­ + та­те в кон­курс­ную про­грам­му во­шло 28 ро­ли­ков + (из них все­го че­ты­ре — рос­сий­ских ви­део­ху­дож­ + ни­ков); еще 11 зри­те­лям по­ка­жут вне кон­кур­са; до­ + пол­ни­тель­но бу­дут пред­став­ле­ны меж­ду­на­ + род­ные про­ек­ты из Гер­ма­нии, Гре­ции, Ита­лии, США, + Фран­ции, Япо­нии и дру­гих стран. +

+

+ По тра­ди­ции кон­курс­ное жю­ри, в со­став ко­то­ро­го + в этом го­ду во­шли арт-груп­па «ПровМыза» (Сер­гей Про­ + во­ров и Га­ли­на Мыз­ни­ко­ва), пре­зи­дент Меж­ + ду­на­род­но­го ки­но­фе­сти­ва­ля ко­ + рот­ко­мет­раж­но­го ки­но в Мон­те­ка­ти­ни + Мар­чел­ло Дзеп­пи и ку­ра­тор, за­ве­ду­ю­щая + сек­то­ром ки­но и ви­део­ар­та Го­су­дар­ствен­ + но­го цен­тра со­вре­мен­но­го ис­кус­ства Ка­ри­ + на Ка­ра­е­ва, вы­бе­рет не­сколь­ких при­зе­ров. + Трой­ку по­бе­ди­те­лей до­пол­нит ра­бо­та, + удо­сто­ен­ная спе­ци­аль­но­го упо­ми­на­ния, + а так­же луч­шее, по мне­нию су­дей, рос­сий­ское ви­део. +

+
+
+
+

+ На Documenta 14 по­стро­ят Пар­фе­нон из книг +

+ image Documenta +

+ Documenta 14 вме­сте с Франк­фурт­ской книж­ной яр­мар­кой + при­гла­ша­ют из­да­тель­ства, ав­то­ров и про­сто + со­чув­ству­ю­щих пе­ре­дать в дар кни­ги, + за­пре­щен­ные где-ли­бо сей­час или в про­шлом, для + ин­стал­ля­ции «Книж­ный Пар­фе­нон» + ар­ген­тин­ской ху­дож­ни­цы Мар­ты Ми­ну­хин. + Око­ло 100 тыс. то­мов по­на­до­бит­ся для про­ек­та, + ко­то­рый по­явит­ся в рам­ках Documenta на пло­ща­ди + Фри­дри­ха в Кас­се­ле, где в 1933 го­ду не­мец­кие + сту­ден­ты и де­я­те­ли на­цист­ской пар­тии со­жгли + око­ло 2 тыс. книг во вре­мя ак­ции про­тив + «не­гер­ман­ско­го ду­ха». +

+

+ «Книж­ный Пар­фе­нон» ре­кон­стру­и­ру­ет + ана­ло­гич­ную ра­бо­ту, со­здан­ную Мар­той + Ми­ну­хин в 1983 го­ду в Бу­энос-Ай­ре­се по­сле + па­де­ния во­ен­ной дик­та­ту­ры в Ар­ген­ти­не. + То­гда ко­пия хра­ма бы­ла со­став­ле­на из из­да­ний, + за­пре­щен­ных хун­той, а че­рез не­сколь­ко дней + ин­стал­ля­цию не­мно­го на­кло­ни­ли с по­мо­щью + двух подъ­ем­ных кра­нов, поз­во­лив зри­те­лям за­брать + кни­ги до­мой. Раз­дать кни­ги пла­ни­ру­ют и в + Кас­се­ле. Узнать, как при­нять уча­стие в про­ек­те, + мож­но по ссыл­ке. +

+
+
+
+

+ Фи­ли­ал Эр­ми­та­жа пре­зен­то­ва­ли во + Вла­ди­во­сто­ке +

+ image Hermitage +

+ В глав­ном го­ро­де При­мор­ско­го края 28 сен­тяб­ря + пред­ста­ви­ли про­ект цен­тра «Эр­ми­таж + -Вла­ди­во­сток». Фи­ли­ал од­но­го из круп­ней­ших + му­зеев Рос­сии рас­по­ло­жит­ся в быв­шем тор­го­вом + до­ме «Кунст и Аль­берс» — по­стро­ен­ное 113 лет на­зад зда­ние + в сти­ле мо­дерн счи­та­ет­ся од­ним из сим­во­лов + Вла­ди­во­сто­ка. Его ре­став­ра­ция на­ча­лась + еще ле­том и бу­дет пол­но­стью за­вер­ше­на к зи­ме + 2017 го­да; му­зей от­кро­ет­ся экс­по­зи­ци­ей, + по­свя­щен­ной Ека­те­ри­не Ве­ли­кой. Как + со­об­ща­ет ре­ги­о­наль­ное агент­ство Prima Media, + об­щая пло­щадь цен­тра со­ста­вит 1 тыс. кв. м: для кол­лек­ций + Эр­ми­та­жа бу­дет от­ве­де­но 600 кв.м, еще 400 кв. м + зай­мет вы­став­ка ис­кус­ства При­мор­ско­го края + на­ча­ла XX ве­ка. +

+

+ На офи­ци­аль­ном ме­ро­при­я­тии во + Вла­ди­во­сто­ке при­сут­ство­ва­ли гу­бер­на­тор + края Вла­ди­мир Ми­клу­шев­ский и ге­не­раль­ный + ди­рек­тор Эр­ми­та­жа Ми­ха­ил Пио­тров­ский, + ко­то­рые под­пи­са­ли со­гла­ше­ние о + про­дол­же­нии со­труд­ни­че­ства. Ди­рек­тор + пе­тер­бург­ско­го му­зея от­ме­тил: Мы бу­дем + ре­гу­ляр­но ор­га­ни­зо­вы­вать здесь все то, что + про­ис­хо­дит в Эр­ми­та­же Санкт-Пе­тер­бур­ге, + — не толь­ко вы­став­ки, но и лек­то­рии, ма­стер-клас­сы. + Зда­ние, вы­бран­ное для фи­ли­а­ла му­зея, ока­за­лось + на­мно­го ин­те­рес­нее, чем я ви­дел на + фо­то­гра­фи­ях. С удо­воль­стви­ем бу­ду на­блю­дать + за его ре­став­ра­ци­ей. Ин­те­рес­но, что в + рам­ках Дней Эр­ми­та­жа, ко­то­рые про­хо­дят во + Вла­ди­во­сто­ке всю не­де­лю, в по­ме­ще­ни­ях + бу­ду­ще­го му­зея уже от­кры­лась вы­став­ка, + по­свя­щен­ная ху­до­же­ствен­ной фо­то­гра­фии, + а в При­мор­ской кар­тин­ной га­ле­рее мож­но уви­деть + экс­по­зи­цию «Эр­ми­таж — Вла­ди­во­сто­ку», + рас­ска­зы­ва­ю­щую о свя­зях со зна­ме­ни­тым + му­зе­ем. Про­ект «Эр­ми­таж-Вла­ди­во­сток» + яв­ля­ет­ся ча­стью кон­цеп­ции «Боль­шой Эр­ми­таж», + преду­смат­ри­ва­ю­щей от­кры­тие фи­ли­а­лов + так­же в Ека­те­рин­бур­ге, Ка­лу­ге и Ом­ске. +

+
+
+ +
+ + + +