From 2e2d256dd083eefe7f215a1f646691b0b633d710 Mon Sep 17 00:00:00 2001 From: Tolmachev Igor Date: Wed, 6 Nov 2024 01:38:44 +0300 Subject: Create site --- favicon.ico | Bin 0 -> 17014 bytes favicon.svg | 87 +++++++++++++++++++++++++++++++++++++++++++ index.html | 108 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ student.png | Bin 0 -> 479765 bytes style.css | 120 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 5 files changed, 315 insertions(+) create mode 100644 favicon.ico create mode 100644 favicon.svg create mode 100644 index.html create mode 100644 student.png create mode 100644 style.css diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..33acf09 Binary files /dev/null and b/favicon.ico differ diff --git a/favicon.svg b/favicon.svg new file mode 100644 index 0000000..8ad06a4 --- /dev/null +++ b/favicon.svg @@ -0,0 +1,87 @@ + + + + + + + + + + + + + + ПСЖ + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..b47dac3 --- /dev/null +++ b/index.html @@ -0,0 +1,108 @@ + + + + + + + + + + + ПСЖ + + + +
+

ПСЖ как стиль жизни

+ Студент +

+ Устали от бесконечных лекций, зубрежки и дедлайнов? Мечтаете о свободе и + беззаботности? Тогда ПСЖ – это именно то, что вам нужно! +

+ +

Почему именно ПСЖ?

+ + +

Топ-10 причин оформить ПСЖ прямо сейчас

+
    +
  1. + Избежать встречи с надоедливым преподавателем. Давайте + посмотрим правде в глаза: иногда лучше пропустить пару лекций, чем + слушать бесконечные монологи о квантовой физике. +
    2. +
  2. + Научиться готовить сложные блюда. Ведь что может быть лучше, + чем удивить своих друзей изысканным ужином, приготовленным своими + руками? А если что-то пойдет не так, всегда можно сказать, что это был + эксперимент. +
    3. +
  3. + Стать профессиональным игроком в компьютерные игры. Ведь сидеть + за компьютером целыми днями – это не просто развлечение, а настоящая + работа! +
    4. +
  4. + Посвятить себя изучению древнеегипетских иероглифов. Или, может + быть, научиться играть на ханг-дроме? Возможности безграничны! +
    5. +
  5. + Открыть собственный бизнес по выращиванию кактусов. Ведь кто не + мечтает о маленькой кактусовой ферме на балконе? +
    6. +
  6. + Путешествовать автостопом по России. Это отличная возможность + познакомиться с новыми людьми и увидеть страну своими глазами. +
    7. +
  7. + Написать роман о вампирах и оборотнях. Ведь каждый из нас в + глубине души немного писатель. +
    8. +
  8. + Стать экспертом по теории заговора. Разве не интересно + разгадывать тайны мирового правительства? +
    9. +
  9. + Выиграть в лотерею и больше никогда не работать. По статистке + 99.98% игроков останавливаются перед самым выигрышем. +
    10. +
  10. + Просто потому что можно. Ну а почему бы и нет? Жизнь слишком + коротка, чтобы откладывать все на потом. +
    11. +
+ +

Как оформить ПСЖ?

+

+ Все очень просто! Заполните короткую анкету на сайте my.itmo.ru и + вдавите по кнопке отправить. Всего один клик отделяет вас от + долгожданной свободы! +

+ + Не упустите свой шанс! Оформите ПСЖ прямо сейчас и начните новую главу в + своей жизни! + + + + ОФОРМИТЬ ПСЖ + +
+ + diff --git a/student.png b/student.png new file mode 100644 index 0000000..f9b6478 Binary files /dev/null and b/student.png differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..e248e3e --- /dev/null +++ b/style.css @@ -0,0 +1,120 @@ +@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&display=swap"); + +@media (prefers-color-scheme: light) { + :root { + --color-primary: rgb(0 104 119); + --color-on-primary: rgb(255 255 255); + + --color-secondary: rgb(74 98 104); + + --color-surface: rgb(245 250 252); + --color-surface-container: rgb(233 239 240); + --color-on-surface: rgb(23 29 30); + } +} + +@media (prefers-color-scheme: dark) { + :root { + --color-primary: rgb(131 210 228); + --color-on-primary: rgb(0 54 62); + + --color-secondary: rgb(178 203 209); + + --color-surface: rgb(14 20 22); + --color-surface-container: rgb(27 33 34); + --color-on-surface: rgb(222 227 229); + } +} + +* { + transition-duration: 0.5s; + transition-property: background, color; + transition-timing-function: ease-in-out; +} + +body { + font-family: "Noto Sans", sans-serif; + background-color: var(--color-surface); + color: var(--color-on-surface); + margin: 0 auto; + padding: 0 0.5em; + + max-width: 50em; +} + +main { + background-color: var(--color-surface-container); + border-radius: 2em; + + margin: 1em 0 5em 0; + padding: 1.5em; +} + +main > *:first-child { + margin-top: 0; +} + +main > *:last-child { + margin-bottom: 0; +} + +h1, +h2 { + color: var(--color-primary); +} + +b { + color: var(--color-secondary); +} + +ul, +ol { + padding-left: 1.5em; +} + +li { + padding-bottom: 1em; +} + +li:last-child { + padding-bottom: 0; +} + +a { + color: var(--color-primary); +} + +img { + width: 100%; + max-height: 15em; + object-fit: cover; + border-radius: 1em; +} + +@keyframes button { + 0% { + transform: scale(1); + } + 50% { + transform: scale(1.15); + } + + 100% { + transform: scale(1); + } +} + +.button { + background-color: var(--color-primary); + color: var(--color-on-primary); + + border-radius: 1em; + padding: 1em; + margin: 1em 2.5em; + font-size: medium; + animation: button infinite 1s; + + text-decoration: none; + text-align: center; + display: block; +} -- cgit v1.2.3