diff --git a/1.jpg b/1.jpg new file mode 100644 index 0000000..a35ac65 Binary files /dev/null and b/1.jpg differ diff --git a/2.jpg b/2.jpg new file mode 100644 index 0000000..cf0f1fe Binary files /dev/null and b/2.jpg differ diff --git a/bikham-cyr-script_[allfont.ru].ttf b/bikham-cyr-script_[allfont.ru].ttf new file mode 100644 index 0000000..e1333d9 Binary files /dev/null and b/bikham-cyr-script_[allfont.ru].ttf differ diff --git a/index.css b/index.css index e69de29..dcdcf8e 100644 --- a/index.css +++ b/index.css @@ -0,0 +1,221 @@ +@font-face +{ + font-family: 'Bikham Cyr Script'; + src: url(bikham-cyr-script_[allfont.ru].ttf) format(ttf); +} + +html +{ + margin: 0; + padding: 0; + font: 16px 'Acme', sans-serif; + color: #420; +} + +body +{ + margin: 0; + padding: 0 4rem; + background-color: #fadabb; + text-align: justify; +} + +.paper +{ + position: relative; + max-width: 1200px; + margin: 0 auto 4rem; + padding: 4rem; + background-color: #fed; + color: #420; +} + +.remark +{ + position: absolute; + right: 1rem; + top: 2rem; + width: 1rem; +} + +.remark_item +{ + display: block; + width: .3em; + margin-right: 1rem; + padding-bottom: .3rem; + font: .8rem 'Cutive Mono', monospace; + font-weight: bold; + text-transform: uppercase; + word-break: break-all; +} + +.paper_name +{ + font: 70px 'Bikham Cyr Script'; +} + +.article_name +{ + font: bold 40px 'Acme', sans-serif; + text-align: center; +} + +.paper_date +{ + font: italic 1.25rem 'Cutive Mono'; + margin: 1.5rem; + padding: .5rem; + border-top: 4px double #fadabb; + border-bottom: 4px double #fadabb; + border-right: 4px double #fadabb; + border-left: 4px double #fadabb; + background-color: #420; + text-align: center; + color: #fed; +} + +.entire_text +{ + column-count: 3; + -moz-column-count: 3; + -webkit-column-count: 3; + -moz-column-rule: 1px solid #420; + -webkit-column-rule: 1px solid #420; + column-rule: 1px solid #420; + -moz-column-gap: 1.5rem; + -webkit-column-gap: 1.5rem; + column-gap: 1.5rem; +} + +.quote +{ + font-style: oblique; + white-space: pre-line; +} + +.paper-image-2 +{ + column-span: all; +} + +.paper_image_source +{ + width: 100%; +} + +.article_text::first-letter +{ + font: 2rem 'Bikham Cyr Script'; +} + +.setting +{ + padding: 1.5rem 0; +} + +.setting_item +{ + display: inline-block; + padding: 2rem; + text-align: center; +} + +.setting_item_header +{ + margin: 0 0 1rem; + padding: 0; + color: #420; +} + +.setting_item_label +{ + padding: .25rem .5rem; + cursor: pointer; +} + +.setting_item label:not(:checked):hover +{ + background-color: #fed; +} + +input[id='set_color_dark']:checked ~ main .paper +{ + background-color: #835d37; + color: #fadabb; +} + +input[id='set_size_small']:checked ~ main .article_name +{ + font-size: .9rem; + line-height: 1.2rem; +} + +input[id='set_size_big']:checked ~ main .article_name +{ + font-size: 3rem; + line-height: 3rem; +} + +input[id='set_size_small']:checked ~ main .article_text +{ + font-size: .9rem; +} + +input[id='set_size_big']:checked ~ main .article_text +{ + font-size: 1.2rem; +} + +input[id='set_font_sans']:checked ~ main .article_text +{ + font-family: 'Acme', sans-serif; +} + +input[id='set_font_serif']:checked ~ main .article_text +{ + font-family: 'Bree Serif', serif; +} + +input[id='set_font_mono']:checked ~ main .article_text +{ + font-family: 'Cutive Mono', monospace; +} + +input[name^='set-'] +{ + display: none; +} + +input[id='set_size_small']:checked ~ main label[for='set_size_small'], +input[id='set_size_normal']:checked ~ main label[for='set_size_normal'], +input[id='set_size_big']:checked ~ main label[for='set_size_big'], +input[id='set_font_sanserif']:checked ~ main label[for='set_font_sanserif'], +input[id='set_font_serif']:checked ~ main label[for='set_font_serif'], +input[id='set_font_mono']:checked ~ main label[for='set_font_mono'], +input[id='set_color_light']:checked ~ main label[for='set_color_light'], +input[id='set_color_dark']:checked ~ main label[for='set_color_dark'] +{ + background-color: #420; + color: #fed; +} + +input[id='set_size_small']:checked ~ main .paper_image_caption +{ + font-size: .9rem; +} + +input[id='set_size_big']:checked ~ main .paper_image_caption +{ + font-size: 1.2rem; +} + +input[id='set_size_small']:checked ~ main .quote +{ + font-size: .9rem; +} + +input[id='set_size_big']:checked ~ main .quote +{ + font-size: 1.2rem; +} diff --git a/index.html b/index.html index 960eff7..9060224 100644 --- a/index.html +++ b/index.html @@ -1,9 +1,377 @@ + + + + + - Задача «DeLorean DMC-12» + титульник не должен быть емпи, блин + + + + + + + + + + + +
+
+
+

Размер шрифта

+ + + +
+
+

Начертание шрифта

+ + + +
+
+

Цветовая тема

+ + +
+
+ +
+

Ваш интересный Вестник информации

+

Выпуск от 20.07.1985

+
+ мозг + на + влияет + плохо + это + надпись + эту + читайте + Не +
+
+
+

+ Ваша мечта +

+

+ В про­да­жу по­сту­пи­ла Morgan 4/4. + Бы­ло вы­пу­ще­но все­го 386 ав­то­ + мо­би­лей. +

+
"Мы по­ста­ра­лись учесть все свои + преды­ду­щие ошиб­ки и со­зда­ли ма­ - + ши­ну, спо­соб­ную по­слу­жить Вам + дол­гие го­ды !"
+
+ изображение Morgan 4/4 +
Morgan 4/4 - + мечта каждого мужчины
+
+

+ Осна­ща­ет­ся эта ма­лыш­ка че­ты­ + рех­ци­лин­дро­вым дви­аг­те­лем Ford 100E + объ­е­мом 1,2 лит­ра. +

+
+
+

+ Светский гуманизм +

+

+ Од­но из на­прав­ле­ний со­вре­мен­ной + фи­ло­со­фии гу­ма­низ­ма, + ми­ро­воз­зре­ние, ко­то­рое + про­воз­гла­ша­ет че­ло­ве­ка, + его пра­во на сча­стье, + раз­ви­тие и про­яв­ле­ние сво­их + по­ло­жи­тель­ных спо­соб­но­стей наи­выс­шей + цен­но­стью. +

+

+ Гу­ма­ни­сти­че­ское ми­ро­воз­зре­ние + про­ти­во­по­став­ля­ет­ся + ре­ли­ги­оз­но­му, не при­зна­ёт + су­ще­ство­ва­ния сил, + сто­я­щих вы­ше че­ло­ве­ка и при­ро­ды. + Свет­ский гу­ма­низм утвер­жда­ет спо­соб­ность + и обя­зан­ность ве­сти эти­че­ский + об­раз жиз­ни без при­вле­че­ния ги­по­те­зы + о су­ще­ство­ва­нии Бо­га. Свет­ский гу­ма­низм + вы­де­лил­ся из гу­ма­ни­сти­че­ско­го + дви­же­ния в от­вет на кри­ти­ку гу­ма­низ­ма + ре­ли­ги­оз­ны­ми фун­да­мен­та­ли­ста­ми. + От ре­ли­ги­оз­но­го гу­ма­низ­ма + от­ли­ча­ет­ся + тем, что от­вер­га­ет ре­ли­ги­оз­ную + ве­ру как + прин­ци­пи­аль­но ил­лю­зор­ный спо­соб + ори­ен­та­ции + че­ло­ве­ка в ми­ре. +

+
+
+

+ Не забывайте великих поэтов +

+
+ "Унылая пора ! Очей очарованье !
+ Приятна мне твоя прощальная краса —
+ Люблю я пышное природы увяданье,
+ В багрец и в золото одетые леса,
+ В их сенях ветра шум и свежее дыханье,
+ И мглой волнистою покрыты небеса,
+ И редкий солнца луч, и первые морозы,
+ И отдаленные седой зимы угрозы."
+
+

+ Автор: А. С. Пушкин +

+
+ тоже Картинка +
Автор снимка: + Николай Бородин
+
+
+

+ Недельный гороскоп +

+

Овен

+

+ Жизнь пол­на не­ожи­дан­но­стей + и раз­но­об­раз­ных со­бы­тий. + Од­на­ко вас бу­дут окру­жать ли­бо тай­ны, + ли­бо сплет­ни. На них не сто­ит об­ра­щать + вни­ма­ние, луч­ше за­нять­ся ра­бо­той и + твор­че­ством. Не бе­ри­те на се­бя + не­вы­пол­ни­мые обя­за­тель­ства + пе­ред + на­чаль­ством, ина­че слож­но бу­дет + вы­пу­ты­вать­ся из сло­жив­шей­ся + си­ту­а­ции. По­ста­рай­тесь не + пе­ре­усерд­ство­вать с + эмо­ци­о­наль­ны­ми + пе­ре­груз­ка­ми, ино­гда + по­лез­но по­быть + в оди­но­че­стве. +

+

Телец

+

+ Ес­ли у вас есть тай­ная меч­та сме­нить + ра­бо­ту, + по­ста­рай­тесь ре­а­ли­зо­вать + ее в бли­жай­шее вре­мя, + по­том мо­жет не быть та­ко­го шан­са. По + край­ней ме­ре, сде­лай­те + пер­вый шаг в этом на­прав­ле­нии. Од­на из + важ­ных за­дач этой не­де­ли + - по­ста­рать­ся урав­но­ве­сить ча­ши + ве­сов ва­ше­го + на­стро­е­ния и эмо­ци­о­наль­но­го + со­сто­я­ния, + что­бы они не бы­ли + раз­ба­лан­си­ро­ва­ны. + Со­здай­те + се­бе ощу­ще­ние празд­ни­ка и + ве­ры в луч­шее. +

+

Близнецы

+

+ Груз про­блем, остав­ших­ся с про­шлой + не­де­ли, вы су­ме­е­те + сбро­сить уже к сре­де и бу­де­те + го­то­вы к ре­ше­нию но­вых + за­дач. Твор­че­ское на­стро­е­ние + поз­во­лит уди­вить све­жи­ми + иде­я­ми дру­зей и кол­лег. Сре­да - + на­пря­жен­ный, но + кон­струк­тив­ный день, хо­тя + ин­фор­ма­цию, ко­то­рая вас + ин­те­ре­су­ет, най­ти край­не слож­но. + Но у вас все по­лу­чит­ся. + В чет­верг удаст­ся най­ти + еди­но­мыш­лен­ни­ков, ко­то­рые + раз­де­лят ва­ши идеи и взгля­ды. Вас + бу­дут под­дер­жи­вать близ­кие + лю­ди, что поз­во­лит об­ре­сти + уве­рен­ность + и спо­кой­ствие. +

+

Рак

+

+ Сей­час пе­ри­од, ко­гда вы мо­же­те + с лег­ко­стью, од­ним прыж­ком + пре­одо­леть мно­гие пре­пят­ствия и + ба­рье­ры. На­сту­па­ет + бла­го­при­ят­ное вре­мя для + на­ла­жи­ва­ния но­вых де­ло­вых + свя­зей и кон­так­тов. Ва­ше оба­я­ние + и ав­то­ри­тет мо­гут быть + столь зна­чи­тель­ны­ми, что ва­ше + окру­же­ние вос­при­мет как долж­ное + ва­ши ини­ци­а­ти­вы и + пред­ло­же­ния. В по­не­дель­ник + сто­ит сни­зить на­груз­ки до + ми­ни­му­ма, а луч­ше и во­все + от­ло­жить все се­рьез­ные де­ла до + сре­ды. Вто­рая по­ло­ви­на не­де­ли + не даст вам по­во­да для огор­че­ний. +

+

Лев

+

+ На этой не­де­ле вы по­ка­же­те + окру­жа­ю­щим при­мер успе­ха в + до­сти­же­нии це­ли. Это + за­ме­ча­тель­ная не­де­ля, + осо­бен­но + для лю­дей твор­че­ских про­фес­сий. + Вни­ма­тель­нее сле­ди­те за + но­во­стя­ми, что­бы не про­пу­стить + важ­ной для вас ин­фор­ма­ции. + Оставь­те пре­тен­зии к де­ло­вым + парт­не­рам и по­смот­ри­те на + си­ту­а­цию с дру­гой сто­ро­ны. +

+

Дева

+

+ Воз­мож­ны опре­де­лен­ные + труд­но­сти в ка­рье­ре и в лич­ной + жиз­ни, пе­ред ко­то­ры­ми не + сто­ит от­сту­пать. И то­гда успех + про­сто не­из­бе­жен. Нын­че + луч­ше опи­рать­ся на про­ве­рен­ные + ме­то­ды, а не­стан­дарт­ные + под­хо­ды ис­поль­зо­вать толь­ко как + до­пол­не­ние. В ра­бо­те + не­об­хо­ди­мо про­яв­лять + тер­пе­ние и упор­ство, то­гда + пре­гра­ды пре­вра­тят­ся в пыль, + ко­то­рую про­сто уне­сет вет­ром. + В вы­ход­ные ис­поль­зуй­те + лю­бую воз­мож­ность, что­бы + за­ве­сти зна­ком­ства - + ве­че­рин­ка, + при­гла­ше­ния в го­сти или в ки­но. +

+

Весы

+

+ На этой не­де­ле ра­бо­та + бу­дет го­нять­ся за ва­ми, + как го­лод­ный волк за сво­ей + до­бы­чей, об от­ды­хе + не­ко­гда бу­дет да­же + меч­тать. Что­бы со­всем не + ис­чез­нуть в ее жад­ной + па­сти, же­ла­тель­но + со­сре­до­то­чить­ся на + гло­баль­ных де­лах. В сре­ду + вы узна­е­те ка­кую-то ста­рую + тай­ну или осво­бо­ди­тесь от + боль­шой про­бле­мы. В чет­верг + при­дет­ся вы­яс­нять + от­но­ше­ния с на­чаль­ством, + про­яви­те тер­пе­ние и такт. +

+

Скорпион

+

+ По­стро­е­ние + ве­ли­ко­леп­ных + воз­душ­ных (или пес­ча­ных) - + на вы­бор, зам­ков - это пре­крас­но, + но все же луч­ше ре­аль­но по­смот­р + еть на со­здав­шу­ю­ся си­ту­а­ + цию. Про­яви­те твор­че­ский под­ход и ини­ + ци­а­ти­ву в ра­бо­те, и вы до­бье­тесь + при­зна­ния и успе­ха. Ис­поль­зуй­те + свои луч­шие сто­ро­ны, оча­руй­те на­ + чаль­ство сво­ей муд­ + ро­стью, и все бу­дет в по­ряд­ке. +

+

Стрелец

+

+ На­сту­па­ет бла­го­при­ят­ное + вре­мя. Вы по­чув­ству­е­те при­лив + сил. Про­яви­те муд­рость и осмот­ри­ + тель­ность в сво­их ре­ше­ни­ях, по­ + ра­дуй­те сво­их близ­ких. Это вре­мя для + но­вых идей и пла­нов. Зай­ми­тесь са­ + мо­раз­ви­ти­ем и са­мо­со­вер­ + шен­ство­ва­ни­ем. Толь­ко не рас­тра­ + чи­вай­те сра­зу весь ре­сурс ва­ших сил, + они вам еще при­го­дят­ся в бу­ду­щем. +

+

Козерог

+

+ На этой не­де­ле вы мо­же­те об­ре­ + сти мно­го дру­зей, ва­ша ра­бо­та ста­ + нет ин­те­рес­нее и увле­ка­тель­нее. + В по­не­дель­ник ока­жут­ся успеш­ны­ + ми и пло­до­твор­ны­ми по­езд­ки и ко­ + ман­ди­ров­ки. Во втор­ник вам мо­жет до­ + стать­ся не­лег­кая за­да­ча, и вы вы­ + пол­ни­те ее прак­ти­че­ски без­упреч­ + но, это по­тре­бу­ет от вас мно­го сил, но и + при­не­сет по­лез­ный опыт. В чет­верг + бла­го­при­ят­но на­чи­нать ре­монт + до­ма или квар­ти­ры. В пят­ни­цу по­ + ста­рай­тесь огра­дить се­бя от су­е­ + ты и не­нуж­ных и уто­ми­тель­ных кон­ + так­тов. В вы­ход­ные при­гла­си­те в + го­сти дру­зей. +

+

Водолей

+

+ Гря­дут за­мет­ные пе­ре­ме­ны + в от­но­ше­ни­ях с де­ло­вы­ + ми парт­не­ра­ми. Это се­рьез­ное + ис­пы­та­ние на проч­ность, от вас по­ + тре­бу­ет­ся спо­соб­ность к со­ + труд­ни­че­ству и юри­ди­че­ская + гра­мот­ность. Не об­ра­щай­те вни­ + ма­ние на мел­кие не­при­ят­но­сти. + В чет­верг будь­те осто­рож­ны с за­ + ман­чи­вым пред­ло­же­ни­ем о но­ + вой ра­бо­те. В суб­бо­ту не сто­ит ни­ + че­го пла­ни­ро­вать се­рьез­но, + так как все мо­жет из­ме­нить­ся в од­ + но мгно­ве­ние. +

+

Рыбы

+

+ По­хо­же, вы со­ста­ви­ли + се­бе слиш­ком гран­ди­оз­ные + пла­ны, мо­жет быть, луч­ше их + со­кра­тить до ре­аль­но­го + объ­е­ма? Ве­ро­ят­ны ко­ + ман­ди­ров­ки, ко­то­рые поз­ + во­лят вам от­влечь­ся от не­ко­ + то­рых про­блем. Об­ще­ние с на­ + чаль­ством по воз­мож­но­сти со­ + кра­ти­те до ми­ни­му­ма, ина­ + че ва­ши не в ме­ру ед­кие вы­ска­ + зы­ва­ния мо­гут спро­во­ци­ + ро­вать кон­фликт­ную си­ту­а­ + цию. В пят­ни­цу к вам мо­гут на­гря­ + нуть не­ожи­дан­ные го­сти. Про­ве­ + ди­те вы­ход­ные с близ­ки­ми людь­ + ми. В суб­бо­ту, ре­шая важ­ные во­ + про­сы, при­слу­шай­тесь к со­ве­ + там лю­би­мо­го че­ло­ве­ка, и не + от­вер­гай­те его по­мощь. +

+
+
+
+
+