vlnst/poridge.club
vlnst/poridge.club
1
0
Fork 0
Code Issues Pull requests Actions Activity

Первоначальный коммит

Browse source
This commit is contained in:
vlnst 2023-12-15 23:52:33 +03:00 committed by vlnst
parent 5328f57bcc
commit ec8da77cd8
Signed by: vlnst
GPG key ID: E432F9102CE6F26E
26 changed files with 827 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
README.md
View file

@ -1,3 +1,3 @@
# poridge.club
poridge.club website source code
Исходный код сайта poridge.club

75
about/index.html Normal file
View file

@ -0,0 +1,75 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Poridge Club | О проекте</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/styles.css">
<link rel="icon" type="image/x-icon" href="/images/logo.png">
</head>
<body>
<div class="header-area">
<div class="menu">
<div class="left-section">
<a href="/"><img src="/images/logo.png" class="logo" alt="logo"></a>
</div>
<div class="right-section">
<a href="/" class="hover-underline-animation">Домой</a>
<a href="/about" class="active">О проекте</a>
<a href="/donate" class="hover-underline-animation">Поддержать</a>
<a href="/contact" class="hover-underline-animation">Связаться</a>
</div>
</div>
</div>
<main>
<div class="content">
<h2>О проекте Poridge Club</h2>
<p>Для меня Poridge Club &#8212; это в первую очередь самый любимый инстанс в Fediverse.</p>
<h3>Коротая история Poridge Club</h3>
<div class="content-with-image">
<div class="text-wrapper">
<p>Poridge Club появился ещё в сентябре 2021 года, его создал великий aurel1on_sol. Про него до сих пор слагают легенды, но вот уже как больше полугода его нет в краях щитпостеров.</p>
<p>Он оставил федивёрс. Подробнее можно почитать в его <a href="https://shitpost.poridge.club/notes/9gy1g0fhfm">посте</a>.</p>
</div>
<div class="image-wrapper">
<img src="/images/aurel1on_sol.jpg" class="side-image" alt="aurel1on_sol photo">
<small>Aurel1on Sol</small>
</div>
</div>
<p>Немалую роль сыграл также модератор Poridge Club'а nihonium, который помогал aurel1on_sol'у в проекте. Сейчас nihonium оставил Poridge Club, но он очень помог при настройке сети для домашнего сервера. Его можно найти на <a href="https://nekoea.red">nekoea.red</a>.</p>
<p>Чуть позже появился второй модератор more, который внёс огромный вклад в развитие и популяризацию SPC, а также Mumble сервера. Лучший community moderator :3</p>
<p>После ухода Sol'а, more планировал <a href="https://shitpost.poridge.club/notes/9gz5tb3d70">перезапустить</a> проект и начать всё с нового листа: новый инстанс, новые правила, но с духом прежнего SPC.</p>
<p>Нам было не суждено увидеть такой Poridge Club. Хорошо это или плохо покажет время. Самое главное, что инстанс всё это время с лета работал.</p>
<p>Чуть позже, я предложил помочь more, мы обновили Misskey. Прошло немного времени и more решил как и aurel1on_sol <a href="https://shitpost.poridge.club/notes/9n3f6vjdji">оставить федивёрс</a>, и теперь я занимаюсь poridge.club'ом.</p>
<p>Так что мне тут всё досталось и не пришлось особо потеть: и комьюнити, и инстанс. Только сайтик обновил, пару сервисов поднял. Постараюсь держать все сервисы с максимальным аптаймом и хорошим быстродейсвтием, надеюсь не разочаровать вас. От меня большего и не ожидается. О планах можете почитать <a href="/plans">тут</a>.</p>
<p>Советую глянуть историю сайта <a href="https://web.archive.org/web/20230000000000*/poridge.club">poridge.club</a></p>
<h4>Фото home-сервера (от 7/12/2023)</h4>
<img src="/images/server.jpg" alt="Фотография сервера.">
<small>Пыльный уголок коридора, рядом с деревянным ящиком</small>
<img src="/images/extender.jpg" alt="Удлинитель на разделочной деревяной доске">
<small>Да, колхоз. Но работает же?</small>
<img src="/images/router.jpg" alt="Ethernet-кабель, идущий над дверным проёмом прямо к роутеру">
<small>Самое главное, что можно закрыть дверь и спокойно поспать</small>
<h4>Характеристики</h4>
<ul>
<li>CPU: Intel i5-3470</li>
<li>RAM: 8GB DDR-3 1600MHz</li>
<li>DISK: ~250GB SATA SSD WD-GREEN</li>
<li>OS: GNU/Linux Debian 12</li>
</ul>
<h5>ASMR звуки сервера:</h5>
<audio controls>
<source src="servernoise.ogg" type="audio/ogg">
Your browser does not support the audio element.
</audio>
<p>Также можете заценить другой мой проект <a href="https://bloat.cat">bloat.cat</a>, на котором я держу разные приватные фронтенды и другие небольшие сервисы.</p>
</div>
</main>
<footer>
<div class="footer-content">
<span><a href="/vlnst">vlnst</a> | 2023 | <a href="https://git.poridge.club/vlnst/poridge.club">Исходный код</a></span>
</div>
</footer>
</body>
</html>

42
contact/index.html Normal file
View file

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Poridge Club | Связаться</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../styles.css">
<link rel="icon" type="image/x-icon" href="../images/logo.png">
</head>
<body>
<div class="header-area">
<div class="menu">
<div class="left-section">
<a href="/"><img src="../images/logo.png" class="logo" alt="logo"></a>
</div>
<div class="right-section">
<a href="/" class="hover-underline-animation">Домой</a>
<a href="/about" class="hover-underline-animation">О проекте</a>
<a href="/donate" class="hover-underline-animation">Поддержать</a>
<a href="/contact" class="active">Связаться</a>
</div>
</div>
</div>
<main>
<div class="content">
<h2>Способы связи с админом</h2>
<p>С администрацией проекта вы можете связаться несколькими способами:</p>
<ul>
<li>XMPP: <a href="xmpp:vlnst@poridge.club?message">vlnst@poridge.club</a></li>
<li>Mail: <a href="mailto:if.vlnst@disroot.org">if.vlnst@disroot.org</a></li>
<li>Fediverse: <a href="https://shitpost.poridge.club/@vlnst">@vlnst@shitpost.poridge.club</a></li>
</ul>
<p>Обычно отвечаю в течении 24 часов</p>
</div>
</main>
<footer>
<div class="footer-content">
<span><a href="/vlnst">vlnst</a> | 2023 | <a href="https://git.poridge.club/vlnst/poridge.club">Исходный код</a></span>
</div>
</footer>
</body>
</html>

42
donate/index.html Normal file
View file

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Poridge Club | Поддержать</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../styles.css">
<link rel="icon" type="image/x-icon" href="../images/logo.png">
</head>
<body>
<div class="header-area">
<div class="menu">
<div class="left-section">
<a href="/"><img src="../images/logo.png" class="logo" alt="logo"></a>
</div>
<div class="right-section">
<a href="/" class="hover-underline-animation">Домой</a>
<a href="/about" class="hover-underline-animation">О проекте</a>
<a href="/donate" class="active">Поддержать</a>
<a href="/contact" class="hover-underline-animation">Связаться</a>
</div>
</div>
</div>
<main>
<div class="content">
<h2>Поддержать</h2>
<p id="donate-text">На poridge.club уходит 79 рублей в месяц за VPS, выступающий в роли gateway, <s>и 30 евро (чуть больше) или около 19$? за доменное имя.</s> Пока домен мне не пренадлежит, соответственно я его не оплачивал.</p>
<div class="donate">
<h3>Monero</h3>
<a href="monero:46bauGUmAp98P5tQ2FuX5UaVCiMv9EHxoQuj28G994bYgfitpsif7udgBcMDarp9Ye3CHbDmpHsUz7on14S8Vi2k8Gyjj1d?recipient_name=poridge.club"><img src="../images/monero.jpg" alt="Monero QR-code"></a>
</div>
<p>Криптовалюта всегда предпочтительнее, но скоро появятся другие способы материально поддержать проект.</p>
<p>Слова благодарности или распорстранение информации о Pordige Club не меньшая поддержка :)</p>
</div>
</main>
<footer>
<div class="footer-content">
<span><a href="/vlnst">vlnst</a> | 2023 | <a href="https://git.poridge.club/vlnst/poridge.club">Исходный код</a></span>
</div>
</footer>
</body>
</html>

52
faq/index.html Normal file
View file

@ -0,0 +1,52 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Poridge Club | ЧАВО</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../styles.css">
<link rel="icon" type="image/x-icon" href="../images/logo.png">
</head>
<body>
<div class="header-area">
<div class="menu">
<div class="left-section">
<a href="/"><img src="../images/logo.png" class="logo" alt="logo"></a>
</div>
<div class="right-section">
<a href="/" class="hover-underline-animation">Домой</a>
<a href="/services" class="hover-underline-animation">Сервисы</a>
<a href="/donate" class="hover-underline-animation">Поддержать</a>
<a href="/contact" class="hover-underline-animation">Связаться</a>
</div>
</div>
</div>
<main>
<div class="content">
<h2>ЧАВО</h2>
<h6>Вопросы я выдумал, так как их никто не задаёт ;(</h6>
<h3>Могу ли я доверять Poridge Club?</h3>
<p>Можешь. А лучше не надо. Именно для этого Misskey можно пользоваться из Tor, нигде не требуется почта или телефон, а другие сервисы практически не собирают никакой идентифицирующей информации.</p>
<h3>Почему в Poridge Club одна буква "r"?</h3>
<p>Потому что так задумывал создать. Пориджы даже правильно слово "каша" не могут написать...</p>
<h3>Кто такие пориджы?</h3>
<p>У слова поридж много значений, вот некоторые из них: молодой, глупый, недальновидный человек; зумер. Пориджами зовутся пользователи Shitpost Poridge Club.</p>
<h3>Правда ли, что на Shitpost Poridge Club одни нацисты?</h3>
<p>Конечно же нет.</p>
<h3>Почему лого Poridge Club &#8212; popcat?</h3>
<p>Больше котов!!! Приколный мем, соответствует тематике инстанса Misskey.</p>
<h3>Сливает ли инстанс данные ФСБ?</h3>
<p>Конечно. Это honeypot. А если серьёзно, то "администратор сервера никогда не выдаст ваши данные другим пользователям, но при "гостях с болгаркой" ваши данные будут отданы", даже несмотря на то, что диск зашифрован.</p>
<h3>Почему всё бесплатно?</h3>
<p>Потому что в ином случае это было бы никому не нужно 😊️</p>
<h3>Зачем это вообще всё?</h3>
<p>Just for fun.</p>
</div>
</main>
<footer>
<div class="footer-content">
<span><a href="/vlnst">vlnst</a> | 2023 | <a href="https://git.poridge.club/vlnst/poridge.club">Исходный код</a></span>
</div>
</footer>
</body>
</html>

BIN
fonts/InterDisplay-Regular.woff2 Normal file
View file

Binary file not shown.

BIN
images/aurel1on_sol.jpg Normal file
View file

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 54 KiB

BIN
images/extender.jpg Normal file
View file

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 731 KiB

BIN
images/forgejo-logo.png Normal file
View file

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.3 KiB

BIN
images/logo.png Normal file
View file

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 33 KiB

BIN
images/misskey-logo.png Normal file
View file

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

BIN
images/monero.jpg Normal file
View file

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.4 KiB

BIN
images/mumble-logo.png Normal file
View file

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 273 KiB

BIN
images/router.jpg Normal file
View file

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 499 KiB

BIN
images/server.jpg Normal file
View file

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 564 KiB

BIN
images/xmpp-logo.png Normal file
View file

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 134 KiB

85
index.html Normal file
View file

@ -0,0 +1,85 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Poridge Club</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="styles.css">
<link rel="icon" type="image/x-icon" href="images/logo.png">
</head>
<body>
<div class="header-area">
<div class="menu">
<div class="left-section">
<a href="/"><img src="images/logo.png" class="logo" alt="logo"></a>
</div>
<div class="right-section">
<a href="/" class="active">Домой</a>
<a href="/about" class="hover-underline-animation">О проекте</a>
<a href="/donate" class="hover-underline-animation">Поддержать</a>
<a href="/contact" class="hover-underline-animation">Связаться</a>
</div>
</div>
</div>
<main>
<div class="content">
<h1>Пориджклаб<span class="questionmark">?</span></h1>
<p>Это набор сервисов для этичного и безопасного времяпровождения в сети интернет без опаски за свои данные, а также островок свободы слова и самовыражения.</p>
<p>
Проект предлагает свободные альтернативы популярным сервисам,
сделанные людьми для людей, а не корпорациями с целью извлечения
прибыли. Пользоваться всеми сервисами можно абсолютно бесплатно.
</p>
<div class="table">
<div class="t-element">
<a href="https://shitpost.poridge.club"><img src="images/misskey-logo.png" class="service" alt="Misskey logo"></a>
<h4>Misskey</h4>
<p>
Альтернатива Twitter или VK. Много функций, вычурный интерфейс,
куча анимаций. Самое то, чтобы позалипать в федивёрсе
</p>
</div>
<div class="t-element">
<a href="/mumble"><img src="images/mumble-logo.png" class="service" alt="Mumble logo"></a>
<h4>Mumble</h4>
<p>
Альтернатива TeamSpeak. Лёгкая и быстрая, предназначенная для
голосового общения
</p>
</div>
<div class="t-element">
<a href="https://git.poridge.club/"><img src="images/forgejo-logo.png" class="service" alt="Forgejo logo"></a>
<h4>Forgejo</h4>
<p>Альтернатива GitHub и GitLab, Git хостинг для вашего кода</p>
</div>
</div>
<div class="table">
<div class="t-element">
<a href="/xmpp"><img src="images/xmpp-logo.png" class="service" alt="XMPP logo"></a>
<h4>XMPP</h4>
<p>
Альтернатива WhatsApp и Telegram. Никто, даже FBI не сможет читать
ваши переписки*
</p>
</div>
</div>
<h2>А подробнее?</h2>
<p>
Здесь вы можете совершенно бесплатно, без отслеживания корпораций, без
требований слить почту, телефон, пасспорт и прочий бред
использовать свободное ПО, а также иметь возможность высказываться, так как правила близки к абсолютному фриспичу, а также мы никого не блокируем и федерируемся со всеми.</p>
<p>
Советую ознакомиться с
<a href="/faq">часто задаваемыми вопросами</a> и
<a href="/privacy-policy">политикой конфиденциальности</a>.
</p>
<small class="annotation">* данное утверждение верно при использовании шифрования (OTR, OMEMO или PGP), а также при предпринятии бесчисленых мер безопасности</small>
</div>
</main>
<footer>
<div class="footer-content">
<span><a href="/vlnst">vlnst</a> | 2023 | <a href="https://git.poridge.club/vlnst/poridge.club">Исходный код</a></span>
</div>
</footer>
</body>
</html>

38
mumble/index.html Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Poridge Club | Mumble</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../styles.css">
<link rel="icon" type="image/x-icon" href="../images/logo.png">
</head>
<body>
<div class="header-area">
<div class="menu">
<div class="left-section">
<a href="/"><img src="../images/logo.png" class="logo" alt="logo"></a>
</div>
<div class="right-section">
<a href="/" class="hover-underline-animation">Домой</a>
<a href="/about" class="hover-underline-animation">О проекте</a>
<a href="/donate" class="hover-underline-animation">Поддержать</a>
<a href="/contact" class="hover-underline-animation">Связаться</a>
</div>
</div>
</div>
<main>
<div class="content">
<h2>Mumble</h2>
<p>Mumble &#8212; лучший софт для разговоров о чём угодно.</p>
<p>Подключиться &#8212; <b>poridge.club</b>, порт стандартный (64738)</p>
<p>Рекомендую к ознакомлению отличную <a href="https://skobk.in/mumble/">статью</a> skobkin'a, чтобы освоиться в программе.</p>
</div>
</main>
<footer>
<div class="footer-content">
<span><a href="/vlnst">vlnst</a> | 2023 | <a href="https://git.poridge.club/vlnst/poridge.club">Исходный код</a></span>
</div>
</footer>
</body>
</html>

45
plans/index.html Normal file
View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Poridge Club | Планы</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="styles.css">
<link rel="icon" type="image/x-icon" href="images/logo.png">
</head>
<body>
<div class="header-area">
<div class="menu">
<div class="left-section">
<a href="/"><img src="images/logo.png" class="logo" alt="logo"></a>
</div>
<div class="right-section">
<a href="/" class="hover-underline-animation">Домой</a>
<a href="/about" class="hover-underline-animation">О проекте</a>
<a href="/donate" class="hover-underline-animation">Поддержать</a>
<a href="/contact" class="hover-underline-animation">Связаться</a>
</div>
</div>
</div>
<main>
<div class="content">
<h2>Планы</h2>
<p>Если вы досюда дошли, это круто, спасибо :3</p>
<h5>Планы на будущий 2024 год</h5>
<ul>
<li>Обновить правила Misskey инстанса</li>
<li>Привести дома сервер в лучшее состояние (как минимум, купить нормальный уделнитель)</li>
<li>Автоматизировать все бэкапы на 100%. Чтобы вообще не тратил время на эти дела. Один скриптик, все бэкапы</li>
<li>Добавить тёмную тему на сайт</li>
<li>Отполировать код сайта, починить некоторые мелкие баги</li>
</ul>
<p>Пока планы такие, понятное дело, они будут обновляться с течением времени.</p>
</div>
</main>
<footer>
<div class="footer-content">
<span><a href="/vlnst">vlnst</a> | 2023 | <a href="https://git.poridge.club/vlnst/poridge.club">Исходный код</a></span>
</div>
</footer>
</body>
</html>

64
privacy-policy/index.html Normal file
View file

@ -0,0 +1,64 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Poridge Club | Политика конфиденциальности</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../styles.css">
<link rel="icon" type="image/x-icon" href="../images/logo.png">
</head>
<body>
<div class="header-area">
<div class="menu">
<div class="left-section">
<a href="/"><img src="../images/logo.png" class="logo" alt="logo"></a>
</div>
<div class="right-section">
<a href="/" class="hover-underline-animation">Домой</a>
<a href="/about" class="hover-underline-animation">О проекте</a>
<a href="/donate" class="hover-underline-animation">Поддержать</a>
<a href="/contact" class="hover-underline-animation">Связаться</a>
</div>
</div>
</div>
<main>
<div class="content">
<h2>Политика конфиденциальности</h2>
<p>ЪУЪ! Как серьёзно звучит...</p>
<p><b>Политика конфиденциальности</b> — это юридическое соглашение, в котором объясняется, какую личную информацию я собираю от посетителей веб-сайта или приложения, как ее использую и защищаю.</p>
<p>Бла-бла-бла. Все это знают, но никто никогда её не читает.</p>
<p>Ладно, распишу коротко, но ёмко:</p>
<h3>При пользовании сайтом Poridge Club</h3>
<p>Сайт не собирает никаких логов посещения, могут собираться логи ошибок, которые в себя включают IP-адрес, user-agent, запрашиваемая странца. Логи очищаются каждую неделю.</p>
<h3>При использовании Misskey инстанса</h3>
<p>Тут куда интереснее. На сервере хранится:</p>
<ul>
<li>Никнейм</li>
<li>Пароль в хэшированном виде</li>
<li>IP-адреса, с которых вы логинились в свой аккаунт</li>
<li>Логи ошибок как на сайте</li>
<li>А также другая информация, необходимая для работы Misskey, такая как: ваши реакции, ваши подписки etc.</li>
</ul>
<p>Данные никому не передаются и никак не используются, кроме как для предоставления сервисов.</p>
<h3>При использовании Mumble</h3>
<p>Mumble не собирает никакой информации о вас, если вы не регистрировались.</p>
<p>При регистрации хранится ваш сертификат, никнейм, как давно вы неактивны, а также последний канал</p>
<h3>При использовании XMPP</h3>
<ul>
<li>Никнейм</li>
<li>Пароль в хэшированном виде</li>
<li>Собираются логи ошибок</li>
</ul>
<h3>При использовании Forgejo</h3>
<p>В процессе...</p>
<p>Все данные хранятся на зашифрованном диске у меня дома.</p>
</div>
</main>
<footer>
<div class="footer-content">
<span><a href="/vlnst">vlnst</a> | 2023 | <a href="https://git.poridge.club/vlnst/poridge.club">Исходный код</a></span>
</div>
</footer>
</body>
</html>

BIN
servernoise.ogg Normal file
View file

Binary file not shown.

284
styles.css Normal file
View file

@ -0,0 +1,284 @@
html {
background: rgb(236, 240, 241);
}
body {
background: rgb(236, 240, 241);
font-family: Inter;
font-size: 1.25rem;
margin: 0;
}
@font-face {
font-family: Inter;
src :url('fonts/InterDisplay-Regular.woff2');
}
main {
display: flex;
justify-content: center;
}
.content {
min-height: calc(100vh - 5rem - 2.5rem);
position: relative;
width: 50%;
}
.table {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.t-element {
align-items: center;
border-radius: 0.4rem;
box-shadow: 0 1px 3px lightgray;
display: flex;
flex: 1;
flex-direction: column;
margin: 1rem;
padding: 1rem;
}
.t-element p {
margin: 0;
margin-bottom: 0.7rem;
}
.t-element h4 {
margin: 0;
margin-bottom: 0.7rem;
margin-top: 0.7rem;
}
.service {
display: block;
max-width: 10rem;
}
.header-area {
display: flex;
height: 5rem;
background-color: rgb(0, 164, 151);
justify-content: center;
}
.menu {
display: flex;
justify-content: space-between;
width: 50%;
align-items: center;
}
.logo {
width: 3.125rem;
border-radius: 50%;
display: block;
}
a.active {
position: relative;
color: #fff;
text-decoration: none;
margin-left: 0.6rem;
}
a.active:before {
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: -5px;
left: 0;
background-color: #fff;
}
a.hover-underline-animation {
position: relative;
color: #fff;
text-decoration: none;
margin-left: 0.6rem;
}
a.hover-underline-animation:before {
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: -5px;
left: 0;
background-color: #fff;
visibility: hidden;
transform: scaleX(0);
transition: all 0.2s ease-in-out;
}
a.hover-underline-animation:hover:before {
transform: scaleX(1);
visibility: visible;
}
img {
max-width: 100%;
}
small {
display: block;
margin-bottom: 0.5rem;
margin-top: 0.5rem;
text-align: center;
}
ul {
list-style-type: square;
padding-left: 1rem;
word-wrap: break-word;
}
audio {
width: 100%;
}
.annotation {
text-align: left;
}
.donate {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
}
#donate-text {
margin-bottom: 0;
}
.side-image {
object-fit: contain;
width: 70%;
}
.content-with-image {
display: flex;
}
.image-wrapper {
align-items: center;
display: flex;
flex: 1;
flex-direction: column;
justify-content: center;
}
.text-wrapper {
flex: 3;
}
.text-wrapper p {
margin-top: 0;
}
.questionmark {
animation: rotate 8s infinite;
display: inline-block;
margin-left: 0.3rem;
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(0deg);
}
}
footer {
height: 2.5rem;
text-align: center;
}
@media only screen and (max-width: 1200px) {
.content-with-image {
display: flex;
flex-direction: column;
}
.side-image {
height: 50%;
object-fit: contain;
width: 50%;
}
}
@media only screen and (max-width: 1000px) {
.right-section {
font-size: 1.1rem;
}
}
@media only screen and (max-width: 850px) {
.menu {
flex-direction: column;
width: 100%;
}
.header-area {
padding-bottom: 1rem;
padding-top: 1rem;
}
.content {
min-height: calc(100vh - 7rem - 2.5rem);
}
}
@media only screen and (max-width: 900px) {
.content {
margin-left: 1rem;
margin-right: 1rem;
width: 80vw;
}
a.hover-underline-animation:before {
transform: none;
transition: none;
}
a.hover-underline-animation:hover:before {
transform: none;
}
}
@media only screen and (max-width: 370px) {
.header-area {
padding-bottom: 4rem;
padding-top: 1rem;
}
.right-section {
display: flex;
flex-direction: column;
}
.right-section a {
margin-bottom: 0.2rem;
margin-left: 0;
}
a.hover-underline-animation:before {
transform: none;
transition: none;
}
a.hover-underline-animation:hover:before {
transform: none;
}
}

36
vlnst/index.html Normal file
View file

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Poridge Club</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../styles.css">
<link rel="icon" type="image/x-icon" href="../images/logo.png">
</head>
<body>
<div class="header-area">
<div class="menu">
<div class="left-section">
<a href="/"><img src="../images/logo.png" class="logo" alt="logo"></a>
</div>
<div class="right-section">
<a href="/" class="active">Домой</a>
<a href="/about" class="hover-underline-animation">О проекте</a>
<a href="/donate" class="hover-underline-animation">Поддержать</a>
<a href="/contact" class="hover-underline-animation">Связаться</a>
</div>
</div>
</div>
<main>
<div class="content">
<h2>Обо мне</h2>
<p>Студент 2-го курса музыкального колледжа. Зарегистрирован на SPC 1.04.22. Вот и всё. Учусь не очень. А большего вам знать и не надо :)</p>
</div>
</main>
<footer>
<div class="footer-content">
<span><a href="/vlnst">vlnst</a> | 2023 | <a href="https://git.poridge.club/vlnst/poridge.club">Исходный код</a></span>
</div>
</footer>
</body>
</html>

7
xmpp/host-meta Normal file
View file

@ -0,0 +1,7 @@
<?xml version='1.0' encoding='utf-8'?>
<XRD xmlns='http://docs.oasis-open.org/ns/xri/xrd-1.0'>
<Link rel="urn:xmpp:alt-connections:xbosh"
href="https://poridge.club:5281/http-bind" />
<Link rel="urn:xmpp:alt-connections:websocket"
href="https://poridge.club/xmpp-websocket" />
</XRD>

12
xmpp/host-meta.json Normal file
View file

@ -0,0 +1,12 @@
{
"links": [
{
"rel": "urn:xmpp:alt-connections:xbosh",
"href": "https://poridge.club:5281/http-bind"
},
{
"rel": "urn:xmpp:alt-connections:websocket",
"href": "https://poridge.club/xmpp-websocket"
}
]
}

44
xmpp/index.html Normal file
View file

@ -0,0 +1,44 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Poridge Club | XMPP</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../styles.css">
<link rel="icon" type="image/x-icon" href="../images/logo.png">
</head>
<body>
<div class="header-area">
<div class="menu">
<div class="left-section">
<a href="/"><img src="../images/logo.png" class="logo" alt="logo"></a>
</div>
<div class="right-section">
<a href="/" class="hover-underline-animation">Домой</a>
<a href="/about" class="hover-underline-animation">О проекте</a>
<a href="/donate" class="hover-underline-animation">Поддержать</a>
<a href="/contact" class="hover-underline-animation">Связаться</a>
</div>
</div>
</div>
<main>
<div class="content">
<h2>XMPP</h2>
<p>Регистрация пока по инвайтам, если вам нужен аккаунт, <a href="/contact">напишите мне</a></p>
<a href="https://compliance.conversations.im/server/poridge.club"><img src="https://compliance.conversations.im/badge/poridge.club" alt="XMPP compliance badge"></a>
<p>Сответую ознакомитсья с интересными статьями:</p>
<ul>
<li><a href="https://web.archive.org/web/2022102406g=G842/https://cawiki.herokuapp.com/messengers/#xmpp">https://web.archive.org/web/20221024060842/https://cawiki.herokuapp.com/messengers/#xmpp</a></li>
<li><a href="https://web.archive.org/web/20220901164329/https://blackgnu.net/xmpp-introduction.html">https://web.archive.org/web/20220901164329/https://blackgnu.net/xmpp-introduction.html</a></li>
<li><a href="https://portal.mozz.us/gemini/tilde.team/~rami/xmpp.gmi">https://portal.mozz.us/gemini/tilde.team/~rami/xmpp.gmi</a></li>
<li><a href="https://xmpp.org/about/myths/">https://xmpp.org/about/myths/</a></li>
</ul>
</div>
</main>
<footer>
<div class="footer-content">
<span><a href="/vlnst">vlnst</a> | 2023 | <a href="https://git.poridge.club/vlnst/poridge.club">Исходный код</a></span>
</div>
</footer>
</body>
</html>