aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorTolmachev Igor <me@igorek.dev>2026-01-04 03:14:36 +0900
committerTolmachev Igor <me@igorek.dev>2026-01-04 03:19:35 +0900
commit11a99c8cb23f8b5d7cae81c0d2d96eb091d35ded (patch)
treefa5b32a79fd06fde048f9bbee426af5c107cd7b1
parentbfc62e4f105ac9a15303410511099ebd3435b699 (diff)
downloadexpulsiononline-11a99c8cb23f8b5d7cae81c0d2d96eb091d35ded.tar.gz
expulsiononline-11a99c8cb23f8b5d7cae81c0d2d96eb091d35ded.zip
Add old site version
Diffstat
-rw-r--r--index.html3
-rw-r--r--old/favicon.icobin0 -> 17014 bytes
-rw-r--r--old/index.html141
-rw-r--r--old/student.pngbin0 -> 479765 bytes
-rw-r--r--old/style.css155
-rw-r--r--style.css4
6 files changed, 303 insertions, 0 deletions
diff --git a/index.html b/index.html
index 1b4d396..2dce55e 100644
--- a/index.html
+++ b/index.html
@@ -27,6 +27,9 @@
27 <section class="hero container"> 27 <section class="hero container">
28 <div class="hero-content"> 28 <div class="hero-content">
29 <span class="badge">🔥 Хит сезона 2026</span> 29 <span class="badge">🔥 Хит сезона 2026</span>
30 <a href="/old" class="badge">
31 🕰️ <span class="old-site">Старая версия сайта</span>
32 </a>
30 <h1>ПСЖ как стиль жизни</h1> 33 <h1>ПСЖ как стиль жизни</h1>
31 <p class="subtitle"> 34 <p class="subtitle">
32 Устали от дедлайнов и лекций? Инвестируйте в свое свободное время. 35 Устали от дедлайнов и лекций? Инвестируйте в свое свободное время.
diff --git a/old/favicon.ico b/old/favicon.ico
new file mode 100644
index 0000000..33acf09
--- /dev/null
+++ b/old/favicon.ico
Binary files differ
diff --git a/old/index.html b/old/index.html
new file mode 100644
index 0000000..c878a6c
--- /dev/null
+++ b/old/index.html
@@ -0,0 +1,141 @@
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 </li>
56 <li>
57 <b>Стать профессиональным игроком в компьютерные игры.</b> Ведь сидеть за
58 компьютером целыми днями – это не просто развлечение, а настоящая работа!
59 </li>
60 <li>
61 <b>Посвятить себя изучению древнеегипетских иероглифов.</b> Или, может быть,
62 научиться играть на ханг-дроме? Возможности безграничны!
63 </li>
64 <li>
65 <b>Открыть собственный бизнес по выращиванию кактусов.</b> Ведь кто не мечтает о
66 маленькой кактусовой ферме на балконе?
67 </li>
68 <li>
69 <b>Путешествовать автостопом по России.</b> Это отличная возможность
70 познакомиться с новыми людьми и увидеть страну своими глазами.
71 </li>
72 <li>
73 <b>Написать роман о вампирах и оборотнях.</b> Ведь каждый из нас в глубине души
74 немного писатель.
75 </li>
76 <li>
77 <b>Стать экспертом по теории заговора.</b> Разве не интересно разгадывать тайны
78 мирового правительства?
79 </li>
80 <li>
81 <b>Выиграть в лотерею и больше никогда не работать.</b> По статистке 99.98%
82 игроков останавливаются перед самым выигрышем.
83 </li>
84 <li>
85 <b>Просто потому что можно.</b> Ну а почему бы и нет? Жизнь слишком коротка,
86 чтобы откладывать все на потом.
87 </li>
88 </ol>
89
90 <h2>Как оформить ПСЖ?</h2>
91 <p>
92 Все очень просто! Заполните короткую анкету на сайте <a>my.itmo.ru</a> и вдавите по
93 кнопке отправить. Всего один клик отделяет вас от долгожданной свободы!
94 </p>
95 <b>
96 Не упустите свой шанс! Оформите ПСЖ прямо сейчас и начните новую главу в своей
97 жизни!
98 </b>
99
100 <a class="button" href="https://my.itmo.ru/requests/new/2626"> ОФОРМИТЬ ПСЖ </a>
101
102 <span style="font-size: small">
103 Мы не несем ответственность за принятое вами решение. Сайт создавался исключительно
104 в шуточных целях.
105 </span>
106 </main>
107
108 <footer>
109 <div>
110 <h4>Ссылки</h4>
111 <div>
112 <a
113 href="https://codeberg.org/igorechek06/expulsiononline/src/branch/pages/LICENSE"
114 >
115 Лицензия
116 </a>
117 </div>
118 <div>
119 <a href="https://codeberg.org/igorechek06/expulsiononline/"> Исходный код </a>
120 </div>
121 </div>
122 <div style="flex: 1">
123 <h4>Спонсоры</h4>
124 <div class="sponsors">
125 <a href="https://igorek.dev">Автор igorek.dev</a>
126 <a href="https://t.me/olekkorepanov">@olekkorepanov</a>
127 <a href="https://t.me/gigachad_shlepaZ">@gigachad_shlepaZ</a>
128 <a href="https://t.me/gberdyshev">@gberdyshev</a>
129 <a href="https://t.me/j_artem">@j_artem</a>
130 <a href="https://t.me/Extra_Cat_507">@Extra_Cat_507</a>
131 <a href="https://t.me/night_skumbry">@night_skumbry</a>
132 <a href="https://t.me/evgrart_st">@evgrart_st</a>
133 <a href="https://t.me/YushiNoN">@YushiNoN</a>
134 <a href="https://t.me/Pavtor09">@Pavtor09</a>
135 <a href="https://t.me/oriptal">@oriptal</a>
136 <a href="https://t.me/lissik101">@lissik101</a>
137 </div>
138 </div>
139 </footer>
140 </body>
141</html>
diff --git a/old/student.png b/old/student.png
new file mode 100644
index 0000000..f9b6478
--- /dev/null
+++ b/old/student.png
Binary files differ
diff --git a/old/style.css b/old/style.css
new file mode 100644
index 0000000..b91b3d9
--- /dev/null
+++ b/old/style.css
@@ -0,0 +1,155 @@
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
61footer {
62 background-color: var(--color-surface-container);
63 border-radius: 2em 2em 0 0;
64
65 display: flex;
66 flex-wrap: wrap;
67
68 padding: 1.5em;
69}
70
71footer > * {
72 margin-bottom: 1em;
73 margin-right: 1em;
74}
75
76footer > *:last-child {
77 margin-right: 0;
78 margin-bottom: 0;
79}
80
81h1,
82h2 {
83 color: var(--color-primary);
84}
85
86h4 {
87 margin: 0;
88 margin-bottom: 0.5em;
89}
90
91b {
92 color: var(--color-secondary);
93}
94
95ul,
96ol {
97 padding-left: 1.5em;
98}
99
100li {
101 padding-bottom: 1em;
102}
103
104li:last-child {
105 padding-bottom: 0;
106}
107
108a {
109 color: var(--color-primary);
110}
111
112img {
113 width: 100%;
114 max-height: 15em;
115 object-fit: cover;
116 border-radius: 1em;
117}
118
119@keyframes button {
120 0% {
121 transform: scale(1);
122 }
123 50% {
124 transform: scale(1.15);
125 }
126
127 100% {
128 transform: scale(1);
129 }
130}
131
132.button {
133 background-color: var(--color-primary);
134 color: var(--color-on-primary);
135
136 border-radius: 1em;
137 padding: 1em;
138 margin: 1em 2.5em;
139 font-size: medium;
140 animation: button infinite 1s;
141
142 text-decoration: none;
143 text-align: center;
144 display: block;
145}
146
147.sponsors {
148 display: flex;
149 flex-wrap: wrap;
150}
151
152.sponsors > * {
153 flex: 1 1 150px;
154 text-wrap: nowrap;
155}
diff --git a/style.css b/style.css
index b909ec5..149cad0 100644
--- a/style.css
+++ b/style.css
@@ -170,6 +170,10 @@ a {
170 text-transform: uppercase; 170 text-transform: uppercase;
171} 171}
172 172
173.old-site {
174 text-decoration: underline;
175}
176
173.hero h1 { 177.hero h1 {
174 font-size: 2.5rem; 178 font-size: 2.5rem;
175 line-height: 1.2; 179 line-height: 1.2;
generated by cgit v1.2.3 (git 2.46.0) at 2026-01-10 03:26:04 +0000