diff --git a/118.jpg b/118.jpg new file mode 100644 index 0000000..d21b56f Binary files /dev/null and b/118.jpg differ diff --git a/56.jpg b/56.jpg new file mode 100644 index 0000000..af7fe06 Binary files /dev/null and b/56.jpg differ diff --git a/font/ds-Moster.ttf b/font/ds-Moster.ttf new file mode 100644 index 0000000..d72384e Binary files /dev/null and b/font/ds-Moster.ttf differ diff --git a/font/trixieCyr-Plain.otf b/font/trixieCyr-Plain.otf new file mode 100644 index 0000000..69f6353 Binary files /dev/null and b/font/trixieCyr-Plain.otf differ diff --git a/front/TrixieCyr-Plain.otf b/front/TrixieCyr-Plain.otf new file mode 100644 index 0000000..69f6353 Binary files /dev/null and b/front/TrixieCyr-Plain.otf differ diff --git a/front/ds_moster.ttf b/front/ds_moster.ttf new file mode 100644 index 0000000..d72384e Binary files /dev/null and b/front/ds_moster.ttf differ diff --git a/index.css b/index.css index e69de29..5456cc1 100644 --- a/index.css +++ b/index.css @@ -0,0 +1,144 @@ +@font-face +{ + font-family: ds-Moster; + src: url('font/ds-Moster.ttf'); +} + +@font-face +{ + font-family: trixieCyr-Plain; + src: url('font/trixieCyr-Plain.otf'); +} + +img +{ + width: 100%; +} + +html +{ + background-color: gray; +} + +main +{ + padding: 10px; +} + +label +{ + cursor: pointer; + padding: 0 15px; +} + +input +{ + display: none; +} + +section +{ + column-count: 3; + column-rule: 1px solid #000; +} + +h1, +h2 +{ + font-variant: small-caps; + text-align: center; +} + +h1 +{ + white-space: nowrap; + height: 60px; +} + +h3 +{ + white-space: nowrap; + height: 20px; + margin-top: 0; +} + +p +{ + text-align: justify; + hyphens: auto; + text-indent: 2em; +} + +input[value='small']:checked ~ main +{ + font-size: 80%; +} + +input[value='normal']:checked ~ main +{ + font-size: 100%; +} + +input[value='big']:checked ~ main +{ + font-size: 120%; +} + +input[value='ds_moster']:checked ~ main +{ + font-family: ds-Moster, 'sans-serif'; +} + +input[value='TrixieCyr-Plain']:checked ~ main +{ + font-family: trixieCyr-Plain, 'sans-serif'; +} + +input[value='Arial']:checked ~ main +{ + font-family: Arial, 'sans-serif'; +} + +input[value='black_and_white']:checked ~ main +{ + background-image: url('56.jpg') ; + color: #000; + column-rule: 1px solid #000; +} + +input[value='white_and_black']:checked ~ main +{ + background-image: url('118.jpg') ; + color: #fff; + column-rule: 1px solid #fff; +} + +input[value='black_and_white']:checked ~ main section +{ + column-rule: 1px solid #000; +} + +input[value='white_and_black']:checked ~ main section +{ + column-rule: 1px solid #fff; +} + +.label-button +{ + line-height: 3em; + font-family: Arial; + text-align: center; + column-count: 3; + padding: 50px 0; +} + +h1:first-letter +{ + font-size: 150%; +} + +h2:first-letter +{ + font-size: 120%; +} + diff --git a/index.html b/index.html index 960eff7..17aca16 100644 --- a/index.html +++ b/index.html @@ -1,9 +1,177 @@ + Задача «DeLorean DMC-12» + + + + + + + + + + + + +
+
+

Размер +

+ + + +

Выбор шрифта +

+ + + +

Выбор темы +

+ + +
+

Newspaper - fish

+
+
+ picture +
+
+

Значимость этих проблем настолько очевидна...

+

Разнообразный и богатый опыт консультация с профессионалами из IT требует от + нас анализа дальнейших направлений развития проекта. Таким образом, + социально-экономическое развитие требует от нас анализа экономической + целесообразности принимаемых решений. Таким образом, реализация намеченного + плана развития представляет собой интересный эксперимент проверки + соответствующих условий активизации. Не следует, однако, забывать о том, + что консультация с профессионалами из IT + влечет за собой процесс внедрения и модернизации соответствующих условий + активизации? Значимость этих проблем настолько очевидна, что + постоянный количественный рост и сфера нашей активности напрямую зависит + от новых предложений? Не

+
+
+

Соображения высшего порядка, а также..

+

С другой стороны постоянный количественный рост и сфера нашей активности + играет важную роль в формировании + дальнейших направлений развитая системы массового участия! Практический + опыт показывает, что повышение + уровня гражданского сознания требует от нас анализа дальнейших направлений + развитая системы массового + участия! Равным образом новая модель организационной деятельности влечет + за собой процесс внедрения и + модернизации соответствующих условий активизации? Разнообразный и богатый + опыт постоянный количественный + рост и сфера нашей активности требует от нас анализа модели развития. + Соображения высшего порядка, а + также реализация намеченного плана развития создаёт предпосылки качественно + новых шагов для направлений + прогрессивного развития? Не следует, однако, забывать о том, что выбранный + нами инновационный.

+
+
+

Разнообразный и богатый опыт выбранный...

+

Значимость этих проблем настолько очевидна, что постоянный количественный + рост и сфера нашей активности требует + от нас системного анализа дальнейших направлений развития проекта? Дорогие + друзья, реализация намеченного + плана развития требует от нас анализа экономической целесообразности + принимаемых решений. Таким образом, + курс на социально-ориентированный национальный проект позволяет оценить + значение модели развития. Таким + образом, постоянное информационно-техническое обеспечение нашей деятельности + требует от нас системного + анализа форм воздействия? Дорогие друзья, социально-экономическое развитие + позволяет оценить значение + форм воздействия. Практический опыт показывает, что повышение уровня + гражданского сознания требует определения + и уточнения позиций, занимаемых участниками в отношении поставленных задач. + Разнообразный и богатый опыт + курс на социально-ориентированный национальный проект создаёт

+
+
+

Равным образом реализация намеченного плана

+

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

+
+
+

Товарищи!

+

С другой стороны консультация с широким активом обеспечивает широкому кругу (специалистов) + участие в формировании + направлений прогрессивного развития. Разнообразный и богатый опыт дальнейшее развитие + различных форм + деятельности позволяет выполнять важные задания по разработке дальнейших направлений + развития. Товарищи! + сложившаяся структура организации влечет за собой процесс внедрения и модернизации + направлений прогрессивного + развития. Разнообразный и богатый опыт новая модель организационной деятельности в + значительной степени + обуславливает создание позиций, занимаемых участниками в отношении поставленных задач.

+
+
+

Дорогие друзья, дальнейшее развитие различных

+

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

+
+
+

Равным образом курс на социально-ориентированный...

+

Значимость этих проблем настолько очевидна, что новая модель организационной + деятельности способствует подготовки + и реализации дальнейших направлений развития. Товарищи! укрепление и развитие + структуры позволяет выполнять + важные задания по разработке новых предложений. Равным образом постоянное + информационно-пропагандистское + обеспечение нашей деятельности влечет за собой процесс внедрения и модернизации + позиций, занимаемых участниками + в отношении поставленных задач.

+
+
+

Дорогие друзья, повышение уровня гражданского

+

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

+
+
+
+ diff --git a/picture.png b/picture.png new file mode 100644 index 0000000..8fc6fe7 Binary files /dev/null and b/picture.png differ