diff --git a/fonts/font.ttf b/fonts/font.ttf new file mode 100644 index 0000000..ba0a18f Binary files /dev/null and b/fonts/font.ttf differ diff --git a/index.css b/index.css index e69de29..617d1f6 100644 --- a/index.css +++ b/index.css @@ -0,0 +1,104 @@ +@font-face +{ + font-family: old-font; + font-display: auto; + src: url(fonts/font.ttf); +} + +body +{ + min-width: 900px; +} + +h1 +{ + font-family: old-font, cursive; + text-align: center; + font-size: 80px; +} + +h2, +h3 +{ + font-family: old-font, cursive; + text-align: center; + border-bottom: 2px solid #000; +} + +.size:checked ~ .site-info +{ + zoom: 2; +} + +.dark:checked ~ .site-info +{ + background-color: black; + color: white; +} + +.font-style:checked ~ .site-info +{ + font-family: 'Droid Sans Georgian', cursive, 'Noto Serif Armenian'; +} + +p::first-letter +{ + font-family: cursive; + font-size: 50px; +} + +p +{ + border-bottom: 2px solid #000; + hyphens: auto; +} + +img +{ + width: 500px; + height: 600px; +} + +.vert-text +{ + writing-mode: vertical-lr; + text-orientation: upright; + text-transform: uppercase; + min-width: 40px; + padding-top: 20px; +} + +.text-cont +{ + display: flex; + outline: 4px solid #000; +} + +.text-cont > div +{ + padding: 0 8px 8px; + border-right: 2px solid #000; + border-bottom: 2px solid #000; +} + +div.wide +{ + width: 50%; +} + +.text-cont div:last-child +{ + border-right: none; +} + +.columns +{ + column-count: 2; + column-rule: 2px solid #000; +} + +h3.in-colonms +{ + column-span: all; + border-bottom: none; +} diff --git a/index.html b/index.html index 960eff7..c2fb8b9 100644 --- a/index.html +++ b/index.html @@ -1,9 +1,108 @@ - - - Задача «DeLorean DMC-12» - - - + + + Задача «DeLorean DMC-12» + + + + + + + + +
+
+

Случайное название

+
+
+
+
+

Случайный заголовок

+

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

+

Тест на все колонки

+

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

+
+
+

Случайное название

+

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

+
+
+
+
+

Случайное название

+

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

+

Случайное название

+

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

+
+
+
+
+ Случайный вертикальный текст которого много очень так нормально? +
+
+
+
+

Случайная картинка

+ image +
+
+

Случайное название

+

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

+
+
+
+
+