aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorTolmachev Igor <me@igorek.dev>2024-11-06 01:38:44 +0300
committerTolmachev Igor <me@igorek.dev>2024-11-06 01:38:44 +0300
commit2e2d256dd083eefe7f215a1f646691b0b633d710 (patch)
treee12b0c6c5cb202ac971d6c48aeb7a1059f6c68a7
parentfdad1b6440eea251fbb15e174b614abadb897991 (diff)
downloadexpulsiononline-2e2d256dd083eefe7f215a1f646691b0b633d710.tar.gz
expulsiononline-2e2d256dd083eefe7f215a1f646691b0b633d710.zip
Create site
Diffstat
-rw-r--r--favicon.icobin0 -> 17014 bytes
-rw-r--r--favicon.svg87
-rw-r--r--index.html108
-rw-r--r--student.pngbin0 -> 479765 bytes
-rw-r--r--style.css120
5 files changed, 315 insertions, 0 deletions
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..33acf09
--- /dev/null
+++ b/favicon.ico
Binary files 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 @@
1<?xml version="1.0" encoding="UTF-8" standalone="no"?>
2<!-- Created with Inkscape (http://www.inkscape.org/) -->
3
4<svg
5 width="512"
6 height="512"
7 viewBox="0 0 512 512"
8 version="1.1"
9 id="svg1"
10 inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
11 sodipodi:docname="favicon.svg"
12 inkscape:export-filename="favicon.png"
13 inkscape:export-xdpi="12"
14 inkscape:export-ydpi="12"
15 xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
16 xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
17 xmlns="http://www.w3.org/2000/svg"
18 xmlns:svg="http://www.w3.org/2000/svg">
19 <sodipodi:namedview
20 id="namedview1"
21 pagecolor="#ffffff"
22 bordercolor="#000000"
23 borderopacity="1"
24 inkscape:showpageshadow="2"
25 inkscape:pageopacity="0.0"
26 inkscape:pagecheckerboard="0"
27 inkscape:deskcolor="#d1d1d1"
28 inkscape:document-units="px"
29 inkscape:zoom="0.66332469"
30 inkscape:cx="276.63677"
31 inkscape:cy="247.2394"
32 inkscape:window-width="1440"
33 inkscape:window-height="872"
34 inkscape:window-x="0"
35 inkscape:window-y="0"
36 inkscape:window-maximized="1"
37 inkscape:current-layer="layer2" />
38 <defs
39 id="defs1">
40 <rect
41 x="163.09281"
42 y="96.553892"
43 width="171.47006"
44 height="175.17964"
45 id="rect2" />
46 </defs>
47 <g
48 inkscape:label="bg"
49 inkscape:groupmode="layer"
50 id="layer1"
51 style="display:inline"
52 sodipodi:insensitive="true">
53 <rect
54 style="display:none;fill:#cde7ed;fill-opacity:1;stroke-width:1.88489"
55 id="rect3"
56 width="512"
57 height="512"
58 x="0"
59 y="0"
60 inkscape:label="square" />
61 <circle
62 style="display:inline;fill:#cde7ed;fill-opacity:1;stroke-width:1.3177"
63 id="path4"
64 cx="256"
65 cy="256"
66 r="256"
67 inkscape:label="circle" />
68 </g>
69 <g
70 inkscape:groupmode="layer"
71 id="layer2"
72 inkscape:label="text"
73 sodipodi:insensitive="true">
74 <text
75 xml:space="preserve"
76 style="font-size:210.084px;font-family:'Noto Sans Mono';-inkscape-font-specification:'Noto Sans Mono';fill:#051f24;fill-opacity:1;stroke-width:17.5068"
77 x="65.453728"
78 y="335.83191"
79 id="text5"
80 inkscape:label="text"><tspan
81 sodipodi:role="line"
82 x="65.453728"
83 y="335.83191"
84 style="stroke-width:17.5068"
85 id="tspan2">ПСЖ</tspan></text>
86 </g>
87</svg>
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..b47dac3
--- /dev/null
+++ b/index.html
@@ -0,0 +1,108 @@
1<!DOCTYPE html>
2<html lang="en">
3 <head>
4 <meta charset="UTF-8" />
5 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
6 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
8 <link rel="stylesheet" href="/style.css" />
9 <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
10
11 <title>ПСЖ</title>
12 </head>
13
14 <body>
15 <main>
16 <h1>ПСЖ как стиль жизни</h1>
17 <img src="/student.png" alt="Студент" />
18 <p>
19 Устали от бесконечных лекций, зубрежки и дедлайнов? Мечтаете о свободе и
20 беззаботности? <b>Тогда ПСЖ – это именно то, что вам нужно!</b>
21 </p>
22
23 <h2>Почему именно ПСЖ?</h2>
24 <ul>
25 <li>
26 <b>Гарантированный отдых от учебы.</b> Никаких экзаменов, курсовых и
27 лабораторных. Только вы, пляж и коктейль.
28 </li>
29 <li>
30 <b>Возможность реализовать себя в других сферах.</b> Может быть, вы
31 талантливый блогер, начинающий музыкант или просто любитель
32 путешествий? ПСЖ – это ваш шанс раскрыть свои творческие способности.
33 </li>
34 <li>
35 <b>Экономия на учебных материалах и проездах.</b> Больше денег на
36 развлечения и шопинг!
37 </li>
38 <li>
39 <b>Увеличение свободного времени.</b> Наконец-то вы сможете выспаться,
40 заняться спортом или просто поваляться на диване.
41 </li>
42 </ul>
43
44 <h2>Топ-10 причин оформить ПСЖ прямо сейчас</h2>
45 <ol>
46 <li>
47 <b>Избежать встречи с надоедливым преподавателем.</b> Давайте
48 посмотрим правде в глаза: иногда лучше пропустить пару лекций, чем
49 слушать бесконечные монологи о квантовой физике.
50 </li>
51 <li>
52 <b>Научиться готовить сложные блюда.</b> Ведь что может быть лучше,
53 чем удивить своих друзей изысканным ужином, приготовленным своими
54 руками? А если что-то пойдет не так, всегда можно сказать, что это был
55 эксперимент.
56 </li>
57 <li>
58 <b>Стать профессиональным игроком в компьютерные игры.</b> Ведь сидеть
59 за компьютером целыми днями – это не просто развлечение, а настоящая
60 работа!
61 </li>
62 <li>
63 <b>Посвятить себя изучению древнеегипетских иероглифов.</b> Или, может
64 быть, научиться играть на ханг-дроме? Возможности безграничны!
65 </li>
66 <li>
67 <b>Открыть собственный бизнес по выращиванию кактусов.</b> Ведь кто не
68 мечтает о маленькой кактусовой ферме на балконе?
69 </li>
70 <li>
71 <b>Путешествовать автостопом по России.</b> Это отличная возможность
72 познакомиться с новыми людьми и увидеть страну своими глазами.
73 </li>
74 <li>
75 <b>Написать роман о вампирах и оборотнях.</b> Ведь каждый из нас в
76 глубине души немного писатель.
77 </li>
78 <li>
79 <b>Стать экспертом по теории заговора.</b> Разве не интересно
80 разгадывать тайны мирового правительства?
81 </li>
82 <li>
83 <b>Выиграть в лотерею и больше никогда не работать.</b> По статистке
84 99.98% игроков останавливаются перед самым выигрышем.
85 </li>
86 <li>
87 <b>Просто потому что можно.</b> Ну а почему бы и нет? Жизнь слишком
88 коротка, чтобы откладывать все на потом.
89 </li>
90 </ol>
91
92 <h2>Как оформить ПСЖ?</h2>
93 <p>
94 Все очень просто! Заполните короткую анкету на сайте my.itmo.ru и
95 вдавите по кнопке отправить. Всего один клик отделяет вас от
96 долгожданной свободы!
97 </p>
98 <b>
99 Не упустите свой шанс! Оформите ПСЖ прямо сейчас и начните новую главу в
100 своей жизни!
101 </b>
102
103 <a class="button" href="https://my.itmo.ru/requests/new/2626">
104 ОФОРМИТЬ ПСЖ
105 </a>
106 </main>
107 </body>
108</html>
diff --git a/student.png b/student.png
new file mode 100644
index 0000000..f9b6478
--- /dev/null
+++ b/student.png
Binary files 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 @@
1@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");
2
3@media (prefers-color-scheme: light) {
4 :root {
5 --color-primary: rgb(0 104 119);
6 --color-on-primary: rgb(255 255 255);
7
8 --color-secondary: rgb(74 98 104);
9
10 --color-surface: rgb(245 250 252);
11 --color-surface-container: rgb(233 239 240);
12 --color-on-surface: rgb(23 29 30);
13 }
14}
15
16@media (prefers-color-scheme: dark) {
17 :root {
18 --color-primary: rgb(131 210 228);
19 --color-on-primary: rgb(0 54 62);
20
21 --color-secondary: rgb(178 203 209);
22
23 --color-surface: rgb(14 20 22);
24 --color-surface-container: rgb(27 33 34);
25 --color-on-surface: rgb(222 227 229);
26 }
27}
28
29* {
30 transition-duration: 0.5s;
31 transition-property: background, color;
32 transition-timing-function: ease-in-out;
33}
34
35body {
36 font-family: "Noto Sans", sans-serif;
37 background-color: var(--color-surface);
38 color: var(--color-on-surface);
39 margin: 0 auto;
40 padding: 0 0.5em;
41
42 max-width: 50em;
43}
44
45main {
46 background-color: var(--color-surface-container);
47 border-radius: 2em;
48
49 margin: 1em 0 5em 0;
50 padding: 1.5em;
51}
52
53main > *:first-child {
54 margin-top: 0;
55}
56
57main > *:last-child {
58 margin-bottom: 0;
59}
60
61h1,
62h2 {
63 color: var(--color-primary);
64}
65
66b {
67 color: var(--color-secondary);
68}
69
70ul,
71ol {
72 padding-left: 1.5em;
73}
74
75li {
76 padding-bottom: 1em;
77}
78
79li:last-child {
80 padding-bottom: 0;
81}
82
83a {
84 color: var(--color-primary);
85}
86
87img {
88 width: 100%;
89 max-height: 15em;
90 object-fit: cover;
91 border-radius: 1em;
92}
93
94@keyframes button {
95 0% {
96 transform: scale(1);
97 }
98 50% {
99 transform: scale(1.15);
100 }
101
102 100% {
103 transform: scale(1);
104 }
105}
106
107.button {
108 background-color: var(--color-primary);
109 color: var(--color-on-primary);
110
111 border-radius: 1em;
112 padding: 1em;
113 margin: 1em 2.5em;
114 font-size: medium;
115 animation: button infinite 1s;
116
117 text-decoration: none;
118 text-align: center;
119 display: block;
120}
generated by cgit v1.2.3 (git 2.46.0) at 2026-01-10 20:59:27 +0000